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

@section('title', 'Agent Calls')

@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 Calls</h4>
                  </div>
               </div>
               @php
                   $from = request()->from_date ?? date('Y-m-d');
                   $to = request()->to_date ?? date('Y-m-d');
               @endphp
               <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="{{$from}}">
                                    </div>
                                    <div class="col">
                                        <label for="loan_type" class="mr-2">To Date:</label>
                                        <input type="date" name="to_date" class="form-control" value="{{ $to }}">
                                    </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>Agent</th>
                                <th class="text-right">Target</th>
                                <th class="text-right">Called</th>
                                <th class="text-right">%ge</th>
                           </tr>
                        </thead>
                        <tbody>
                           @foreach($data as $index => $item)
                           <tr>
                              <td>{{ $index + 1 }}</td>
                              <td>
                                    <a href="{{route('agentcalllogs',['agent'=>$item->id,'from'=>$from,'to'=>$to])}}">{{ $item->name}}</a>
                              </td>

                              <td class="text-right">{{ number_format($item->target) }}</td>
                              <td class="text-right">{{ number_format($item->total_called) }}</td>
                              <td class="text-right">{{ number_format($item->percentage,2) }}</td>
                           </tr>
                           @endforeach
                        </tbody>
                        <tfoot>
                           <tr>
                              <td colspan="2" class="text-center font-weight-bold">Totals</td>
                              <td class="text-right font-weight-bold">{{ number_format($data->sum('target'),2) }}</td>
                              <td class="text-right font-weight-bold">{{ number_format($data->sum('total_called'),2) }}</td>
                           </tr>
                        </tfoot>
                     </table>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>
</div>
<!-- Wrapper END -->
@endsection

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

@endsection