@extends('layouts.app', [
    'title' => __('User Management'),
    'parentSection' => 'laravel',
    'elementName' => 'user-management'
])

@section('title', 'Editar Produto |')
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css" integrity="sha512-KfkfwYDsLkIlwQp6LFnl8zNdLGxu9YAA1QvwINks4PhcElQSvqcyVLLD9aMhXd13uQjoXtEKNosOWaZqXgel0g==" crossorigin="anonymous" referrerpolicy="no-referrer" />

@section('content')
    @component('layouts.headers.auth')
        @component('layouts.headers.breadcrumbs')
            @slot('title')
             Editar Produto da Viagem
            @endslot

            <li class="breadcrumb-item"><a class="text-default" href="{{ route('sales.show', $sales_product->sale_id) }}">Viagem</a></li>
        @endcomponent
    @endcomponent
    <div class="container-fluid mt--6">
        <div class="row">
            <div class="col">
                <div class="card">
                    <div class="card-header">
                        <div class="row align-items-center">
                            <div class="col-8">
                                <h3 class="mb-0">Edição de Produto</h3>
                                <p class="text-sm mb-0">
                                    Abaixo você pode editar o produto vinculado à viagem do cliente {{ $sales_product->fname . " " . $sales_product->lname}} da venda {{ $sales_product->sale_id }}.
                                </p>
                            </div>
                            <div class="col-4 text-right">
                                <a href="{{ route('sales.show', $sales_product->sale_id) }}" class="btn btn-sm btn-primary">Voltar</a>
                            </div>
                    <div class="col-12 mt-2">
                        @include('alerts.success')
                        @include('alerts.errors')
                    </div>
                    <div class="card-body">
                        <form action="{{ route('salesproduct.update', $sales_product->sp_id) }}" method="POST">
                            @method('PUT')
                            @csrf
                            <div class="row">
                                <div class="col-4">
                                    <div class="form-group">
                                        <label class="form-control-label text-left" style="float:left"  for="input-name">Fornecedor</label>
                                        <div class="input-group">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text" id="basic-addon1"><i class="ni ni-briefcase-24"></i></span>
                                            </div>
                                            <select name="provider_id" id="provider_id" value="{{old('provider_id')}}" readonly required class="form-control" @error('provider_id') is-invalid @enderror>
                                                <option value="{{ $sales_product->prov_id }}"> {{ $sales_product->prov_name }}</option>
                                            </select>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-4">
                                    <div class="form-group">
                                        <label class="form-control-label text-left" style="float:left"  for="input-name">Produto</label>
                                        <div class="input-group">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text" id="basic-addon1"><i class="ni ni-briefcase-24"></i></span>
                                            </div>
                                            <select name="product_id" id="product_id" value="{{old('product_id')}}" readonly required class="form-control" @error('product_id') is-invalid @enderror>
                                                <option value="{{ $sales_product->pid }}">{{ $sales_product->prod_name }}</option>
                                            </select>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-4">
                                    <div class="form-group">
                                        <label class="form-control-label text-left" style="float:left"  for="input-name">Prestador</label>
                                        <div class="input-group">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text" id="basic-addon1"><i class="ni ni-briefcase-24"></i></span>
                                            </div>
                                            <select name="supplier_id" id="supplier_id" value="{{old('supplier_id')}}" required class="form-control" @error('supplier_id') is-invalid @enderror>
                                                <option value="{{ $sales_product->sup_id }}">{{ $sales_product->sup_name }}</option>
                                                @foreach ($suppliers->where('id', '!=', $sales_product->sup_id ) as $supplier)
                                                    <option value="{{$supplier->id}}">{{ $supplier->name }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            @if($sales_product->pid == 3)
                            <!-- Flights -->
                            <div id="flights">
                                <div class="row">
                                    <div class="col-6">
                                        <div class="form-group{{ $errors->has('pickup_local_flight') ? ' has-danger' : '' }}">
                                            <label class="form-control-label text-left" style="float:left" for="basic-url"><i class="fa-solid fa-plane-circle-check"></i> De onde</label>
                                            <select name="pickup_local_flight" id="pickup_local_flight" value="{{old('pickup_local_flight')}}" class="form-control select2" @error('pickup_local_flight') is-invalid @enderror>
                                                <option value="{{ $sales_product->a_pick_id }}">{{ utf8_decode(substr($sales_product->iata_pick . " | ". $sales_product->airport_pick, 0, 60))}}</option>
                                                    @foreach ($airports as $airport)
                                                        <option value="{{ $airport->id }}" title=" País-Estado: {{ utf8_decode($airport->iso_region) }} | Cidade: {{ utf8_decode($airport->municipality) }} | Nome do Aeroporto: {{ utf8_decode($airport->name) }}" >{{ utf8_decode(substr($airport->iata_code . " | ". $airport->name, 0, 40))}}</option>
                                                    @endforeach
                                            </select>
                                        @include('alerts.feedback', ['field' => 'pickup_local_flight'])
                                        </div>
                                    </div>
                                    <div class="col-6">
                                        <div class="form-group{{ $errors->has('dropoff_local_flight') ? ' has-danger' : '' }}">
                                            <label class="form-control-label text-left" style="float:left" for="basic-url"><i class="fa-solid fa-plane-circle-check"></i> Para onde</label>
                                            <select name="dropoff_local_flight" id="dropoff_local_flight" value="{{old('dropoff_local_flight')}}" class="form-control select2" @error('dropoff_local_flight') is-invalid @enderror>
                                                <option value="{{ $sales_product->a_drop_id }}">{{ utf8_decode(substr($sales_product->iata_drop . " | ". $sales_product->airport_drop, 0, 60))}}</option>
                                                    @foreach ($airports as $airport)
                                                        <option value="{{ $airport->id }}" title=" País-Estado: {{ utf8_decode($airport->iso_region) }} | Cidade: {{ utf8_decode($airport->municipality) }} | Nome do Aeroporto: {{ utf8_decode($airport->name) }}">{{ utf8_decode(substr($airport->iata_code . " | ". $airport->name, 0, 40))}}</option>
                                                    @endforeach
                                            </select>
                                        @include('alerts.feedback', ['field' => 'pickup_local_flight'])
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-4">
                                        <div class="form-group">
                                        <label class="form-control-label text-left" style="float:left" for="basic-url">Partida</label>
                                            <div class="input-group">
                                                <div class="input-group-prepend">
                                                    <span class="input-group-text" id="basic-addon1"><i class="ni ni-calendar-grid-58"></i></span>
                                                </div>
                                                <input type="text" class="form-control" value="{{$sales_product->sale_id}}" name="sale_id" hidden>
                                                <input type="datetime-local" class="form-control" name="start_datetime_flight" id="start_datetime_flight" value="{{ $sales_product->start_datetime }}">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-4">
                                        <div class="form-group">
                                        <label class="form-control-label text-left" style="float:left" for="basic-url">Chegada</label>
                                            <div class="input-group">
                                                <div class="input-group-prepend">
                                                    <span class="input-group-text" id="basic-addon1"><i class="ni ni-calendar-grid-58"></i></span>
                                                </div>
                                                <input type="datetime-local" class="form-control" name="end_datetime_flight" id="end_datetime_flight" value="{{ $sales_product->end_datetime }}">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-4">
                                        <div class="form-group">
                                            <label class="form-control-label text-left" style="float:left"  for="input-name">Destino</label>
                                            <div class="input-group">
                                                <div class="input-group-prepend">
                                                    <span class="input-group-text" id="basic-addon1"><i class="fa-solid fa-map-location"></i></span>
                                                </div>
                                                <select name="destiny_flight" id="destiny_flight" value="{{old('destiny')}}" class="form-control" @error('destiny') is-invalid @enderror>
                                                    <option value="{{ $sales_product->destiny }}">{{ $sales_product->destiny }}</option>
                                                    @if ($sales_product->destiny == "Internacional")
                                                    <option value="Nacional">Nacional</option>
                                                    <option value="Internacional">Internacional</option>
                                                    @elseif ($sales_product->destiny == "Nacional")
                                                    <option value="Internacional">Internacional</option>
                                                    <option value="Nacional">Nacional</option>
                                                    @else
                                                    <option value="Nacional">Nacional</option>
                                                    <option value="Internacional">Internacional</option>
                                                    @endif
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-4">
                                        <div class="form-group">
                                        <label class="form-control-label text-left" style="float:left" for="basic-url">Localizador</label>
                                            <div class="input-group">
                                                <div class="input-group-prepend">
                                                    <span class="input-group-text" id="basic-addon1"><i class="fa-solid fa-arrow-up-1-9"></i></span>
                                                </div>
                                                <input type="text" class="form-control" name="reservation_number_flight" id="reservation_number_flight" value="{{ $sales_product->reservation_number }}">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-4">
                                        <div class="form-group">
                                        <label class="form-control-label text-left" style="float:left" for="basic-url">Nº do Voo</label>
                                            <div class="input-group">
                                                <div class="input-group-prepend">
                                                    <span class="input-group-text" id="basic-addon1"><i class="fa-solid fa-plane-lock"></i></span>
                                                </div>
                                                <input type="text" class="form-control" name="flight_number" value="{{ $sales_product->flight_number }}">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-4">
                                        <div class="form-group">
                                        <label class="form-control-label text-left" style="float:left" for="basic-url">Classe</label>
                                            <div class="input-group">
                                                <div class="input-group-prepend">
                                                    <span class="input-group-text" id="basic-addon1"><i class="fa-solid fa-address-card"></i></span>
                                                </div>
                                                <select name="category_flight" class="form-control"  id="category_flight">
                                                    <option value="{{ $sales_product->category }}" selected>{{ $sales_product->category }}</option>
                                                    @if ($sales_product->category == "Econômica")
                                                    <option value="Executiva">Executiva</option>
                                                    @elseif($sales_product->category == "Executiva")
                                                    <option value="Econômica">Econômica</option>
                                                    @else
                                                    <option value="Executiva">Executiva</option>
                                                    <option value="Econômica">Econômica</option>
                                                    @endif
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-12">
                                        <div class="form-group">
                                        <label class="form-control-label text-left" style="float:left" for="basic-included_services">Serviços Inclusos</label>
                                            <textarea name="included_services_flight" id="included_services_flight" rows="4" resize="none" class="form-control{{ $errors->has('included_services') ? ' is-invalid' : '' }}">{{ $sales_product->included_services }}</textarea>
                                            @include('alerts.feedback', ['field' => 'included_services'])
                                        </div>
                                    </div>
                                </div>
                                <input type="text" class="form-control" name="country_dropoffflight" id="country_dropoffflight" value="{{ $sales_product->country }}" hidden >
                                <input type="text" class="form-control" name="state_city_dropoffflight" id="state_city_dropoffflight" value="{{ $sales_product->state_city }}" hidden >
                                <input type="text" class="form-control" name="lat_dropoffflight" id="lat_dropoffflight" value="{{ $sales_product->lat }}" hidden >
                                <input type="text" class="form-control" name="long_dropoffflight" id="long_dropoffflight" value="{{ $sales_product->long }}" hidden >
                            </div>
                            @elseif($sales_product->pid == 1)
                            <!-- Accommodation -->
                            <div id="accommodation">
                                <div class="row">
                                    <div class="col-4">
                                        <div class="form-group">
                                            <label class="form-control-label text-left" style="float:left"  for="input-name">Destino</label>
                                            <div class="input-group">
                                                <div class="input-group-prepend">
                                                    <span class="input-group-text" id="basic-addon1"><i class="fa-solid fa-map-location"></i></span>
                                                </div>
                                                <select name="destiny_accommodation" id="destiny_accommodation" value="{{old('destiny_accommodation')}}" class="form-control" @error('destiny_accommodation') is-invalid @enderror>
                                                    <option value="{{ $sales_product->destiny }}">{{ $sales_product->destiny }}</option>
                                                    @if ($sales_product->destiny == "Internacional")
                                                    <option value="Nacional">Nacional</option>
                                                    <option value="Internacional">Internacional</option>
                                                    @elseif ($sales_product->destiny == "Nacional")
                                                    <option value="Internacional">Internacional</option>
                                                    <option value="Nacional">Nacional</option>
                                                    @else
                                                    <option value="Nacional">Nacional</option>
                                                    <option value="Internacional">Internacional</option>
                                                    @endif
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-4">
                                        <div class="form-group">
                                        <label class="form-control-label text-left" style="float:left" for="basic-url">Check-in</label>
                                            <div class="input-group">
                                                <div class="input-group-prepend">
                                                    <span class="input-group-text" id="basic-addon1"><i class="ni ni-calendar-grid-58"></i></span>
                                                </div>
                                                <input type="text" class="form-control" value="{{$sales_product->sale_id}}" name="sale_id" hidden>
                                                <input type="datetime-local" class="form-control" name="start_datetime_accommodation" id="start_datetime_accommodation" value="{{ $sales_product->start_datetime }}">                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-4">
                                        <div class="form-group">
                                        <label class="form-control-label text-left" style="float:left" for="basic-url">Check-out</label>
                                            <div class="input-group">
                                                <div class="input-group-prepend">
                                                    <span class="input-group-text" id="basic-addon1"><i class="ni ni-calendar-grid-58"></i></span>
                                                </div>
                                                <input type="datetime-local" class="form-control" name="end_datetime_accommodation" id="end_datetime_accommodation" value="{{ $sales_product->end_datetime }}">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-6">
                                        <div class="form-group{{ $errors->has('country') ? ' has-danger' : '' }}">
                                            <label class="form-control-label text-left" style="float:left" for="basic-url">País</label>
                                            <select name="country_accommodation" id="country_accommodation" value="{{old('country_accommodation')}}" class="form-control select2" required @error('country') is-invalid @enderror>
                                                <option value="{{ $sales_product->country }}" selected>{{ $sales_product->country }}</option>
                                                    @foreach ($countries as $country)
                                                        <option value="{{$country->country}}">{{$country->country}}</option>
                                                    @endforeach
                                            </select>
                                        @include('alerts.feedback', ['field' => 'country'])
                                        </div>
                                    </div>
                                    <div class="col-6">
                                        <div class="form-group{{ $errors->has('country') ? ' has-danger' : '' }}">
                                            <label class="form-control-label text-left" style="float:left" for="basic-url">Estado | Cidade</label>
                                            <select name="state_city_accommodation" id="state_city_accommodation" value="{{old('state_city_accommodation')}}" class="form-control select2" required @error('state_city') is-invalid @enderror>
                                                    <option value="{{ $sales_product->state_city }}" selected>{{ $sales_product->state_city }}</option>
                                            </select>
                                        @include('alerts.feedback', ['field' => 'state_city'])
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-6">
                                        <div class="form-group">
                                        <label class="form-control-label text-left" style="float:left" for="basic-url">Acomodação</label>
                                            <div class="input-group">
                                                <div class="input-group-prepend">
                                                    <span class="input-group-text" id="basic-addon1"><i class="fa-solid fa-suitcase-rolling"></i></span>
                                                </div>
                                                <select name="accommodation" value="{{old('accommodation')}}" id="accommodation" class="form-control" @error('accommodation') is-invalid @enderror>
                                                    @if ($sales_product->accommodation == "Single")
                                                    <option value="Single" selected>Single</option>
                                                    <option value="Duplo Twin" >Duplo Twin</option>
                                                    <option value="Duplo Casal">Duplo Casal</option>
                                                    <option value="Triplo">Triplo</option>
                                                    <option value="Quádruplo">Quádruplo</option>
                                                    <option value="Quintuplo">Quintuplo</option>
                                                    @elseif($sales_product->accommodation == "Duplo Twin")
                                                    <option value="Single">Single</option>
                                                    <option value="Duplo Twin" selected>Duplo Twin</option>
                                                    <option value="Duplo Casal">Duplo Casal</option>
                                                    <option value="Triplo">Triplo</option>
                                                    <option value="Quádruplo">Quádruplo</option>
                                                    <option value="Quintuplo">Quintuplo</option>
                                                    @elseif($sales_product->accommodation == "Duplo Casal")
                                                    <option value="Single">Single</option>
                                                    <option value="Duplo Twin" >Duplo Twin</option>
                                                    <option value="Duplo Casal" selected>Duplo Casal</option>
                                                    <option value="Triplo">Triplo</option>
                                                    <option value="Quádruplo">Quádruplo</option>
                                                    <option value="Quintuplo">Quintuplo</option>
                                                    @elseif($sales_product->accommodation == "Triplo")
                                                    <option value="Single">Single</option>
                                                    <option value="Duplo Twin" >Duplo Twin</option>
                                                    <option value="Duplo Casal">Duplo Casal</option>
                                                    <option value="Triplo" selected>Triplo</option>
                                                    <option value="Quádruplo">Quádruplo</option>
                                                    <option value="Quintuplo">Quintuplo</option>
                                                    @elseif($sales_product->accommodation == "Quádruplo")
                                                    <option value="Single">Single</option>
                                                    <option value="Duplo Twin" >Duplo Twin</option>
                                                    <option value="Duplo Casal">Duplo Casal</option>
                                                    <option value="Triplo" >Triplo</option>
                                                    <option value="Quádruplo" selected>Quádruplo</option>
                                                    <option value="Quintuplo">Quintuplo</option>
                                                    @elseif($sales_product->accommodation == "Quintuplo")
                                                    <option value="Single">Single</option>
                                                    <option value="Duplo Twin" >Duplo Twin</option>
                                                    <option value="Duplo Casal">Duplo Casal</option>
                                                    <option value="Triplo" >Triplo</option>
                                                    <option value="Quádruplo" >Quádruplo</option>
                                                    <option value="Quintuplo" selected>Quintuplo</option>
                                                    @else
                                                    <option value=""> -- Selecione --</option>
                                                    <option value="Single">Single</option>
                                                    <option value="Duplo Twin" >Duplo Twin</option>
                                                    <option value="Duplo Casal">Duplo Casal</option>
                                                    <option value="Triplo" >Triplo</option>
                                                    <option value="Quádruplo" >Quádruplo</option>
                                                    <option value="Quintuplo">Quintuplo</option>
                                                    @endif
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-6">
                                        <div class="form-group">
                                        <label class="form-control-label text-left" style="float:left" for="basic-url">Regime</label>
                                            <div class="input-group">
                                                <div class="input-group-prepend">
                                                    <span class="input-group-text" id="basic-addon1"><i class="fa-solid fa-cart-flatbed-suitcase"></i></span>
                                                </div>
                                                <select name="regime_accommodation" value="{{old('regime')}}" id="regime_accommodation" class="form-control" @error('regime') is-invalid @enderror>
                                                    @if ($sales_product->regime == "Café da Manhã")
                                                    <option value="Café da Manhã" selected>Café da Manhã</option>
                                                    <option value="Meia Pensão">Meia Pensão</option>
                                                    <option value="Pensão Completa">Pensão Completa</option>
                                                    <option value="Sem café">Sem café</option>
                                                    <option value="All Inclusive">All Inclusive</option>
                                                    @elseif ($sales_product->regime == "Meia Pensão")
                                                    <option value="Café da Manhã">Café da Manhã</option>
                                                    <option value="Meia Pensão" selected>Meia Pensão</option>
                                                    <option value="Pensão Completa">Pensão Completa</option>
                                                    <option value="Sem café">Sem café</option>
                                                    <option value="All Inclusive">All Inclusive</option>
                                                    @elseif ($sales_product->regime == "Pensão Completa")
                                                    <option value="Café da Manhã">Café da Manhã</option>
                                                    <option value="Meia Pensão" >Meia Pensão</option>
                                                    <option value="Pensão Completa" selected>Pensão Completa</option>
                                                    <option value="Sem café">Sem café</option>
                                                    <option value="All Inclusive">All Inclusive</option>
                                                    @elseif ($sales_product->regime == "Sem café")
                                                    <option value="Café da Manhã">Café da Manhã</option>
                                                    <option value="Meia Pensão" >Meia Pensão</option>
                                                    <option value="Pensão Completa" >Pensão Completa</option>
                                                    <option value="Sem café" selected>Sem café</option>
                                                    <option value="All Inclusive">All Inclusive</option>
                                                    @elseif ($sales_product->regime == "All Inclusive")
                                                    <option value="Café da Manhã">Café da Manhã</option>
                                                    <option value="Meia Pensão" >Meia Pensão</option>
                                                    <option value="Pensão Completa" >Pensão Completa</option>
                                                    <option value="Sem café" >Sem café</option>
                                                    <option value="All Inclusive" selected>All Inclusive</option>
                                                    @else
                                                    <option value=""> -- Selecione --</option>
                                                    <option value="Café da Manhã">Café da Manhã</option>
                                                    <option value="Meia Pensão" >Meia Pensão</option>
                                                    <option value="Pensão Completa" >Pensão Completa</option>
                                                    <option value="Sem café" >Sem café</option>
                                                    <option value="All Inclusive" selected>All Inclusive</option>
                                                    @endif
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-4">
                                        <div class="form-group">
                                        <label class="form-control-label text-left" style="float:left" for="basic-url">Diárias</label>
                                            <div class="input-group">
                                                <div class="input-group-prepend">
                                                    <span class="input-group-text" id="basic-addon1"><i class="fa-solid fa-hashtag"></i></span>
                                                </div>
                                                <input type="text" class="form-control" value="{{$sales_product->sale_id}}" name="sale_id" hidden>
                                                <input type="number" step="0.01" class="form-control" name="diaries_accommodation" id="diaries_accommodation" value="{{ $sales_product->diaries }}">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-4">
                                        <div class="form-group">
                                        <label class="form-control-label text-left" style="float:left" for="basic-url">Categoria</label>
                                            <div class="input-group">
                                                <div class="input-group-prepend">
                                                    <span class="input-group-text" id="basic-addon1"><i class="fa-solid fa-person-walking-luggage"></i></span>
                                                </div>
                                                <input type="text" name="category_accommodation" class="form-control" id="category_accommodation" value="{{ $sales_product->category }}">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-4">
                                        <div class="form-group">
                                        <label class="form-control-label text-left" style="float:left" for="basic-url">Reserva</label>
                                            <div class="input-group">
                                                <div class="input-group-prepend">
                                                    <span class="input-group-text" id="basic-addon1"><i class="fa-solid fa-arrow-up-1-9"></i></span>
                                                </div>
                                                <input type="text" class="form-control" name="reservation_number_accommodation" id="reservation_number_accommodation" value="{{ $sales_product->reservation_number }}">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-12">
                                        <div class="form-group">
                                        <label class="form-control-label text-left" style="float:left" for="basic-included_services">Serviços Inclusos</label>
                                            <textarea name="included_services_accommodation" id="included_services_accommodation" rows="4" resize="none" class="form-control{{ $errors->has('included_services') ? ' is-invalid' : '' }}" placeholder="Serviços Inclusos" value="{{ old('included_services') }}">{{ $sales_product->included_services }}</textarea>
                                            @include('alerts.feedback', ['field' => 'included_services'])
                                        </div>
                                    </div>
                                </div>
                                <input type="text" class="form-control" name="lat_dropoffaccommodation" hidden id="lat_dropoffaccommodation" value="{{ $sales_product->lat }}"   >
                                <input type="text" class="form-control" name="long_dropoffaccommodation" hidden id="long_dropoffaccommodation" value="{{ $sales_product->long }}"  >
                            </div>
                            @elseif($sales_product->pid == 9)
                            <!-- Insurance -->
                            <div id="insurance">
                                <div class="row">
                                    <div class="col-6">
                                        <div class="form-group">
                                            <label class="form-control-label text-left" style="float:left"  for="input-name">Destino</label>
                                            <div class="input-group">
                                                <div class="input-group-prepend">
                                                    <span class="input-group-text" id="basic-addon1"><i class="fa-solid fa-map-location"></i></span>
                                                </div>
                                                <select name="destiny_insurance" id="destiny_insurance" value="{{old('destiny')}}" class="form-control" @error('destiny') is-invalid @enderror>
                                                    <option value="{{ $sales_product->destiny }}">{{ $sales_product->destiny }}</option>
                                                    @if ($sales_product->destiny == "Internacional")
                                                    <option value="Nacional">Nacional</option>
                                                    <option value="Internacional">Internacional</option>
                                                    @elseif ($sales_product->destiny == "Nacional")
                                                    <option value="Internacional">Internacional</option>
                                                    <option value="Nacional">Nacional</option>
                                                    @else
                                                    <option value="Nacional">Nacional</option>
                                                    <option value="Internacional">Internacional</option>
                                                    @endif
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-6">
                                        <div class="form-group">
                                        <label class="form-control-label text-left" style="float:left" for="basic-url">Nº da Reserva</label>
                                            <div class="input-group">
                                                <div class="input-group-prepend">
                                                    <span class="input-group-text" id="basic-addon1"><i class="fa-solid fa-hashtag"></i></span>
                                                </div>
                                                <input type="text" class="form-control" value="{{$sales_product->sale_id}}" name="sale_id" hidden>
                                                <input type="text" class="form-control" name="reservation_number_insurance" id="reservation_number_insurance" value="{{ $sales_product->reservation_number }}">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-6">
                                        <div class="form-group{{ $errors->has('country') ? ' has-danger' : '' }}">
                                            <label class="form-control-label text-left" style="float:left" for="basic-url"> País</label>
                                            <select name="country_insurance" id="country_insurance" value="{{old('country_insurance')}}" class="form-control select2"  @error('country_insurance') is-invalid @enderror>
                                                <option value="{{ $sales_product->country }}" selected>{{ $sales_product->country }}</option>
                                                    @foreach ($countries as $country)
                                                        <option value="{{$country->country}}">{{$country->country}}</option>
                                                    @endforeach
                                            </select>
                                        @include('alerts.feedback', ['field' => 'country'])
                                        </div>
                                    </div>
                                    <div class="col-6">
                                        <div class="form-group{{ $errors->has('country') ? ' has-danger' : '' }}">
                                            <label class="form-control-label text-left" style="float:left" for="basic-url">Estado | Cidade</label>
                                            <select name="state_city_insurance" id="state_city_insurance" value="{{old('state_city_insurance')}}" class="form-control select2" @error('state_city_accommodation') is-invalid @enderror>
                                                    <option value="{{ $sales_product->state_city }}" selected>{{ $sales_product->state_city }}</option>
                                                </select>
                                        @include('alerts.feedback', ['field' => 'state_city'])
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-6">
                                        <div class="form-group">
                                        <label class="form-control-label text-left" style="float:left" for="basic-url">Início</label>
                                            <div class="input-group">
                                                <div class="input-group-prepend">
                                                    <span class="input-group-text" id="basic-addon1"><i class="ni ni-calendar-grid-58"></i></span>
                                                </div>
                                                <input type="datetime-local" class="form-control" name="start_datetime_insurance" id="start_datetime_insurance" value="{{ $sales_product->start_datetime }}">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-6">
                                        <div class="form-group">
                                        <label class="form-control-label text-left" style="float:left" for="basic-url">Fim</label>
                                            <div class="input-group">
                                                <div class="input-group-prepend">
                                                    <span class="input-group-text" id="basic-addon1"><i class="ni ni-calendar-grid-58"></i></span>
                                                </div>
                                                <input type="datetime-local" class="form-control" name="end_datetime_insurance" id="end_datetime_insurance" value="{{ $sales_product->end_datetime }}">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-12">
                                        <div class="form-group">
                                        <label class="form-control-label text-left" style="float:left" for="basic-included_services">Serviços Inclusos</label>
                                            <textarea name="included_services_insurance" id="included_services_insurance" rows="4" resize="none" class="form-control{{ $errors->has('included_services') ? ' is-invalid' : '' }}" placeholder="Serviços Inclusos" value="{{ old('included_services') }}">{{ $sales_product->included_services }}</textarea>
                                            @include('alerts.feedback', ['field' => 'included_services_insurance'])
                                        </div>
                                    </div>
                                </div>
                                <input type="text" class="form-control" name="lat_dropoff_insurance" id="lat_dropoff_insurance" value="{{ $sales_product->lat }}" hidden >
                                <input type="text" class="form-control" name="long_dropoff_insurance" id="long_dropoff_insurance" value="{{ $sales_product->long }}" hidden >
                            </div>
                            @elseif($sales_product->pid == 8)
                            <!-- Car rental -->
                            <div id="carRental">
                                <div class="row">
                                    <div class="col-4">
                                        <div class="form-group">
                                        <label class="form-control-label text-left" style="float:left" for="basic-url">Local Retirada</label>
                                            <div class="input-group">
                                                <div class="input-group-prepend">
                                                    <span class="input-group-text" id="basic-addon1"><i class="fa-solid fa-car-side"></i></span>
                                                </div>
                                                <select name="pickup_local_carRental" class="form-control" name="pickup_local_carRental" id="pickup_local_carRental">
                                                    <option value="{{ $sales_product->pickup_local }}" selected>{{ $sales_product->pickup_local }}</option>
                                                    <option value="Recife">Recife</option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-4">
                                        <div class="form-group">
                                        <label class="form-control-label text-left" style="float:left" for="basic-url">Local Devolução</label>
                                            <div class="input-group">
                                                <div class="input-group-prepend">
                                                    <span class="input-group-text" id="basic-addon1"><i class="fa-solid fa-car-side"></i></span>
                                                </div>
                                                <select name="dropoff_local_carRental" class="form-control" name="dropoff_local_carRental" id="dropoff_local_carRental">
                                                    <option value="{{ $sales_product->dropoff_local }}" selected>{{ $sales_product->dropoff_local }}</option>
                                                    <option value="Recife">Recife</option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-4">
                                        <div class="form-group">
                                        <label class="form-control-label text-left" style="float:left" for="basic-url">Nº da Reserva</label>
                                            <div class="input-group">
                                                <div class="input-group-prepend">
                                                    <span class="input-group-text" id="basic-addon1"><i class="fa-solid fa-hashtag"></i></span>
                                                </div>
                                                <input type="text" class="form-control" value="{{$sales_product->sale_id}}" name="sale_id" hidden>
                                                <input type="text" class="form-control" name="reservation_number_carRental" id="reservation_number_carRental" value="{{ $sales_product->reservation_number }}">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-4">
                                        <div class="form-group">
                                        <label class="form-control-label text-left" style="float:left" for="basic-url">Retirada</label>
                                            <div class="input-group">
                                                <div class="input-group-prepend">
                                                    <span class="input-group-text" id="basic-addon1"><i class="ni ni-calendar-grid-58"></i></span>
                                                </div>
                                                <input type="datetime-local" class="form-control" name="start_datetime_carRental" id="start_datetime_carRental" value="{{ $sales_product->start_datetime }}">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-4">
                                        <div class="form-group">
                                        <label class="form-control-label text-left" style="float:left" for="basic-url">Devolução</label>
                                            <div class="input-group">
                                                <div class="input-group-prepend">
                                                    <span class="input-group-text" id="basic-addon1"><i class="ni ni-calendar-grid-58"></i></span>
                                                </div>
                                                <input type="datetime-local" class="form-control" name="end_datetime_carRental" id="end_datetime_carRental" value="{{ $sales_product->end_datetime }}">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-4">
                                        <div class="form-group">
                                        <label class="form-control-label text-left" style="float:left" for="basic-url">Diárias</label>
                                            <div class="input-group">
                                                <div class="input-group-prepend">
                                                    <span class="input-group-text" id="basic-addon1"><i class="fa-solid fa-hashtag"></i></span>
                                                </div>
                                                <input type="number" class="form-control" name="diaries_carRental" id="diaries_carRental" value="{{ $sales_product->diaries }}">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-6">
                                        <div class="form-group{{ $errors->has('country') ? ' has-danger' : '' }}">
                                            <label class="form-control-label text-left" style="float:left" for="basic-url"> País</label>
                                            <select name="country_carRental" id="country_carRental" value="{{old('country_carRental')}}" class="form-control select2"  @error('country_carRental') is-invalid @enderror>
                                                <option value="{{ $sales_product->country }}" selected>{{ $sales_product->country }}</option>
                                                    @foreach ($countries as $country)
                                                        <option value="{{$country->country}}">{{$country->country}}</option>
                                                    @endforeach
                                            </select>
                                        @include('alerts.feedback', ['field' => 'country'])
                                        </div>
                                    </div>
                                    <div class="col-6">
                                        <div class="form-group{{ $errors->has('country') ? ' has-danger' : '' }}">
                                            <label class="form-control-label text-left" style="float:left" for="basic-url">Estado | Cidade</label>
                                            <select name="state_city_carRental" id="state_city_carRental" value="{{old('state_city_carRental')}}" class="form-control select2" @error('state_city_carRental') is-invalid @enderror>
                                                    <option value="{{ $sales_product->state_city }}" selected>{{ $sales_product->state_city }}</option>
                                                </select>
                                        @include('alerts.feedback', ['field' => 'state_city'])
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-6">
                                        <div class="form-group">
                                            <label class="form-control-label text-left" style="float:left"  for="input-name">Destino</label>
                                            <div class="input-group">
                                                <div class="input-group-prepend">
                                                    <span class="input-group-text" id="basic-addon1"><i class="fa-solid fa-map-location"></i></span>
                                                </div>
                                                <select name="destiny_carRental" id="destiny_carRental" value="{{old('destiny')}}" class="form-control" @error('destiny') is-invalid @enderror>
                                                    @if ($sales_product->destiny == "Internacional")
                                                    <option value="Nacional">Nacional</option>
                                                    <option value="Internacional">Internacional</option>
                                                    @elseif ($sales_product->destiny == "Nacional")
                                                    <option value="Internacional">Internacional</option>
                                                    <option value="Nacional">Nacional</option>
                                                    @else
                                                    <option value="Nacional">Nacional</option>
                                                    <option value="Internacional">Internacional</option>
                                                    @endif
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-6">
                                        <div class="form-group">
                                        <label class="form-control-label text-left" style="float:left" for="basic-url">Categoria</label>
                                            <div class="input-group">
                                                <div class="input-group-prepend">
                                                    <span class="input-group-text" id="basic-addon1"><i class="fa-solid fa-person-walking-luggage"></i></span>
                                                </div>
                                                <input type="text" name="category_carRental" id="category_carRental" class="form-control" value="{{ $sales_product->category }}">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-12">
                                        <div class="form-group">
                                        <label class="form-control-label text-left" style="float:left" for="basic-included_services">Serviços Inclusos</label>
                                            <textarea name="included_services_carRental" id="included_services_carRental" rows="4" resize="none" class="form-control{{ $errors->has('included_services') ? ' is-invalid' : '' }}" placeholder="Serviços Inclusos" value="{{ old('included_services') }}">{{ $sales_product->included_services }}</textarea>
                                            @include('alerts.feedback', ['field' => 'included_services'])
                                        </div>
                                    </div>
                                </div>
                                <input type="text" class="form-control" name="lat_dropoff_carRental" id="lat_dropoff_carRental" value="{{ $sales_product->lat }}" hidden >
                                <input type="text" class="form-control" name="long_dropoff_carRental" id="long_dropoff_carRental" value="{{ $sales_product->long }}" hidden>
                            </div>
                            @else
                            <!-- Others -->
                            <div id="others">
                                <div class="row">
                                    <div class="col-6">
                                        <div class="form-group">
                                            <label class="form-control-label text-left" style="float:left"  for="input-name">Destino</label>
                                            <div class="input-group">
                                                <div class="input-group-prepend">
                                                    <span class="input-group-text" id="basic-addon1"><i class="fa-solid fa-map-location"></i></span>
                                                </div>
                                                <select name="destiny_others" id="destiny_others" value="{{old('destiny')}}" class="form-control" @error('destiny') is-invalid @enderror>
                                                    @if ($sales_product->destiny == "Internacional")
                                                    <option value="Nacional">Nacional</option>
                                                    <option value="Internacional">Internacional</option>
                                                    @elseif ($sales_product->destiny == "Nacional")
                                                    <option value="Nacional">Nacional</option>
                                                    <option value="Internacional">Internacional</option>
                                                    @else
                                                    <option value="Nacional">Nacional</option>
                                                    <option value="Internacional">Internacional</option>
                                                    @endif
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-6">
                                        <div class="form-group">
                                        <label class="form-control-label text-left" style="float:left" for="basic-url">Nº da Reserva</label>
                                            <div class="input-group">
                                                <div class="input-group-prepend">
                                                    <span class="input-group-text" id="basic-addon1"><i class="fa-solid fa-hashtag"></i></span>
                                                </div>
                                                <input type="text" class="form-control" value="{{$sales_product->sale_id}}" name="sale_id" hidden>
                                                <input type="text" class="form-control" name="reservation_number_others" value="{{ $sales_product->reservation_number }}">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-6">
                                        <div class="form-group{{ $errors->has('country') ? ' has-danger' : '' }}">
                                            <label class="form-control-label text-left" style="float:left" for="basic-url"> País</label>
                                            <select name="country_others" id="country_others" value="{{old('country_others')}}" class="form-control select2"  @error('country_others') is-invalid @enderror>
                                                <option value="{{ $sales_product->country }}" selected>{{ $sales_product->country }}</option>
                                                    @foreach ($countries as $country)
                                                        <option value="{{$country->country}}">{{$country->country}}</option>
                                                    @endforeach
                                            </select>
                                        @include('alerts.feedback', ['field' => 'country'])
                                        </div>
                                    </div>
                                    <div class="col-6">
                                        <div class="form-group{{ $errors->has('country') ? ' has-danger' : '' }}">
                                            <label class="form-control-label text-left" style="float:left" for="basic-url">Estado | Cidade</label>
                                            <select name="state_city_others" id="state_city_others" value="{{old('state_city_others')}}" class="form-control select2" @error('state_city_others') is-invalid @enderror>
                                                    <option value="{{ $sales_product->state_city }}" selected>{{ $sales_product->state_city }}</option>
                                                </select>
                                        @include('alerts.feedback', ['field' => 'state_city'])
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-6">
                                        <div class="form-group">
                                        <label class="form-control-label text-left" style="float:left" for="basic-url">Início</label>
                                            <div class="input-group">
                                                <div class="input-group-prepend">
                                                    <span class="input-group-text" id="basic-addon1"><i class="ni ni-calendar-grid-58"></i></span>
                                                </div>
                                                <input type="datetime-local" class="form-control" name="start_datetime_others" id="start_datetime_others" value="{{ $sales_product->start_datetime }}">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-6">
                                        <div class="form-group">
                                        <label class="form-control-label text-left" style="float:left" for="basic-url">Fim</label>
                                            <div class="input-group">
                                                <div class="input-group-prepend">
                                                    <span class="input-group-text" id="basic-addon1"><i class="ni ni-calendar-grid-58"></i></span>
                                                </div>
                                                <input type="datetime-local" class="form-control" name="end_datetime_others" id="end_datetime_others" value="{{ $sales_product->end_datetime }}">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-12">
                                        <div class="form-group">
                                        <label class="form-control-label text-left" style="float:left" for="basic-included_services">Serviços Inclusos</label>
                                            <textarea name="included_services_others" id="included_services_others" rows="4" resize="none" class="form-control{{ $errors->has('included_services') ? ' is-invalid' : '' }}" placeholder="Serviços Inclusos" value="{{ old('included_services') }}">{{ $sales_product->included_services }}</textarea>
                                            @include('alerts.feedback', ['field' => 'included_services'])
                                        </div>
                                    </div>
                                </div>
                                <input type="text" class="form-control" name="lat_dropoff_others" id="lat_dropoff_others" value="{{ $sales_product->lat }}" hidden >
                                <input type="text" class="form-control" name="long_dropoff_others" id="long_dropoff_others" value="{{ $sales_product->long }}" hidden >
                            </div>
                            @endif
                                <div class="text-right" style="float: right;">
                                    <button type="submit" class="btn btn-success btn-sm mt-4">Atualizar</button>
                                </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>

        @include('layouts.footers.auth')
    </div>
@endsection
@push('js')
    <!-- Select2 With Search -->
<script>
    $(document).ready(function() {
    $('.select2').select2({});
});

</script>
<!-- Pickup and Dropoff Locals -->
<script>
    const decodeUTF8  = (s) => decodeURIComponent(escape(s));
    $.ajaxSetup({
    headers: {
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
    }
    });
    $('#pickup_local_flight').change(function(){
        let id = $('#pickup_local_flight').val();
        console.log(id);
        $.ajax({
            type: 'PATCH',
            url: "{{ route('getcountry', '') }}" + "/" + id,
            success: function(response) {
                var response = JSON.parse(response);
                console.log(response);
                $('#country_pickupflight').empty();
                $('#state_city_pickupflight').empty();
                $('#lat_pickupflight').empty();
                $('#long_pickupflight').empty();
                $('#country_pickupflight').val(`${response['country']}`);
                $('#state_city_pickupflight').val((`${response['municipality']}`));
                $('#lat_pickupflight').val(`${response['lat']}`);
                $('#long_pickupflight').val(`${response['long']}`);
            }
        })
    });
    $('#dropoff_local_flight').change(function(){
        let id2 = $('#dropoff_local_flight').val();
        console.log(id2);
        $.ajax({
            type: 'PATCH',
            url: "{{ route('getcountry2', '') }}" + "/" + id2,
            success: function(response) {
                var response = JSON.parse(response);
                console.log(response);
                $('#country_dropoffflight').empty();
                $('#state_city_dropoffflight').empty();
                $('#lat_dropoffflight').empty();
                $('#long_dropoffflight').empty();
                $('#country_dropoffflight').val(`${response['country']}`);
                $('#state_city_dropoffflight').val(`${response['municipality']}`);
                $('#lat_dropoffflight').val(`${response['lat']}`);
                $('#long_dropoffflight').val(`${response['long']}`);
            }
        })
    });
</script>
{{-- Country Filter Cities --}}
<script>
    $.ajaxSetup({
    headers: {
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
    }
    });
    // Accommodation
    $('#country_accommodation').on('change',function(){
        let id = $("#country_accommodation").val();
        console.log(id);
        $.ajax({
            type: 'PATCH',
            url: "{{ route('getcities', '') }}" + "/" + id,
            success: function(response) {
                var response = JSON.parse(response);
                console.log(response);
                $('#lat_dropoffaccommodation').val("");
                $('#long_dropoffaccommodation').val("");
                $('#state_city_accommodation').empty();
                $('#state_city_accommodation').append(`<option value=""></option>`);
                response.forEach(element => {
                    $('#state_city_accommodation').append(`<option value="${element['city_ascii']}">${element['admin_name']} | ${element["city_ascii"]}</option>`);
                });
            }
        });
    });
    $('#state_city_accommodation').on('change',function(){
        let id = $("#state_city_accommodation").val();
        console.log(id);
        $.ajax({
            type: 'PATCH',
            url: "{{ route('getposition', '') }}" + "/" + id,
            success: function(response) {
                var response = JSON.parse(response);
                console.log(response);
                $('#lat_dropoffaccommodation').val("");
                $('#long_dropoffaccommodation').val("");
                $('#lat_dropoffaccommodation').val(`${response['latitude']}`);
                $('#long_dropoffaccommodation').val(`${response['longitude']}`);
            }
        });
    });
    // Insurance
    $('#country_insurance').on('change',function(){
        let id = $("#country_insurance").val();
        console.log(id);
        $.ajax({
            type: 'PATCH',
            url: "{{ route('getcities', '') }}" + "/" + id,
            success: function(response) {
                var response = JSON.parse(response);
                console.log(response);
                $('#lat_dropoff_insurance').val("");
                $('#long_dropoff_insurance').val("");
                $('#state_city_insurance').empty();
                $('#state_city_insurance').append(`<option value=""></option>`);
                response.forEach(element => {
                    $('#state_city_insurance').append(`<option value="${element['city_ascii']}">${element['admin_name']} | ${element["city_ascii"]}</option>`);
                });
            }
        });
    });
    $('#state_city_insurance').on('change',function(){
        let id = $("#state_city_insurance").val();
        console.log(id);
        $.ajax({
            type: 'PATCH',
            url: "{{ route('getposition', '') }}" + "/" + id,
            success: function(response) {
                var response = JSON.parse(response);
                console.log(response);
                $('#lat_dropoff_insurance').val("");
                $('#long_dropoff_insurance').val("");
                $('#lat_dropoff_insurance').val(`${response['latitude']}`);
                $('#long_dropoff_insurance').val(`${response['longitude']}`);
            }
        });
    });
    // Car Rental
    $('#country_carRental').on('change',function(){
        let id = $("#country_carRental").val();
        console.log(id);
        $.ajax({
            type: 'PATCH',
            url: "{{ route('getcities', '') }}" + "/" + id,
            success: function(response) {
                var response = JSON.parse(response);
                console.log(response);
                $('#lat_dropoff_carRental').val("");
                $('#long_dropoff_carRental').val("");
                $('#state_city_carRental').empty();
                $('#state_city_carRental').append(`<option value=""></option>`);
                response.forEach(element => {
                    $('#state_city_carRental').append(`<option value="${element['city_ascii']}">${element['admin_name']} | ${element["city_ascii"]}</option>`);
                });
            }
        });
    });
    $('#state_city_carRental').on('change',function(){
        let id = $("#state_city_carRental").val();
        console.log(id);
        $.ajax({
            type: 'PATCH',
            url: "{{ route('getposition', '') }}" + "/" + id,
            success: function(response) {
                var response = JSON.parse(response);
                console.log(response);
                $('#lat_dropoff_carRental').val("");
                $('#long_dropoff_carRental').val("");
                $('#lat_dropoff_carRental').val(`${response['latitude']}`);
                $('#long_dropoff_carRental').val(`${response['longitude']}`);
            }
        });
    });
    // Others
    $('#country_others').on('change',function(){
        let id = $("#country_others").val();
        console.log(id);
        $.ajax({
            type: 'PATCH',
            url: "{{ route('getcities', '') }}" + "/" + id,
            success: function(response) {
                var response = JSON.parse(response);
                console.log(response);
                $('#lat_dropoff_others').val("");
                $('#long_dropoff_others').val("");
                $('#state_city_others').empty();
                $('#state_city_others').append(`<option value=""></option>`);
                response.forEach(element => {
                    $('#state_city_others').append(`<option value="${element['city_ascii']}">${element['admin_name']} | ${element["city_ascii"]}</option>`);
                });
            }
        });
    });
    $('#state_city_others').on('change',function(){
        let id = $("#state_city_others").val();
        console.log(id);
        $.ajax({
            type: 'PATCH',
            url: "{{ route('getposition', '') }}" + "/" + id,
            success: function(response) {
                var response = JSON.parse(response);
                console.log(response);
                $('#lat_dropoff_others').val("");
                $('#long_dropoff_others').val("");
                $('#lat_dropoff_others').val(`${response['latitude']}`);
                $('#long_dropoff_others').val(`${response['longitude']}`);
            }
        });
    });
</script>
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
@endpush
@push('css')
<style>
    .select2-single-selection__rendered{
    word-wrap: break-word !important;
    text-overflow: inherit !important;
    white-space: normal !important;
    }
</style>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css" integrity="sha512-KfkfwYDsLkIlwQp6LFnl8zNdLGxu9YAA1QvwINks4PhcElQSvqcyVLLD9aMhXd13uQjoXtEKNosOWaZqXgel0g==" crossorigin="anonymous" referrerpolicy="no-referrer" />
@endpush
@push('css')
    <link rel="stylesheet" href="{{ asset('argon') }}/vendor/datatables.net-bs4/css/dataTables.bootstrap4.min.css">
    <link rel="stylesheet" href="{{ asset('argon') }}/vendor/datatables.net-buttons-bs4/css/buttons.bootstrap4.min.css">
    <link rel="stylesheet" href="{{ asset('argon') }}/vendor/datatables.net-select-bs4/css/select.bootstrap4.min.css">
    <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
@endpush

@push('js')
    <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
    <script src="{{ asset('argon') }}/vendor/datatables.net/js/jquery.dataTables.min.js"></script>
    <script src="{{ asset('argon') }}/vendor/datatables.net-bs4/js/dataTables.bootstrap4.min.js"></script>
    <script src="{{ asset('argon') }}/vendor/datatables.net-buttons/js/dataTables.buttons.min.js"></script>
    <script src="{{ asset('argon') }}/vendor/datatables.net-buttons-bs4/js/buttons.bootstrap4.min.js"></script>
    <script src="{{ asset('argon') }}/vendor/datatables.net-buttons/js/buttons.html5.min.js"></script>
    <script src="{{ asset('argon') }}/vendor/datatables.net-buttons/js/buttons.flash.min.js"></script>
    <script src="{{ asset('argon') }}/vendor/datatables.net-buttons/js/buttons.print.min.js"></script>
    <script src="{{ asset('argon') }}/vendor/datatables.net-select/js/dataTables.select.min.js"></script>
@endpush