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

<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('title', 'Editar Passageiro |')

@section('content')
    @component('layouts.headers.auth')
        @component('layouts.headers.breadcrumbs')
            @slot('title')
               Passageiros
            @endslot
            <li class="breadcrumb-item"><a class="text-default" href="{{ route('passengers.show', $passenger->client_id) }}">Editar Passageiro</a></li>
        @endcomponent
    @endcomponent

    <div class="container-fluid mt--6">
        <div class="row">
            <div class="col-xl-12 order-xl-1">
                <div class="card">
                    <div class="card-header">
                        <div class="row align-items-center">
                            <div class="col-8">
                                <h3 class="mb-0">Editar Passageiro</h3>
                            </div>
                            <div class="col-4 text-right">
                                <a href="{{ route('passengers.show', $passenger->client_id)  }}" class="btn btn-sm btn-primary">Voltar</a>
                            </div>
                        </div>
                    </div>
                    <div class="card-body">
                        <form method="POST" action="{{ route('passengers.update', $passenger->id) }}" autocomplete="off"
                            enctype="multipart/form-data">
                            @method('PUT')
                            @csrf

                            <h6 class="heading-small text-muted mb-4">Informações do Cliente</h6>
                            <div class="tab-content">
                                <div id="input-groups-component" class="tab-pane tab-example-result fade active show" role="tabpanel" aria-labelledby="input-groups-component-tab">
                                    <div class="row">
                                        <div class="col-4">
                                            <div class="form-group">
                                            <label class="form-control-label text-left" style="float:left" for="basic-url">Nome</label>
                                                <div class="input-group">
                                                    <div class="input-group-prepend">
                                                        <span class="input-group-text" id="basic-addon1"><i class="ni ni-single-02"></i></span>
                                                    </div>
                                                    <input type="text" class="form-control" value="{{$passenger->client_id}}" name="client_id" hidden>
                                                    <input type="text" class="form-control" value="{{$passenger->first_name}}" name="first_name" placeholder="Nome">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-4">
                                            <div class="form-group">
                                            <label class="form-control-label text-left" style="float:left" for="basic-url">Sobrenome</label>
                                                <div class="input-group">
                                                    <div class="input-group-prepend">
                                                        <span class="input-group-text" id="basic-addon1"><i class="ni ni-single-02"></i></span>
                                                    </div>
                                                    <input type="text" class="form-control" name="last_name" value="{{$passenger->last_name }}" placeholder="Sobrenome">
                                                </div>
                                            </div>
                                        </div>
										<div class="col-4">
                                            <div class="form-group">
                                            <label class="form-control-label text-left" style="float:left" for="basic-url">Grau de Parentesco</label>
                                                <div class="input-group">
                                                    <div class="input-group-prepend">
                                                        <span class="input-group-text" id="basic-addon1"><i class="ni ni-single-02"></i></span>
                                                    </div>
                                                    <input type="text" class="form-control" name="degree" value="{{$passenger->degree }}" placeholder="Grau de Parentesco">
                                                </div>
                                            </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">E-mail</label>
                                                <div class="input-group">
                                                    <div class="input-group-prepend">
                                                        <span class="input-group-text" id="basic-addon1">@</span>
                                                    </div>
                                                    <input type="text" class="form-control" name="email" value="{{$passenger->email }}" placeholder="E-mail">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-6">
                                            <div class="form-group">
                                            <label class="form-control-label text-left" style="float:left" for="basic-url">Data de Nascimento</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="date" class="form-control" value="{{$passenger->birth_date}}" name="birth_date">
                                                </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">RG</label>
                                                <div class="input-group">
                                                    <div class="input-group-prepend">
                                                        <span class="input-group-text" id="basic-addon1"><i class="ni ni-badge"></i></span>
                                                    </div>
                                                    <input type="text" name="rg" class="form-control" value="{{$passenger->rg}}" placeholder="RG">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-4">
                                            <div class="form-group">
                                            <label class="form-control-label text-left" style="float:left" for="basic-url">CPF</label>
                                                <div class="input-group">
                                                    <div class="input-group-prepend">
                                                        <span class="input-group-text" id="basic-addon1"><i class="ni ni-badge"></i></span>
                                                    </div>
                                                    <input type="text" name="cpf" class="form-control" value="{{$passenger->cpf}}" placeholder="CPF">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-4">
                                            <div class="form-group">
                                            <label class="form-control-label text-left" style="float:left" for="basic-url">Telefone</label>
                                                <div class="input-group">
                                                    <div class="input-group-prepend">
                                                        <span class="input-group-text" id="basic-addon1"><i class="ni ni-mobile-button"></i></span>
                                                    </div>
                                                    <input type="text" name="phone_number" id="input-phone_number" value="{{$passenger->phone_number}}" class="form-control{{ $errors->has('phone_number') ? ' is-invalid' : '' }}" placeholder="Telefone" value="{{ old('phone_number') }}"  autofocus>
                                                </div>
                                            </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">Preferência de Assento</label>
                                                <div class="input-group">
                                                    <div class="input-group-prepend">
                                                        <span class="input-group-text" id="basic-addon1"><i class="ni ni-spaceship"></i></span>
                                                    </div>
                                                    <select name="seat_preference" id="seat_preference" value="{{old('seat_preference')}}" class="form-control" @error('seat_preference') is-invalid @enderror>
                                                        @if ($passenger->seat_preference == "Janela")
                                                        <option value="Janela" selected> Janela</option>
                                                        <option value="Corredor"> Corredor</option>
                                                        @elseif($passenger->seat_preference == "Corredor")
                                                        <option value="Janela"> Janela</option>
                                                        <option value="Corredor"selected> Corredor</option>
                                                        @else
                                                        <option value=""> -- Selecione --</option>
                                                        <option value="Janela"> Janela</option>
                                                        <option value="Corredor"> Corredor</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º do Programa de Fidelidade</label>
                                                <div class="input-group">
                                                    <div class="input-group-prepend">
                                                        <span class="input-group-text" id="basic-addon1"><i class="ni ni-check-bold"></i></span>
                                                    </div>
                                                    <input type="text" name="loyalty_number" value="{{$passenger->loyalty_number}}" class="form-control{{ $errors->has('date') ? ' is-invalid' : '' }}" placeholder="Nº do Programa de Fidelidade" value="{{ old('birth_date') }}"  autofocus>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-6">
                                            <div class="row">
                                                <div class="col-md-4">
                                                    <label class="form-label" for="exampleEmail2"><i class="lnr-paperclip"></i> Passaporte </label><br>
                                                    @if (!empty($passenger->passport_file))
                                                        <a href="{{ asset('/media/passengers/'.$passenger->passport_file)}}"><i class="ni ni-cloud-download-95"></i> Passaporte anexado</a>
                                                    @else
                                                        <p>Não há passaporte anexado</p>
                                                    @endif
                                                </div>
                                                <div class="col-md-8">
                                                    <div class="position-relative mb-3">
                                                        <label class="form-label" for="exampleEmail2">@if(empty($passenger->passport_file)) Anexar Passaporte @else Trocar Passaporte Anexado @endif</label>
                                                        <input name="passport_file" type="file" class="form-control">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-6">
                                            <div class="row">
                                                <div class="col-md-4">
                                                    <label class="form-label" for="exampleEmail2"><i class="lnr-paperclip"></i> Doc. de Identificação </label><br>
                                                    @if (!empty($passenger->identification_file))
                                                        <a href="{{ asset('/media/passengers/'.$passenger->identification_file)}}"><i class="ni ni-cloud-download-95"></i> Doc. de Identificação anexado</a>
                                                    @else
                                                        <p>Não há Doc. de Identificação anexado</p>
                                                    @endif
                                                </div>
                                                <div class="col-md-8">
                                                    <div class="position-relative mb-3">
                                                        <label class="form-label" for="exampleEmail2">@if(empty($passenger->identification_file)) Anexar Doc. de Identificação @else Trocar Doc. de Identificação anexado @endif</label>
                                                        <input name="identification_file" type="file" class="form-control">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="modal-footer">
                                <button type="submit" class="btn btn-success btn-sm">Editar</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
        @include('layouts.footers.auth')
    </div>

<!-- Scripts Section -->
<script src="https://code.jquery.com/jquery-3.6.0.js" integrity="sha256-H+K7U5CnXl1h5ywQfKtSj8PCmoN9aaq30gDh27Xc0jk=" crossorigin="anonymous"> </script>
<!-- CPF or CNPJ -->
<script>
    $(function(){
        $("#kind").change(function(){
            var kind = $("#kind option:selected").text();
            if (kind != "PF") {
                $("#cpf-div").hide();
                $("#rg-div").hide();
                $("#name").text("Razão Social");
                $("#input-name").attr("Placeholder","Razão Social");
                $("#birthdate").text("Data de Abertura");
                $("#phone_number-div").toggleClass('col-6');
                $("#cnpj-div").show().toggleClass('col-6');
            }
        });
        $("#kind").change(function(){
            var kind2 = $("#kind option:selected").val();
            if (kind2 != "PJ") {
                $("#cpf-div").show();
                $("#rg-div").show();
                $("#name").text("Nome");
                $("#input-name").attr("Placeholder","Nome");
                $("#birthdate").text("Data de Nascimento");
                $("#cnpj-div").hide();
            }
        });
    })
</script>
<!-- API States and City -->
<script>
    $.getJSON('https://servicodados.ibge.gov.br/api/v1/localidades/estados/', {id: 10, }, function (json) {

    var options = '<option value="">-- Selecione --</option>';

    for (var i = 0; i < json.length; i++) {

        options += '<option data-id="' + json[i].id + '" value="' + json[i].nome + '" >' + json[i].nome + '</option>';

    }

    $("select[name='state']").html(options);

    });


    $("select[name='state']").change(function () {

    if ($(this).val()) {
        $.getJSON('https://servicodados.ibge.gov.br/api/v1/localidades/estados/'+$(this).find("option:selected").attr('data-id')+'/municipios', {id: $(this).find("option:selected").attr('data-id')}, function (json) {

            var options = '<option value="">-- Selecione --</option>';

            for (var i = 0; i < json.length; i++) {

                options += '<option value="' + json[i].nome + '" >' + json[i].nome + '</option>';

            }

            $("select[name='city']").html(options);

        });

    } else {

        $("select[name='city']").html('<option value="">-- Selecione --</option>');

    }

    });
</script>
@endsection