@include('menu_utilizadores')
@include('perfilMenu')

<!-- ##### Breadcumb Area Start ##### -->
<div class="breadcumb_area bg-img" style="background-image: url({{ asset('img/banner/breadcumb.jpg') }});">
    <div class="container h-100">
        <div class="row h-100 align-items-center">
            <div class="col-12">
                <div class="page-title text-center">
                    <h2 style="color:orange">Área Reserva Para Clientes</h2>
                    <span style="color:orange">Estas logado como: <span style="color:#0cff00">
                            @foreach ($tipo_user as $tu)
                                @if ($tu->id == $LoggedUserInfo['tipoutilizador'])
                                    {{ $tu->descricao_tipousuario }}
                                @endif
                            @endforeach


                        </span> </span>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- ##### Breadcumb Area End ##### -->


<!-- ##### Checkout Area Start ##### -->
<div class="checkout_area section-padding-80">
    <div class="container">
        <div class="row">

            <div class="col-12 col-md-6 col-lg-4">
                <div class="order-details-confirmation">

                     @if ($LoggedUserInfo['tipoutilizador'] ==2 && $LoggedUserInfo['fotoselfie']<>0)
                        <img src="{{ asset('storage/fotos_hospedes/' . $LoggedUserInfo['fotoselfie']) }}" width="50%"
                            height="50%" alt="..." class="rounded-circle" />
                    @else
                      
                        <i class="fa-solid fa-circle-user" style="font-size:100px" ></i>
                    @endif


                    <br />
                    <div class="cart-page-heading">
                         <h5>{{ $LoggedUserInfo['nome'] }} {{ $LoggedUserInfo['sobrenome'] }}</h5>
                        <p>Detallhes da Conta</p>
                       {{--<p><i class="fa-solid fa-camera"></i> <a href="{{ route('tirar_foto_meiocorpo') }}"
                                style="color:red">Add. Foto Meio Corpo</a><br />
                            <i class="fa-solid fa-camera"></i> <a href="{{ route('tirar_foto_com_carta') }}" style="color:red">Add. Foto com  Carta</a>
                        </p>--}}

                    </div>


                    

                    <div id="accordion" role="tablist" class="mb-4">

                        <div class="list-group" id="list-tab" role="tablist">

                            <a class="list-group-item list-group-item-action " id="list-home-list"  href="{{route('start_utilizador')}}" >
                                <i class="fa-solid fa-house-user" style="color:orange"></i>
                                &ensp;Painel do Cliente
                            </a>

                            <a class="list-group-item list-group-item-action active"  href="{{route('start_utilizador_editperfil')}}" id="list-perfil-list"  data-toggle="list" role="tab" aria-controls="perfil">
                                <i class="fa-solid fa-user-tie" style="color:orange"></i> &ensp;Perfil
                            </a>


                            <a class="list-group-item list-group-item-action" href="{{ route('viatura_listar') }}" {{$LoggedUserInfo['list_viaturas'] }}>
                                <i class="fa-solid fa-car" style="color:orange"></i>
                                &ensp;Viaturas
                            </a>

                            <a class="list-group-item list-group-item-action" 
                               href="{{route('start_viatura_nova')}}" {{$LoggedUserInfo['registar_viaturas'] }}>
                                <i class="fa-solid fa-car" style="color:orange"></i>
                                &ensp;Registar Novo Viatura</a>

                            <a class="list-group-item list-group-item-action" id="list-profile-list" data-toggle="list"
                                href="{{ route('view_meuspedidos')}}" role="tab" aria-controls="profile">
                                <i class="fa-solid fa-handshake" style="color:orange"></i>
                                &ensp; Meus Pedidos</a>
                          <!--  <a class="list-group-item list-group-item-action" id="list-messages-list" data-toggle="list"
                                href="#list-messages" role="tab" aria-controls="messages">
                                <i class="fa-solid fa-bars" style="color:orange"></i>
                                &ensp;Historicos</a>
                            <a class="list-group-item list-group-item-action" id="list-settings-list" data-toggle="list"
                                href="#list-settings" role="tab" aria-controls="settings">
                                <i class="fa-solid fa-screwdriver-wrench" style="color:orange"></i>
                                &ensp;Definições</a>-->
                        </div>
                    </div>

                    <!--   <a href="#" class="btn essence-btn">Pagina Inicial</a>-->
                </div>

            </div>

            <div class="col-12 col-md-8">           
              <!--  <div class="checkout_details_area mt-50 clearfix">
                    <div class="tab-content" id="nav-tabContent">
                        <div class="tab-pane fade " id="list-perfil" role="tabpanel" aria-labelledby="list-perfil-list">

-->
                            <div class="cart-page-heading mb-30">
                                <h5 style="color:orange"><i class="fa-regular fa-user " style="color:orange"></i>
                                    editar
                                    / <b style="color:#007bff">Perfil</b></h5>
                            </div>
                            @if (session('success'))
                                <div class="alert alert-success">
                                    {{ session('success') }}
                                </div>
                            @endif

                            @if (session('error'))
                                <div class="alert alert-danger">
                                    {{ session('error') }}
                                </div>
                            @endif
                            <form
                                action="{{ route('finalizar_alteracao_perfil_utilizador', ['id' => $utilizador_edit_perfil->id]) }}"
                                id="formProprietario" name="formProprietario" method="post"
                                enctype="multipart/form-data">
                                @csrf
                                <div class="row">
                                    <div class="col-md-6 mb-3">
                                        <label for="first_name">Nome <span>*</span></label>
                                        <input type="text" class="form-control" id="first_name" name="first_name"
                                            value={{ $utilizador_edit_perfil->nome }} required>
                                    </div>
                                    <div class="col-md-6 mb-3">
                                        <label for="last_name">Sobrenome<span>*</span></label>
                                        <input type="text" class="form-control" id="last_name" name="last_name"
                                            value={{ $utilizador_edit_perfil->sobrenome }} required>
                                    </div>
                                    <div class="col-md-6 mb-3">
                                        <label for="Provincia">Tipo de Documento <span>*</span></label>
                                        <select class="form-control" id="cmbtipodocumento" name="cmbtipodocumento">
                                            <option value="n">selecionar...</option>
                                            @foreach ($listartipodocumentos as $tipodocumento)
                                                <option value="{{ $tipodocumento->id }}">
                                                    {{ $tipodocumento->descricao_tipodocumento }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                    <div class="col-md-6 mb-3">
                                        <label for="Ndc">Nº do Documento<span>*</span></label>
                                        <input type="text" class="form-control" id="Ndoc" name="Ndoc"
                                            value={{ $utilizador_edit_perfil->numerodocumento }} required>
                                    </div>


                                    <div class="col-12 mb-4">
                                        <label for="email_address">Email<span>*</span></label>
                                        <input type="email" class="form-control" id="email_address"
                                            value={{ $utilizador_edit_perfil->email }} name="email_address" required>
                                    </div>

                                    <div class="col-6 mb-3">
                                        <label for="phone_number">Telemóvel (Whatsapp)<span>*</span></label>
                                        <input type="number" class="form-control" id="phone_number"
                                            value={{ $utilizador_edit_perfil->telefonewhatsapp }} name="phone_number"
                                            min="0" required>
                                    </div>

                                    <div class="col-6 mb-3">
                                        <label for="phone_alternativo">Telemóvel Alternativo<span>*</span></label>
                                        <input type="number" class="form-control" id="phone_alternativo"
                                            value={{ $utilizador_edit_perfil->telefonealternativo }}
                                            name="phone_alternativo" min="0" required>
                                    </div>
                                    <div class="col-md-12 mb-3">
                                        <label for="Pais">Pais em que vives <span>*</span></label>
                                        <select class="form-control" name="cmbpais" id="cmbpais">
                                            <option>Angola</option>
                                        </select>
                                    </div>
                                    <div class="col-md-6 mb-3">
                                        <label for="Provincia">Vives em que Província <span>*</span></label>
                                        <select class="form-control" id="cmbprovincia" name="cmbprovincia">
                                            <option value="n">selecionar...</option>
                                            @foreach ($listaprovincias as $provincia)
                                                <option value="{{ $provincia->id }}">
                                                    {{ $provincia->descricao_provincia }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                    <div class="col-md-6 mb-3">
                                        <label for="Municipio">Em que Municipio <span>*</span></label>
                                        <select class="form-control" name="cmbmunicipio" id="cmbmunicipio">

                                        </select>
                                    </div>
                                    <div class="col-12 mb-3">
                                        <label for="street_address">Endereço da Rua <span>*</span></label>
                                        <input type="text" class="form-control mb-3" id="street_address"
                                            value={{ $utilizador_edit_perfil->rua }} name="street_address" required>

                                    </div>

                                    <div class="col-12 mb-3">
                                        <label for="iban">IBAN ( é de extrema importância que a coordenada pertença
                                            ao Proprietário. ) <span>*</span></label>
                                        <input type="text" class="form-control" id="txtiban" name="txtiban"
                                            value={{ $utilizador_edit_perfil->iban }} required>
                                    </div>


                                    <div class="col-12 mb-3">
                                        <label for="cc">Anexar documento para validação da sua
                                            identidade(.jpg,.png,.pdf) <span>*</span></label>
                                        <input type="file" class="form-control" id="cc" name="cc"
                                            required>
                                    </div>

                                    <hr />


                                    <div class="col-4 mb-3">
                                        <label for="user">Utilizador<span>*</span></label>
                                        <input type="text" class="form-control" id="txtuser" name="txtuser"
                                            value={{ $utilizador_edit_perfil->utilizador }} required>
                                    </div>

                                    <div class="col-4 mb-3">
                                        <label for="senha">Senha<span>*</span></label>
                                        <input type="password" class="form-control" id="txtsenha" name="txtsenha"
                                            value={{ $utilizador_edit_perfil->senha }} required>
                                    </div>
                                    <div class="col-4 mb-3">
                                        <label for="csenha">Confirma a senha<span>*</span></label>
                                        <input type="password" class="form-control" id="txtcsenha" name="txtcsenha"
                                            required>
                                    </div>

                                    <hr />


                                </div>

                                <button class="btn btn-warning" type="submit">
                                    Guardar Alteração
                                </button>
                                <a class="btn btn-light" href="{{ route('start_utilizador') }}" style="color:red">
                                    Cancelar
                                </a>
                            </form>

                      <!--  </div>

                    </div>

                </div>-->
            </div>




        </div>
    </div>
</div>
<!-- ##### Checkout Area End ##### -->







<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
        $('select[name="cmbprovincia"]').on('change', function() {
            var idProvincia = $(this).val();

            $.ajax({
                url: 'municipio/' + idProvincia,
                type: 'GET',
                dataType: 'json',
                success: function(data) {
                    $('select[name=cmbmunicipio]').empty();
                    for (var i = 0; data.length > i; i++) {
                        //console.log('<option value="' + data[i].id + '"> ' + data[i].descricao_municipio + '</option>');
                        $('#cmbmunicipio').append('<option value="' + data[i].id + '"> ' +
                            data[i].descricao_municipio + '</option>');
                    }
                }
            });

        });

    });
</script>



@include('rodape')