@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 Reservada 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 (2 == $LoggedUserInfo['tipoutilizador'] && $LoggedUserInfo['fotoselfie'] != 0)
                        {{ $LoggedUserInfo['fotoselfie'] }}
                        <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>
                        @if (2 == $LoggedUserInfo['tipoutilizador'])
                            <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>
                        @endif

                    </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 active" 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"
                                href="{{ route('start_utilizador_editperfil') }}">
                                <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"
                                href="{{ route('view_meuspedidos') }}">
                                <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 show active" id="list-home" role="tabpanel" aria-labelledby="list-home-list">
                    <div class="cart-page-heading mb-30">

                        <h5 style="color:orange"><i class="fa-solid fa-house-user " style="color:orange"></i>
                            Painel do <b style="color:#0070bb">Cliente</b></h5>
                    </div>
                    <h2 style="color:#a5a5a5">Olá, {{ $LoggedUserInfo['nome'] }} {{ $LoggedUserInfo['sobrenome'] }}
                    </h2>
                    <span style="color:#cbcbcb">Estas logado como

                        <span>
                            @foreach ($tipo_user as $tu)
                                @if ($tu->id == $LoggedUserInfo['tipoutilizador'])
                                    {{ $tu->descricao_tipousuario }}
                                @endif
                            @endforeach


                        </span>

                    </span>
                </div>


                @if (session('success'))
                    <div class="alert alert-success">
                        <button type="button" class="close" data-dismiss="alert">×</button>

                        {{ session('success') }}
                    </div>
                @endif

                @if (session('error'))
                    <div class="alert alert-danger">
                        <button type="button" class="close" data-dismiss="alert">×</button>
                        {{ session('error') }}
                    </div>
                @endif







            </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')