@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">Employees Summary</h3>
     <div class="row">
         <div class="col-12 col-md border-end">
           <div class="d-flex ">
               <div class=" ">
                 <h4>{{$total_user}}</h4>
               </div>
               <div class="ps-2">
                 Total Users
               </div>
           </div>
         </div>
         <div class="col-12 col-md border-end">
           <div class="d-flex ">
               <div class=" ">
                 <h4>{{$active_user}}</h4>
               </div>
               <div class="ps-2 text-success">
                 Active Users
               </div>
           </div>
         </div>
         <div class="col-12 col-md border-end">
           <div class="d-flex ">
               <div class=" ">
                 <h4>{{$inactive_user}}</h4>
               </div>
               <div class="ps-2 text-danger">
                 Inactive Users
               </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" >Active</option>
                <option value="N" >Inactive</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>Executive</th>
                     <th>Mobile #</th>
                     <th>Status</th>
                     <th></th>
                  </tr>
               </thead>
               <tbody>
                @foreach($users as $data)
                  <tr>
                     <td class="align-middle">
                        <div class="d-flex align-items-center">
                           <div class="text-muted">
                            @if($data->user_photo!='')
                              <img src="{{URL($data->user_photo)}}" alt="" class="avatar-md avatar rounded-circle text-muted">
                            @else
                              <img src="{{URL('other.png')}}" alt="" class="avatar-md avatar rounded-circle text-muted">
                            @endif
                           </div>
                           <div class="ms-3 lh-1">
                              <h5 class=" mb-1"><a href="">{{$data->name}}</a></h5>
                              <p class="mb-0">{{$data->email}}</p>
                           </div>
                        </div>
                     </td>
                     <td class="align-middle">
                          <div class="">
                              <h5 class=" mb-1"><a href="">{{getExecutive($data->executive_id)->name}}</a></h5>
                              <p class="mb-0">{{getExecutive($data->executive_id)->frm}}</p>
                           </div>
                     </td>
                     <td class="align-middle">{{$data->mobile_no}}</td>
                     <td class="align-middle">
                        <div class="form-check form-switch  mb-2">
                          @if($data->status =='Y')
                          <input class="form-check-input" type="checkbox" role="switch" onchange="updatestatus('N','')" id="flexSwitchCheckChecked" checked>
                          @else
                          <input class="form-check-input" type="checkbox" role="switch" onchange="updatestatus('Y','')" id="flexSwitchCheckChecked" >
                          @endif
                      </div>
                     </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> -->
                              <!-- <a class="dropdown-item" href="/Admin/user_profile/{{$data->id}}">Edit</a> -->
                              <a class="dropdown-item" href="/Admin/delete-employee/{{$data->id}}">Delete</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="">
        
          {{ $users->links('Admin.pagination.pagination')}}

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

    
    
  </div>
@endsection

<script>
  function listbyorder(a)
  {
    $('#order').val(a);
    $('#myform').submit();
  }

  function updatestatus(val,id)
  { $.ajax({
        url: "/Admin/employee-status-update",
        method: "POST",
        data: {
          "_token": "{{ csrf_token() }}",
            status: val,
            id: id
        },
        cache: false,
        headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        },
        success: function(data) {
            // alert(data);
        }
    });
  }
</script>