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

@section('title', 'Editar Trecho da Viagem |')
<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 Trecho da Viagem
            @endslot

            <li class="breadcrumb-item"><a class="text-default" href="{{ route('newflightleg', $sale_product->first()->sp_id) }}">Trechos</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 Trecho de Voo</h3>
                                <p class="text-sm mb-0">
                                    Abaixo você pode editar o trecho do produto {{ $sale_product->first()->product }} da venda {{ $sale_product->first()->sale_id }}.
                                </p>
                            </div>
                            <div class="col-4 text-right">
                                <a href="{{ route('newflightleg', $sale_product->first()->sp_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('flightlegs.update', $flight_leg->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>
                                            <input type="text" class="form-control" name="provider_id" hidden value="{{$sale_product->first()->provider_id}}">
                                            <input type="text" class="form-control" name="provider_name" readonly value="{{$sale_product->first()->provider_name}}">
                                        </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>
                                            <input type="text" class="form-control" name="saleproduct_id" hidden value="{{$sale_product->first()->sp_id}}">
                                            <input type="text" class="form-control" name="product_id" hidden value="{{$sale_product->first()->pid}}">
                                            <input type="text" class="form-control" name="product" readonly value="{{$sale_product->first()->product}}">
                                        </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')}}" class="form-control" @error('supplier_id') is-invalid @enderror>
                                                <option value="{{$sale_product->first()->supplier_id}}">{{$sale_product->first()->supplier_name}}</option>
                                                @foreach ($suppliers->where('id', '!=', $sale_product->first()->supplier_id) as $supplier)
                                                    <option value="{{$supplier->id}}">{{ $supplier->name }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- Flights -->
                            <div id="flights">
                                <div class="row">
                                    <div class="col-6">
                                        <div class="form-group{{ $errors->has('pickup_locaL') ? ' 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" id="pickup_locaL" value="{{old('pickup_locaL')}}" class="form-control select2" @error('pickup_locaL') is-invalid @enderror>
                                                <option value="{{$airports->where('id', '=', $flight_leg->pickup_local)->first()->id}}">{{$airports->where('id', '=', $flight_leg->pickup_local)->first()->iata_code ." | ". $airports->where('id', '=', $flight_leg->pickup_local)->first()->name}}</option>
                                                    @foreach ($airports->where('id', '!=', $flight_leg->pickup_local) 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') ? ' 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" id="dropoff_local" value="{{old('dropoff_local')}}" class="form-control select2" @error('dropoff_local') is-invalid @enderror>
                                                <option value="{{$airports->where('id', '=', $flight_leg->dropoff_local)->first()->id}}">{{$airports->where('id', '=', $flight_leg->dropoff_local)->first()->iata_code ." | ". $airports->where('id', '=', $flight_leg->dropoff_local)->first()->name}}</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="{{$sale_product->first()->sale_id}}" name="sale_id" hidden>
                                                <input type="datetime-local" class="form-control" name="start_datetime" id="start_datetime" value="{{ $flight_leg->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" id="end_datetime" value="{{ $flight_leg->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" id="destiny" value="{{old('destiny')}}" required class="form-control" @error('destiny') is-invalid @enderror>
                                                    @if ($flight_leg->destiny == "Internacional")
                                                    <option value="Nacional">Nacional</option>
                                                    <option value="Internacional">Internacional</option>
                                                    @elseif ($flight_leg->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>
                                <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" required id="reservation_number" value="{{ $sale_product->first()->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" required value="{{ $flight_leg->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" class="form-control" required id="category">
                                                    <option value="{{ $flight_leg->category }}" selected>{{ $flight_leg->category }}</option>
                                                    @if ($flight_leg->category == "Econômica")
                                                    <option value="Executiva">Executiva</option>
                                                    @elseif($flight_leg->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" id="included_services" rows="4" resize="none" class="form-control{{ $errors->has('included_services') ? ' is-invalid' : '' }}" placeholder="Serviços Inclusos" value="{{ old('included_services') }}">{{ $flight_leg->included_services }}</textarea>
                                            @include('alerts.feedback', ['field' => 'included_services'])
                                        </div>
                                    </div>
                                </div>
                                <input type="text" class="form-control" name="country" value="{{ $flight_leg->country }}" id="country" hidden>
                                <input type="text" class="form-control" name="state_city" value="{{ $flight_leg->state_city }}" id="state_city" hidden>
                                <input type="text" class="form-control" name="lat" value="{{ $flight_leg->lat }}" id="lat" hidden>
                                <input type="text" class="form-control" name="long" value="{{ $flight_leg->long }}" id="long" hidden>
                            </div>
                            <div class="card-footer text-right" style="float: right;">
                                <button type="submit" class="btn btn-success btn-sm">Atualizar</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
        @include('layouts.footers.auth')
    </div>
@endsection
@push('js')
<!-- Get Products  -->
{{-- Provider Filter Product --}}
<script>
    $('#provider_id').on('change',function(){
        let id = $("#provider_id").val();
        $.ajax({
            type: 'PATCH',
            url: "{{ route('getproducts', '') }}" + "/" + id,
            success: function(response) {
                var response = JSON.parse(response);
                $('#product_id').empty();
                $('#product_id').append('<option value=""></option>');
                response.forEach(element => {
                    $('#product_id').append(`<option value="${element['id']}">${element["title"]}</option>`);
                });
            }
        });
    });
</script>
<!-- Pickup and Dropoff Locals Flights -->
<script>
    const decodeUTF8  = (s) => decodeURIComponent(escape(s));
    $.ajaxSetup({
    headers: {
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
    }
    });
    $('#dropoff_local').on('change',function(){
        let id2 = $('#dropoff_local').val();
        console.log(id2);
        $.ajax({
            type: 'PATCH',
            url: "{{ route('getcountry2', '') }}" + "/" + id2,
            success: function(response) {
                var response = JSON.parse(response);
                console.log(response);
                $('#country').empty();
                $('#state_city').empty();
                $('#lat').empty();
                $('#long').empty();
                $('#country').val(`${response['country']}`);
                $('#state_city').val(`${response['municipality']}`);
                $('#lat').val(`${response['lat']}`);
                $('#long').val(`${response['long']}`);
            }
        })
    });
</script>
<!-- Select2 With Search -->
<script>
    $(document).ready(function() {
    $('.select2').select2({});
});
</script>
@endpush
@push('css')
<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
<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" />
<link rel="stylesheet" href="{{ asset('argon/vendor/select2/dist/css/select2.min.css') }}">
@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">
@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