@extends('portal.layouts.app', [
'class' => '',
'elementActive' => ''
])

@section('title', 'Agent Call Logs')

@section('css')
@endsection

@section('content')
<!-- Page Content -->
<div id="content-page" class="content-page">
   <div class="container-fluid">
      <div class="row">
         <div class="col-sm-12">
            <div class="iq-card">
               <div class="iq-card-header d-flex justify-content-between">
                  <div class="iq-header-title">
                     <h4 class="card-title">Agent Call Logs</h4>
                  </div>
               </div>
               <div class="iq-card-body m-2">
                    <div class="row my-2">
                         <div class="col-md-12">
                            <form action="" method="Get" class="form-inline">
                                <div class="row">

                                    <div class="col">
                                        <label for="loan_type" class="mr-2">From Date:</label>
                                        <input type="date" name="from_date" class="form-control" value="{{request()->from_date}}">
                                    </div>
                                    <div class="col">
                                        <label for="loan_type" class="mr-2">To Date:</label>
                                        <input type="date" name="to_date" class="form-control" value="{{ request()->to_date }}">
                                    </div>
                                    <div class="col">
                                        <button type="submit" class="btn btn-primary mt-4">Filter</button>
                                    </div>
                                </div>
                            </form>
                         </div>
                  <div class="table-responsive">

                     <!-- Table with downloadable class -->
                     <table id="trip-summary" class="table table-striped table-bordered downloadable">
                        <thead class="thead-light">
                           <tr>
                                <th>#</th>
                                <th>Candidate</th>
                                <th>Phone</th>
                                <th>Status</th>
                                <th>Remarks</th>
                                <th class="text-right">Time</th>
                           </tr>
                        </thead>
                        <tbody>
                           @foreach($data as $index => $item)
                           <tr>
                              <td>{{ $index + 1 }}</td>
                              <td>
                                    <a href="{{route('candidateprofile', $item->candidate->uuid)}}">{{ $item->candidate->user->name }}</a>
                              </td>

                              <td>{{ $item->phone }}</td>
                              <td>{{ $item->call_status }}</td>
                              <td>{{ $item->call_summary }}</td>
                              <td class="text-right">{{ Carbon\Carbon::parse($item->call_time)->format('jS M Y h:i A') }}</td>
                           </tr>
                           @endforeach
                        </tbody>

                     </table>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>
</div>
<!-- Wrapper END -->
@endsection

@section('script')
<script src="{{asset('portal/js/formsubmission.js')}}"></script>

@endsection