@extends('layout.backend.app',[
    'title' => 'Manage Sponsor Count',
    'pageTitle' =>'Manage Sponsor Count',
])


@section('content')

<link href="{{ asset('template/backend/css') }}/jquery-ui.css" rel="stylesheet" type="text/css">

<div class="notify"></div>
<div class="card">

<form method="get">
<div style="padding:10px;">
  <div class="row">
    <div class="col">
    <input type="text" id="datepicker" name="date" value="{{ $date }}">
    </div>
  </div>
  <div class="row">
    <div class="col">
    <input type="submit" value="Search"/>
    </div>
  </div>
</div>
</form>

</div>
    </div>
        <div class="card-body">
            <div class="table-responsive" style="background: white;">    
                <table class="table table-bordered data-table" style="font-size: small;">
                    <thead>
                        <tr>
                            <th>Sponsor Detail</th>
                            <th>Sponsor Count</th>
                        </tr>
                    </thead>
                    <tbody>
                      @foreach($sponsorsArr as $k => $sponsor)
                      @php
                       $spData = explode('_',$k);
                      @endphp
                      <tr>
                            <th>Name: {{ $spData[0] }}<br/>ID: {{ $spData[1] }}</th>
                            <th>{{ $sponsor }}</th>
                        </tr>
                      @endforeach
                    </tbody>
                </table>
            </div>
        </div>
</div>



@stop

@push('js')
<script src="{{ asset('template/backend/js') }}/jquery-1.12.4.js"></script>
<script src="{{ asset('template/backend/js') }}/jquery-ui.js"></script>


  <script>
  $( function() {
    $( "#datepicker" ).datepicker({  
      maxDate: new Date(),
      dateFormat: 'yy-mm-dd'
      });
  } );
  </script>
@endpush