{{-- Extends layout --}}
@extends('layouts.default')
{{-- Styles Section --}}
@section('styles')
  <title> Lynxconnect | List Verifications</title>
  <style>
    td {vertical-align: middle !important;}
    .button {
  border: none;
  color: white;
  padding: 10px 25px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  margin: 4px 2px;
  cursor: pointer;
}

.button1 {background-color: #47007b; color: #fff;} 
.cbutton:hover {color:#fff !important;}
  </style>
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/css/bootstrap-datepicker.min.css">
@endsection

{{-- Content --}}
@section('content')
    <div class="row small-spacing">
        <div class="col-xl-12 col-12">
            <section class="app-user-edit">
                <div class="card">
                    <div class="card-header">
                 <!--<div style="float:right">-->
                <form class="form-inline" id="frm-filter" method="get" action="{{ url('/orders') }}">
                 <!--<div class="form-group">-->
                     <!-- Date Picker -->
                      
                            <div class="row">
                                <div class="col align-self-start">
                                {{ __('List Verifications') }}
                            </div>
                            </div>
                            <div class="row">
                                <div class="col-6 col-sm-6 col-lg-3">
                                    <label for="start date">Start Date</label>
                                    <fieldset class="form-group">
                                        <input type="text" name="start_date" id="start_date" class="form-control datepicker" value="{{ $start_date ?? '' }}" autocomplete="off" />
                                    </fieldset>
                                </div>
                                <div class="col-6 col-sm-6 col-lg-3"style="margin-left: -37px;">
                                    <label for="end date">End Date</label>
                                    <fieldset class="form-group">
                                        <input type="text" name="end_date" id="end_date" class="form-control datepicker" value="{{ $end_date ?? '' }}" onchange="filterFrm()" autocomplete="off" />
                                    </fieldset>
                                </div>

                            
                            <!-- Date Picker End -->
                            
                        <div class="col-6 col-sm-6 col-lg-3" top-padding='30px'style="margin-left: -37px;">
                        <label for="status">Status</label> 
                        <fieldset class="form-group">
					  <select name="status" id="status" onchange="filterFrm()" class="form-control">
					      
					  <option value=""  >SELECT STATUS</option>
						<option   value="CREATED" >CREATED</option>
						<option  value="IN_PROGRESS" >IN_PROGRESS</option>
						<option  value="COMPLETE" >COMPLETE</option>
					  </select>
					   </fieldset>
					  </div>
					  <div class="col-6 col-sm-4 col-lg-2"style="margin-left: -82px;">
                <label for="location_id">Locations</label>
                <fieldset class="form-group">
                  <select name="location_id" id="location_id" class="form-control" onchange="filterFrm()">
                    <option value="">All</option>
                    @if($locations)
                      @foreach($locations as $location)
                        <option   value="{{ $location->id }}">
                          {{ $location->name }}
                        </option>
                      @endforeach
                    @endif
                  </select>
                </fieldset>
              </div>

                            <div style="margin-left: 70px;padding-top:17px;" >
                                <a href="javascript:void(0)" onclick="exportWithFilters()" class="button button1 cbutton">Export</a>
                                <!--<a href="{{ url('orders/add') }}" class="btn btn-xs btn-success waves-effect waves-light">Add Checks</a>-->
                            </div>
					  
					   
                    </div>
                </form>
                <!--</div>-->

                  
                            
                      
                    </div>
                    <div class="card-body">
                        <div class="table-responsive">
                            <table class="table" id="datatable">
                                <thead>
                                    <tr>
                                        <th>Case Number</th>
                                        <th>Location</th>
                                        <th>Candidate</th>
                                        <th>Package Type</th>
                                        <th>Status</th>
                                        <th>Created Date</th>
                                        <th>Finalized Date</th>
                                        <th>ETR</th>
                                        <th>TAT</th>
                                        
                                        <th>Action</th>
                                    </tr>
                                </thead>
                                <tbody class="t-body">
                                  @if($orders)                            
                                  <tbody>
                                    @foreach($orders as $order)
                                      <tr>
                                        <td>{{ $order->order_number }}</td>
                                        <td> {{ $order->location }}</td>
                                        <td>
                                          {{ $order->employees_first_name }} {{ $order->employees_middle_name }} {{ $order->employees_last_name }}
                                        </td>
                                        <td>{!! preg_replace('/,/','<br>', $order->order_dispaly_desc) !!}</td>
                                        <td>{{ $order->status }}</td>
                                        
                                         <td>
                                           {{ \Carbon\Carbon::createFromTimestamp(strtotime($order->created_at))->format('d M Y')}}
                                        </td>
                                        
                                        <td>
                                        {{ $order->finalized_date ? \Carbon\Carbon::createFromTimestamp(strtotime($order->finalized_date))->format('d M Y') : '--' }}

                                        </td>
                                        
                                        {{--<td>
                                            @switch($order->priority)
                                              @case('NORMAL')
                                                <span class="badge badge-success">
                                                @break
                                              @case('MEDIUM')
                                                <span class="badge badge-warning">
                                                @break
                                              @default
                                                <span class="badge badge-danger">
                                            @endswitch                                          
                                              {{ $order->priority }}
                                            </span>
                                        </td>--}}
                                        <td>
                                            {{ date('d M Y', strtotime($order->tat)) }}
                                        </td>
                                        <td>
                                            @if($order->is_expired == '1')
                                            <span class="badge badge-{{ $order->tat_color }}">
                                              @if($order->tat_days > 0)
                                                IN TAT
                                              @else
                                                OUT OF TAT
                                              @endif
                                            </span>
                                            @else
                                            --
                                            @endif
                                        </td>
                                          
                                                                             
                                        <td>
                                         <!-- <a href="#">
                                            Edit
                                          </a>-->
                                            <a class="button button1 cbutton" href="{{ url('candidates/details/'.$order->employee_id) }}">
                                                View
                                            </a>
                                        </td>
                                      </tr>
                                    @endforeach
                                  </tbody>                                  
                                @endif
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </section>
        </div>
    </div>
@endsection

@section('scripts')
    <!-- Date Picker Scripts -->

<script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/js/bootstrap-datepicker.min.js"></script>
  <script type="text/javascript">
    jQuery(document).ready(function ($) {
   $('.datepicker').datepicker({
      format: 'yyyy-mm-dd',
      autoclose: true,
      orientation: 'bottom' 
   });
});

  </script>
  
 <!-- Date Picker Scripts ends -->
<script>
function filterFrm(){
$('#frm-filter').submit();	
}
</script>
<script>
    function exportWithFilters() {
        console.log("Exporting with filters");

        // Function to get the value of an element safely
        function getElementValue(id) {
            var element = document.getElementById(id);
            return element ? element.value : '';
        }

        // Get the filter values from the form
        var filterValues = {
            status: getElementValue('status'),
            location_id: getElementValue('location_id'),
            start_date: getElementValue('start_date'),
            end_date: getElementValue('end_date'),
        };

        console.log("Filter Values:", filterValues);

        // Build the export URL with the filter values
        var exportUrl = 'orders/allexport?' + new URLSearchParams(filterValues).toString();

        console.log("Export URL:", exportUrl);

        // Redirect to the export URL
        window.location.href = exportUrl;
    }
</script>
@endsection