@extends('Admin/Layouts/app')
@section('content')
@php 
if(sizeof($_GET)>0 && array_key_exists("status",$_GET) && $_GET['status'] !='')
{
  $status = $_GET['status'];
} 
else
{
  $status = '';
}
if(sizeof($_GET)>0 && array_key_exists("name",$_GET) && $_GET['name'] !='')
{
  $name = $_GET['name'];
}
else
{
  $name = '';
}
if(sizeof($_GET)>0 && array_key_exists("order",$_GET) && $_GET['order'] !='')
{
  $order = $_GET['order'];
}
else
{
  $order = '';
}
@endphp
<div class="container-fluid p-3">

  <div class="card mb-3">
   <div class="card-body">
     <h3 class="mb-3 fw-bold">Token Summary</h3>
     <div class="row">
         <div class="col-12 col-md border-end">
           <div class="d-flex ">
               <div class=" ">
                 <h4>{{$total_token}}</h4>
               </div>
               <div class="ps-2">
                 Total Tokens
               </div>
           </div>
         </div>
         <div class="col-12 col-md border-end">
           <div class="d-flex ">
               <div class=" ">
                 <h4>{{$claimed_token}}</h4>
               </div>
               <div class="ps-2 text-success">
                 Claimed Tokens
               </div>
           </div>
         </div>
         <div class="col-12 col-md border-end">
           <div class="d-flex ">
               <div class=" ">
                 <h4>{{$exp_tokens}}</h4>
               </div>
               <div class="ps-2 text-danger">
                 Expired Tokens
               </div>
           </div>
         </div>
         <div class="col-12 col-md border-end">
           <div class="d-flex ">
               <div class=" ">
                 <h4>{{$pending_tokens}}</h4>
               </div>
               <div class="ps-2 text-info">
                 Pending Tokens
               </div>
           </div>
         </div>
         <div class="col-12 col-md-5">
          <form action="" method="get" id="myform">
            <div class="input-group input-group-sm mb-3">
              <input type="text" class="form-control w-25" name="name" value="{{$name}}" placeholder="Search by name, email, mobile">
              <select class="form-select" name="status">
                <option value="All" >All</option>
                <option value="Y" >Claimed</option>
                <option value="N" >Pending</option>
                <option value="N" >Expired</option>
              </select>
              <input type="hidden" name="order" value="{{$order}}" id="order">
              <button class="btn btn-outline-primary" type="submit">Search</button>
            </div>
          </form>
         </div>
     </div>
   </div>
  </div>
    

    
    <div class="col-xl col-lg-12 col-md-12 col-12">
      <div class="card">
         <!-- card header  -->
         <!-- table  -->
         <div class="table-responsive">
            <table class="table text-nowrap">
               <thead class="">
                  <tr>
                     <th>Name</th>
                     <th>date #</th>
                     <th>Status</th>
                     <th></th>
                  </tr>
               </thead>
               <tbody>
                @foreach($tokens as $data)
                  <tr>
                     <td class="align-middle">
                        <div class="d-flex align-items-center">
                           <div class="text-muted">
                              <img src="{{URL('storage/qr_codes/'.$data->token_img)}}" alt="" class="avatar-md avatar rounded-circle text-muted">
                            </div>
                           <div class="ms-3 lh-1">
                              <h5 class=" mb-1"><a href="">{{($data->emp_name)}}</a></h5>
                           </div>
                        </div>
                     </td>
                     
                     <td class="align-middle">{{$data->date}}</td>
                     <td class="align-middle">
                          @if($data->claimed =='Y')
                            <span class="badge bg-success rounded-pill">Claimed</span>
                          @else
                            @if($data->claimed=='N' && date('Y-m-d') > $data->date)
                                <span class="badge bg-danger rounded-pill">Expired</span>
                            @else
                                <span class="badge bg-info rounded-pill">Pending</span>
                            @endif
                          @endif
                     </td>
                     <td class="align-middle">
                        <div class="dropdown dropstart">
                           <a class="text-muted text-primary-hover" href="#" role="button" id="dropdownTeamOne" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                           <i class="icon-xxs" data-feather="more-vertical"></i>
                           </a>
                           <div class="dropdown-menu" aria-labelledby="dropdownTeamOne">
                              <a class="dropdown-item" href="#">View</a>
                           </div>
                        </div>
                     </td>
                  </tr>
                  @endforeach
                  
               </tbody>
            </table>
         </div>
      </div>
   </div>


   <div class="row mt-3">
    <div class="col-4 col-md-2">
      <select class="form-select form-select-sm" onchange="listbyorder(this.value)">
        <option value ="desc"  >Latest</option>
        <option value ="asc"  >Oldest</option>
      </select>
    </div>
    <div class="col col-md"></div>
    <div class="col-5 col-md-4 text-end">
      <div class="">
        
          {{ $tokens->links('Admin.pagination.pagination')}}

    </div>
    </div>
</div>
    

    
    
  </div>
@endsection