@extends('admin.default')
@section('title', 'Auto Coin Admin | Impressions')
@section('content')	
   <nav class="page-breadcrumb">
      <ol class="breadcrumb">
         <li class="breadcrumb-item"><a href="#">Dashboard</a></li>
         <li class="breadcrumb-item active" aria-current="page">Impressions</li>
      </ol>
   </nav>
   <div class="container">
      <div class="row">
         <div class="col-md-6">
               <form class="form-inline my-2" method="post" action="{{route('impressionsExport')}}">
                  <select type="text" class="form-control " name="month">
                     <option value="January">January</option>
                     <option value="February">February </option>
                     <option value="March">March</option>
                     <option value="April">April</option>
                     <option value="May">May</option>
                     <option value="June">June</option>
                     <option value="July">July</option>
                     <option value="August">August</option>
                     <option value="September">September</option>
                     <option value="October">October</option>
                     <option value="November">November</option>
                     <option value="December">December</option>
                  </select>
                  <select type="text" class="form-control mx-2" name="year">
                     <option value="2019">2019</option>
                     <option value="2020">2020</option>
                     <option value="2021">2021</option>
                  </select>
                  <input type="submit" class="btn btn-success" value="Backup Impressions">
               </form>
         </div>
         <div class="col-md-6">
               <form class="form-inline my-2 float-right" method="post" action="{{route('impressionsImport')}}">
                  <div class="form-group row">
                     <div class="col-md-3">
                        <select type="text" class="form-control mx-2" name="year">
                           <option value="2019">2019</option>
                           <option value="2020">2020</option>
                           <option value="2021">2021</option>
                        </select>
                     </div>
                     <div class="col-md-6">
                        <select class="js-example-basic-multiple w-100" name="month[]" id="month" multiple="multiple">
                           <option value="all">All</option>
                           <option value="January">Jan</option>
                           <option value="February">Feb </option>
                           <option value="March">March</option>
                           <option value="April">April</option>
                           <option value="May">May</option>
                           <option value="June">June</option>
                           <option value="July">July</option>
                           <option value="August">Aug</option>
                           <option value="September">Sep</option>
                           <option value="October">Oct</option>
                           <option value="November">Nov</option>
                           <option value="December">Dec</option>
                        </select>
                     </div>
                     <div class="col-md-3">
                        <input type="submit" class="btn btn-success" value="Import Imp.">
                     </div>
                  </div>
               </form>
         </div>
      </div>
    </div>
   <div class="row">
      <div class="col-md-12 grid-margin stretch-card">
         <div class="card">
            <div class="card-body">
               <h6 class="card-title">Impressions</h6>
               @if(Session::get('errors'))
                    <div class="alert alert-danger">
                       <button type="button" class="close" data-dismiss="alert">×</button>
                        <p>{{Session::get('errors')}}</p>
                    </div>
				   @endif
               @if(Session::get('success'))
                    <div class="alert alert-success">
                       <button type="button" class="close" data-dismiss="alert">×</button>	
                        <p>{{Session::get('success')}}</p>
                    </div>
				   @endif
               <div class="table-responsive">
                  <table id="dataTableExample" class="table">
                     <thead>
                        <tr>
                           <th>Dealer ID</th>
                           <th>Month</th>
                           <th>Year</th>
                           <th>Vehicle Clicks</th>
                           <th>Vehicle Impressions</th>
                           <th>Dealer Clicks</th>
                           <th>Dealer Impressions</th>
                           <th>Website Redirects</th>
                        </tr>
                     </thead>
                     <tbody>
                        @foreach($data as $key)
                        <tr>
                           <td>{{$key->dealer_id}}</td>
                                                      <td>{{$date[0]}}</td>
                           <td>{{$date[1]}}</td>
                           <td>{{$key->vehicle_clicks}}</td>
                           <td>{{$key->vehicle_impressions}}</td>
                           <td>{{$key->dealer_clicks}}</td>
                           <td>{{$key->dealer_impressions}}</td>
                           <td>{{$key->website_redirects}}</td>
                        </tr>
                        @endforeach
                     </tbody>
                  </table>
                  <span>Page No. <b>{{$data->currentPage()}}</b></span>
                  <span>Total <b>{{$data->total()}}</b> entries</span>
                  <span class="float-right">{{$data->links()}}<span>
               </div>
            </div>
         </div>
      </div>
   </div>
@stop