@extends('layouts.includes.header')
@section('content')
<div class="content-wrapper">
  <!-- Content Header (Page header) -->
  <section class="content-header">
    <h1>
    Activity Log
    <small>Control panel</small>
    </h1>
    <ol class="breadcrumb">
      <li><a href="#"><i class="fa fa-dashboard"></i> Activity Log</a></li>
      <li class="active">Dashboard</li>
    </ol>
  </section>
  <!-- Main content -->
  <section class="content">
    @include('layouts.includes.adminlte.alerts')
    <div class="row">
      <div class="col-lg-12">
        <div class="box box-default">
          <div class="box-header with-border">
            <h3 class="box-title">Search </h3>
            <div class="box-tools pull-right">
              <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
              
            </div>
          </div>
          <!-- /.box-header -->
          <div class="box-body">
            <form  role="form" method="POST" action="{{route('admin.activity.show')}}" enctype="multipart/form-data">
              <input type="hidden" class="form-control" name="search"  value="true">
              {{ csrf_field() }}
              <div class="row">
                
               
                <div class="col-lg-6 form-group">
                  <label>Customer Name</label>
                  <input type="text" class="form-control" name="customer_name" >
                  
                </div>
                <!-- /.col -->
                
                <div class="col-lg-6 form-group">
                  <label>Appointment</label>
                  <div class="input-group date">
                    <div class="input-group-addon">
                      <i class="fa fa-calendar"></i>
                    </div>
                    <input type="text" class="form-control datepicker" name="appointment" id="appointment" autocomplete="off" >
                  </div>
                </div>

                <div class="col-lg-6 form-group">
                  <label>Next Follow Up</label>
                  <div class="input-group date">
                    <div class="input-group-addon">
                      <i class="fa fa-calendar"></i>
                    </div>
                    <input type="text" class="form-control datepicker" name="follow_up" autocomplete="off">
                  </div>
                </div>
              </div>
              <div class="col-lg-12 form-group  text-center">
                <input type="submit" class="btn btn-primary" value="Search">
                <a href="{{route('admin.activity.show')}}" class="btn btn-default btn-md">Reset</a>
              </div>
            </form>
          </div>
          <!-- /.box-body -->
          
        </div>
      </div>
    </div>
    <div class="row">
      <div class="col-lg-12">
        <div class="box">
          <div class="box-header with-border">
            <h3 class="box-title" style="padding-top: 5px;"></h3>
            <div class="box-tools">
              <a href="{{route('admin.activity.create')}}" class="btn btn-success btn-sm pull-right">Add
              New Activity</a>
            </div>
          </div>
          <!-- /.box-header -->
          <div class="box-body" style="overflow: scroll;padding-left: 10px; padding-right: 10px;">
            <table id="example2" class="table table-bordered table-hover">
              <thead>
                <tr>
                  
                
                  
                  
                  <th>
                    
                    Customer Name
                    
                  </th>
                  
                  <th>
                    
                    Agent Name
                    
                  </th>
                  
                  <th>
                    
                    Appointment
                    
                  </th>
                  <th>
                    
                   Next Follow Up 
                    
                  </th>
                  
                  <th>
                    
                    Action
                    
                  </th>
                  
                  
                </tr>
              </thead>
              <tbody>
                
                                @foreach($activities as $response)
                
                <tr>
                  
                  <td>{{$response->customer_name}}</td>
                  <td>{{$response->agent_name}}</td>
                  <td>{{$response->appointment}}</td>
                  <td>{{$response->follow_up}}</td>
                  <td>
                    <div class="tools">
                      <a href="{{route('admin.activity.edit',$response->id)}}" title="Edit Customer"  class="confirmAction">
                        <i class="fa fa-pencil"></i>
                      </a>
                      &nbsp;&nbsp;&nbsp;&nbsp;
                      <a  onclick="return confirm('Are you sure want to delete this?')" href="{{route('admin.activity.delete',$response->id)}}" title=" Customer Delete" deleteformid="form-3680" class="confirmAction">
                        <i class="fa fa-trash-o"></i>
                      </a>
                      
                      
                    </div>
                  </td>
                  
                </tr>
                                @endforeach
                
              </tbody>
            </table>
          </div>
          <!-- /.box-body -->
          
        </div>
      </div>
    </div>
    
  </section>
  <!-- /.content -->
</div>
@endsection