@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.update',[$vendorService->id])}}" method="POST" enctype="multipart/form-data">
                    @method('PUT')
                    @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">
                                <input type="text" name='amount' class="form-control" placeholder="Enter Amount" value="{{old('amount')?? $vendorService->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($vendorService->currency_id == $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 class="col-md-4">
                            <div class="form-floating">
                                <input type="text" name='priority' class="form-control" placeholder="Enter priority" value="{{old('priority')??$vendorService->priority}}"/>
                                <label for="floatingInputMetaPriority">Priority</label>
                                @error('priority')
                                    <span class="text-danger p-1">{{ $message }}</span>
                                @enderror
                            </div>
                        </div>
                       
                    </div>
                    
                   
                 <div class="row mb-3">
                        <div class="col-md-6">
                            <div class="form-floating">
                                <input type="text" name='service_name' class="form-control" placeholder="Enter Tags" value="{{old('service_name')??$vendorService->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-6">
                            <div class="form-floating">
                                <textarea name="additional_passengers"  cols="30" rows="10" class="form-control" placeholder="Remarks">{{old('additional_passengers')??$vendorService->additional_passengers}}</textarea>
                                <label for="floatingTextAdditionalPassengers">Remarks</label>
                            </div>
                        </div>
                
                    </div>
                    <div class="row mb-3">
                        <div class="col-md-6">
                            <div class="form-floating">
                                <textarea name="instruction"  cols="30" rows="10" class="form-control" placeholder="Instruction">{{old('instruction')??$vendorService->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 }}" @checked(in_array($service_list->id,json_decode($vendorService->services)))>
                <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