@extends('portal.layouts.app', [
'class' => '',
'elementActive' => ''
])
@section('title','Social Media Suppliers')

@section('css')
<style>
/* Optional custom styles */
</style>
@endsection

@section('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">Social Media Suppliers</h4>
                  </div>
               </div>

               <!-- Table -->
               <div class="iq-card-body">
                <form action="" method="GET">
                    <div class="row">
                        <div class="col-auto">
                            <label for="">From</label>
                            <input type="date" name="from_date" value="{{old('from_date', request('from_date'))}}" class="form-control">
                        </div>
                        <div class="col-auto">
                            <label for="">To</label>
                            <input type="date" name="to_date" value="{{old('to_date', request('to_date'))}}" class="form-control">
                        </div>
                        <div class="col-auto">
                            <button class="btn btn-sm btn-primary mt-4" type="submit">Filter</button>
                        </div>
                    </div>
                </form>
                  <div class="table-responsive">
                     <table class="table table-striped table-bordered downloadable">
                        <thead>
                           <tr>
                              <th>#</th>
                              <th>Name</th>
                              <th>Code</th>
                              <th class="text-right">Candidates</th>
                           </tr>
                        </thead>
                        <tbody>
                           @foreach($data as $k => $item)
                           <tr>
                              <td>{{ $k + 1 }}</td>
                              <td>{{ $item->name }}</td>
                              <td>{{ $item->code }}</td>
                              <td class="text-right">{{ $item->candidates_count }}</td>
                           </tr>
                           @endforeach
                        </tbody>
                        <tfoot>
                            <tr>
                                <td class="text-center" colspan="3"><strong>TOTALS</strong></td>
                                <td class="text-right"><strong>{{$data->sum('candidates_count')}}</strong></td>
                            </tr>
                        </tfoot>
                     </table>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>
</div>

@endsection

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

@endsection