@extends('Admin.layout.app')
@push('meta')
<meta http-equiv="refresh" content="60">
@endpush
@section('content')
    <section id="search" class="my-3">
        <div class="container-fluid">
            <div class="card shadow border mb-4">
                <div class="card-header pink-text">Search </div>
                <div class="card-body">
                    <form action="{{route('enquiry.index')}}" method="get">
                        <div class="row g-2 mb-3">
                            <div class="col-md-3">
                                <div class="form-floating">
                                    <input type="text" class="form-control" id="first_name" placeholder="First Name" name="first_name" value="{{$request->first_name ?? ''}}">
                                    <label for="floatingInputFirstName">First Name</label>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="form-floating">
                                    <input type="text" class="form-control" id="last_name" placeholder="Last Name" name="last_name" value="{{$request->last_name ?? ''}}">
                                    <label for="floatingInputLastName">Last Name</label>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="form-floating">
                                    <select class="form-select" id="responded_by" name="responded_by">
                                        <option value="" disabled selected>Select Responded By</option>
                                        @foreach($admins as $item)
                                            <option value="{{$item->id }}" {{(old('responded_by') ?? $request->responded_by) == $item->id ? "selected" : ""}}>{{ucwords($item->firstName)." ".ucwords($item->lastName)}}</option>
                                        @endforeach
                                    </select>
                                    <label for="floatingInput">Responded By</label>
                                    
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="form-floating">
                                    <input type="email" class="form-control" id="email" placeholder="Email Address" name="email" value="{{$request->email??''}}">
                                    <label for="floatingInputEmail">Email address</label>
                                </div>
                            </div> 
                            <div class="col-md-3">
                                <div class="form-floating">
                                    <input type="text" class="form-control" id="service_code" placeholder="Service Code" name="service_code" value="{{$request->service_code??''}}">
                                    <label for="floatingInputCode">Service Code</label>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="form-floating">
                                    <select class="form-select" id="status" name="status">
                                        <option value="" disabled selected>Select Status</option>
                                        @foreach($status as $item)
                                            <option value="{{$item->id }}"  {{(old('status') ?? $request->status) == $item->id ? "selected" : ""}}>{{ucwords($item->title)}}</option>
                                        @endforeach
                                    </select>
                                    <label for="floatingInputStatus">Status</label>
                                    
                                </div>
                            </div>
                             <div class="col-md-3">
                                <div class="form-floating">
                                    <select class="form-select" id="service_type" name="service_type">
                                        <option value="" disabled selected>Select Service Type</option>
                                        @foreach($service_types as $item)
                                            <option value="{{$item->id }}"  {{(old('service_type') ?? $request->service_type) == $item->id ? "selected" : ""}}>{{ucwords($item->title)}}</option>
                                        @endforeach
                                    </select>
                                    <label for="floatingInputServiceType">Service Type</label>
                                    
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="form-floating">
                                    <select class="form-select" id="reason" name="reason">
                                        <option value="" disabled selected>Select Reason</option>
                                        @foreach($reasons as $item)
                                            <option value="{{$item->id }}"  {{(old('reason') ?? $request->reason) == $item->id ? "selected" : ""}}>{{ucwords($item->reason)}}</option>
                                        @endforeach
                                    </select>
                                    <label for="floatingInputReasons">Closure Reasons</label>
                                    
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="form-floating" id="airport-main">
                                    <input type="text" class="form-control" id="airport"  name="airport" placeholder="Airport" value="{{$request->airport}}">
                                    <label for="floatingInputAirport">Airport</label>
                                </div>
                            </div>
                             <div class="col-md-3">
                                <div class="form-floating">
                                    <select class="form-select" id="agent_id" name="agent_id">
                                        <option value="" disabled selected>Select Agent</option>
                                        @foreach($agents as $item)
                                            <option value="{{$item->id }}" {{(old('agent_id') ?? $request->agent_id) == $item->id ? "selected" : ""}}>{{ucwords($item->firstName)." ".ucwords($item->lastName)}}</option>
                                        @endforeach
                                    </select>
                                    <label for="floatingInput">Select Agent</label>
                                    
                                </div>
                            </div>
                        
                            <div class="col-md-3"><button type="submit" class="btn pink-bg text-white me-2">Search</button><a href="{{ route('enquiry.index') }}" class="btn pink-bg text-white">Clear Search</a></div>
                            <div class="col-md-12 pt-1"> @foreach($status as $item)
                                <span class="badge rounded-pill {{$item->className}}">{{$item->title}}</span>
                            @endforeach</div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </section> 
    <section id="enquiry_list">
        <div class="container-fluid">
            
            <div class="card shadow border my-4">
                
                <div class="card-header pink-text">
                    Enquiry
                </div>
                <div class="card-body">
                    @if (session('status'))
                  <div class="alert alert-success my-3">
                      {{ session('status') }}
                  </div>
                  @endif
                  <div class="table-responsive">
                    <table class="table table-bordered">
                      <thead>
                          <tr>
                              <th>#</th>
                              <th class="text-uppercase">Ref ID</th>
                              <th class="text-uppercase">Name</th>
                              <th  class="text-uppercase">Airport</th>
                              <th  class="text-uppercase">Service type</th>
                              <th  class="text-uppercase">Add-Ons</th>
                              <th  class="text-uppercase">Arrival Date</th>
                              <th  class="text-uppercase">Departure Date</th>
                              <th  class="text-uppercase">Repeated User</th>
                              <th class="text-uppercase">Responded By</th>
                              <th class="text-uppercase">Responded Time</th>
                              <th class="text-uppercase">Created Date</th>
                              <th class="text-uppercase">Action</th>
                          </tr>
                      </thead>
                      <tbody>
                          @foreach($enquiries as $item)
                          <tr class="{{$item->enquiry_status->className}}">
                            <td>{{$loop->iteration}} </td>

                            <td><a href="{{route('enquiry.show',[$item->id])}}" class="text-white"><strong>{{$item->serviceCode}}</strong></a>
                                @if($item->followp_status())<a href="{{route('follow-up',[$item->id])}}" class="btn text-white {{($item->followups()->where('request_status',$item->request_status_id)->count() == 0)?'bg-danger':'bg-success'}}">
                                    Followup <span class="badge {{($item->followups()->where('request_status',$item->request_status_id)->count() == 0)?'text-bg-success':'text-bg-danger'}}">{{$item->getFollowupCount()}}</span>
                                </a>@endif</td>

                            <td>{{ ucwords($item->titleName) ." ".  ucwords( $item->firstName) ." ".  ucwords($item->lastName)}}</td>
                            <td>{{ ucwords($item->originAirport)}}</td>
                            <td>{{($item->service_type_id)?ucwords($item->service_type->title):''}}</td>
                            <td>{{ ($item->add_limousine)?"Limousine":""}} {{ ($item->add_lounge)?"Lounge":""}}</td>
                            <td>{{($item->arrivalDate !='')?date('d/F/Y',strtotime($item->arrivalDate)):''}}</td>
                            <td>{{($item->departureDate !='')?date('d/F/Y',strtotime($item->departureDate)):''}}</td>
                            <td>{{($item->isRepeat)?"Yes":"No"}}</td>
                            <td>{{($item->respondedBy)?ucwords($item->responded->firstName)." ".ucwords($item->responded->lastName):''}}</td>
                            <td>{{($item->responded_time != "")?round(abs(strtotime($item->responded_time) - strtotime($item->created_at)) / 60,2). " minutes":"-"}}</td>
                            <td>{{date('d/m/Y',strtotime($item->created_at))}}</td>

                            <td>
                                <form action="{{ route('enquiry.destroy',$item->id) }}" method="POST" >
                                    @csrf
                                    @method('DELETE')
                                    <a href="https://wa.me/{{($item->countryCode!="")?"+".$item->countryCode.$item->contactNumber:$item->contactNumber}}" target="_blank" class="btn btn-success mb-1 border-white"><i class="bi bi-whatsapp"></i></a>
                                    <a href="{{route('enquiry-edit',[$item->id,'cust'])}}" class="btn btn-info mb-1 border-white"><i class="bi bi-pencil-square"></i></a>
                                    <button type="submit" class="btn btn-danger mb-1 border-white" onclick="return confirm('Sure Want Delete?')"><i class="bi bi-trash"></i></button>
                                    @if($item->request_status_id == 6 && $item->feedbackStatus !=2)<a href="{{route('feedback-mail',[$item->id])}}" class="btn btn-primary mb-1 border-white"><i class="bi bi-send"></i><span class="badge text-bg-danger ms-1">{{$item->feedback_count ?? "0"}}</span></a>@endif
                                    <a href="{{route('enquiry.show',[$item->id])}}" class="btn btn-dark mb-1 border-white"><i class="bi bi-eye"></i></a>
                                 
                                </form>
                            </td> 
                          </tr>
                          @endforeach
                      </tbody>
                    </table>
                    {{ $enquiries->withQueryString()->links() }}
                  </div>
                </div>

            </div>
        </div>
    </section>
@endsection

@push('script')
<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.16.1/lodash.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<script src="https://unpkg.com/fuse.js@2.5.0/src/fuse.min.js"></script>
<script src="{{asset('airport/airport-list.js')}}"></script>
<script src="{{asset('admin/js/airport-autocomplete.js')}}"></script>

@endpush