@extends('Admin.layout.app')
<link href="{{asset('main/css/intlTelInput.min.css')}}" rel="stylesheet">
<link href="{{asset('main/css/airport-autocomplete.css')}}" rel="stylesheet">
@section('content')
<section id="airport-assign" class="my-3">
    <div class="container-fluid">
        <div class="card shadow border mb-4">
            <div class="card-header pink-text">Airport Assign</div>
            <div class="card-body">
                <!-- Start of Form -->
                <form action="{{route('vendor-service.store',[$vendorlist->id])}}" method="POST" enctype="multipart/form-data">
                    @csrf
                    @if(session('error'))
                        <div class="alert alert-danger">
                            {{ session('error') }}
                        </div>
                    @endif  
                    <div class="row mb-3">
                        <div class="col-md-4">
                            <div class="form-floating" id="airport-main">
                                <input type="text" class="form-control" id="airport"  name="airport" placeholder="Airport" value="{{old('airport')}}">
                                <label for="floatingInputAirport">Airport</label>
                                @error('airport')
                                    <span class="text-danger">{{ $message }}</span>
                                @enderror
                            </div>
                        </div>

                    

                        <div class="col-md-4">
                            <div class="form-floating">
                                <input type="text" name='amount' class="form-control" placeholder="Enter Amount" value="{{old('amount')}}"/>
                                <label for="floatingInputAmount">Amount</label>
                                @error('amount')
                                    <span class="text-danger">{{ $message }}</span>
                                @enderror
                            </div>
                        </div>

                        <div class="col-md-4">
                            <div class="form-floating">
                                <select name="currency" id="currency" class="form-control">
                                    <option value="">Select  Currency</option>
                                    @foreach ($currencies as $item)
                                        <option value="{{$item->id}}" @selected(old('currency') == $item->id)>{{$item->currencyName." ($item->currencyCode)"}}</option>
                                    @endforeach
                                </select>
                                <label for="floatingInput">Select Currency</label>
                                @error('currency')
                                    <span class="text-danger">{{ $message }}</span>
                                @enderror
                            </div>
                        </div> 
                    </div>

    
                 <div class="row mb-3">
                        <div class="col-md-4">
                            <div class="form-floating">
                                <input type="text" name='service_name' class="form-control" placeholder="Enter Tags" value="{{old('service_name')}}"/>
                                <label for="floatingInputServiceName">Service Name</label>
                                @error('service_name')
                                    <span class="text-danger p-1">{{ $message }}</span>
                                @enderror
                            </div>
                        </div>

                        <div class="col-md-4">
                                <div class="form-floating">
                                    <input type="text" name='priority' class="form-control" placeholder="Enter priority" value="{{old('priority')}}"/>
                                    <label for="floatingInputMetaPriority">Priority</label>
                                    @error('priority')
                                        <span class="text-danger p-1">{{ $message }}</span>
                                    @enderror
                                </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-floating">
                                <textarea name="additional_passengers"  cols="30" rows="10" class="form-control" placeholder="Remarks">{{old('additional_passengers')}}</textarea>
                                <label for="floatingTextAdditionalPassengers">Remarks</label>
                            </div>
                        </div>
                        
                    </div>
                    <div class="row mb-3">
                        <div class="col-md-4">
                            <div class="form-floating">
                                <textarea name="instruction"  cols="30" rows="10" class="form-control" placeholder="Instruction">{{old('instruction')}}</textarea>
                                <label for="floatingInstructions">Instruction</label>
                            </div>
                        </div>
                    </div>
                    <div class="row mb-3">
                    <label for="floatingInputservices" class="p-3"><b>Services</b></label>
                        @foreach($service_lists as $service_list)
                        <div class="col-md-4">
                      <div class="form-floating">
                   <div class="form-check">
                <input class="form-check-input pink-border" type="checkbox" name="service_list[]" value="{{ $service_list->id }}" id="service{{ $service_list->id }}" @if(old('service_list') != "")@checked(in_array($service_list->id,old('service_list')))@endif>
                <label class="form-check-label" for="service{{ $service_list->id }}">
                    {{ ucwords($service_list->title) }}
                </label>

            </div>
           
    </div>
</div>  
@endforeach
@error('service_list')
<span class="text-danger p-1">{{ $message }}</span>
@enderror                   <!-- Submit Button -->
                    <div class="row mb-3">
                        <div class="col-md-2">
                            <button type="submit" class="btn pink-bg text-white">Submit</button>
                        </div>
                    </div>
                </form>
                <!-- End of Form -->
            </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