@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">

    <script type="text/javascript">
        // Formatar o campo valor fonte: www.BB.com.br
        function formataValorGeral(campo) {
            campo.value = filtraCampoValor(campo);
            vr = campo.value;
            tam = vr.length;

            if (tam <= 2) {
                campo.value = vr;
            }
            if ((tam > 2) && (tam <= 5)) {
                campo.value = vr.substr(0, tam - 2) + ',' + vr.substr(tam - 2, tam);
            }
            if ((tam >= 6) && (tam <= 8)) {
                campo.value = vr.substr(0, tam - 5) + '.' + vr.substr(tam - 5, 3) + ',' + vr.substr(tam - 2, tam);
            }
            if ((tam >= 9) && (tam <= 11)) {
                campo.value = vr.substr(0, tam - 8) + '.' + vr.substr(tam - 8, 3) + '.' + vr.substr(tam - 5, 3) + ',' + vr
                    .substr(tam - 2, tam);
            }
            if ((tam >= 12) && (tam <= 14)) {
                campo.value = vr.substr(0, tam - 11) + '.' + vr.substr(tam - 11, 3) + '.' + vr.substr(tam - 8, 3) + '.' + vr
                    .substr(tam - 5, 3) + ',' + vr.substr(tam - 2, tam);
            }
            if ((tam >= 15) && (tam <= 18)) {
                campo.value = vr.substr(0, tam - 14) + '.' + vr.substr(tam - 14, 3) + '.' + vr.substr(tam - 11, 3) + '.' +
                    vr.substr(tam - 8, 3) + '.' + vr.substr(tam - 5, 3) + ',' + vr.substr(tam - 2, tam);
            }
            var elementoFinalVCN = document.getElementById('txtFinalValorCreditoNoContrato');

        }

        function formataValor(campo) {
            campo.value = filtraCampoValor(campo);
            vr = campo.value;
            tam = vr.length;

            if (tam <= 2) {
                campo.value = vr;
            }
            if ((tam > 2) && (tam <= 5)) {
                campo.value = vr.substr(0, tam - 2) + ',' + vr.substr(tam - 2, tam);
            }
            if ((tam >= 6) && (tam <= 8)) {
                campo.value = vr.substr(0, tam - 5) + '.' + vr.substr(tam - 5, 3) + ',' + vr.substr(tam - 2, tam);
            }
            if ((tam >= 9) && (tam <= 11)) {
                campo.value = vr.substr(0, tam - 8) + '.' + vr.substr(tam - 8, 3) + '.' + vr.substr(tam - 5, 3) + ',' + vr
                    .substr(tam - 2, tam);
            }
            if ((tam >= 12) && (tam <= 14)) {
                campo.value = vr.substr(0, tam - 11) + '.' + vr.substr(tam - 11, 3) + '.' + vr.substr(tam - 8, 3) + '.' + vr
                    .substr(tam - 5, 3) + ',' + vr.substr(tam - 2, tam);
            }
            if ((tam >= 15) && (tam <= 18)) {
                campo.value = vr.substr(0, tam - 14) + '.' + vr.substr(tam - 14, 3) + '.' + vr.substr(tam - 11, 3) + '.' +
                    vr.substr(tam - 8, 3) + '.' + vr.substr(tam - 5, 3) + ',' + vr.substr(tam - 2, tam);
            }
            var elementoFinalVCN = document.getElementById('txtFinalValorCreditoNoContrato');
            elementoFinalVCN.value = campo.value;
        }

        function filtraCampoValor(campo) {
            var s = "";
            var cp = "";
            vr = campo.value;
            tam = vr.length;
            for (i = 0; i < tam; i++) {
                if (vr.substring(i, i + 1) >= "0" && vr.substring(i, i + 1) <= "9") {
                    s = s + vr.substring(i, i + 1);
                }
            }
            campo.value = s;
            return cp = campo.value
        }
    </script>

    <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"
                                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 active"
                                href="{{ route('start_viatura_nova') }}" {{$LoggedUserInfo['list_viaturas'] }}>
                                <i class="fa-solid fa-car" style="color:orange"></i>
                                &ensp;Registar Nova 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 " id="list-novaviaturas" role="tabpanel"
                            aria-labelledby="list-novaviaturas-list">-->
                <div class="cart-page-heading mb-30">


                    <h5 style="color:orange"> <i class="fa-solid fa-car" style="color:orange"></i>
                        registar
                        / <b style="color:#007bff">Viatura</b></h5>
                </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

                <form action="{{ route('guardar_veiculo_proprietario') }}" id="formViatura" name="formViatura"
                    method="post" enctype="multipart/form-data">
                    @csrf
                    <div class="row">
                        <div class="col-md-6 mb-3">
                            <label for="ft1">Fotografia - Parte Frontal(.jpg,.png,.webp)
                                <span>*</span></label>
                            <input type="file" class="form-control" id="ft1" name="ft1" required>
                        </div>
                        <div class="col-md-6 mb-3">
                            <label for="ft2">Fotografia - Parte
                                Traseira(.jpg,.png)<span>*</span></label>
                            <input type="file" class="form-control" id="ft2" name="ft2" required>
                        </div>
                        <div class="col-md-6 mb-3">
                            <label for="ft3">Fotografia - Parte Lateral Esquerda(.jpg,.png)
                                <span>*</span></label>
                            <input type="file" class="form-control" id="ft3" name="ft3" required>
                        </div>
                        <div class="col-md-6 mb-3">
                            <label for="ft4">Fotografia - Parte Lateral
                                Direita(.jpg,.png)<span>*</span></label>
                            <input type="file" class="form-control" id="ft4" name="ft4" required>
                        </div>
                        <div class="col-12 mb-4">
                            <label for="ft5">Fotografia - Parte
                                Interna(.jpg,.png)<span>*</span></label>
                            <input type="file" class="form-control" id="ft5" name="ft5" required>
                        </div>

                        <div class="col-md-4 mb-3">
                            <label for="Tipoveiculo">Tipo de Veiculo <span>*</span></label>
                            <select class="form-control" id="cmbtipoveiculo" name="cmbtipoveiculo">
                                <option value="n">selecionar...</option>
                                @foreach ($tipos_veiculos as $tipoveiculo)
                                    <option value="{{ $tipoveiculo->id }}">
                                        {{ $tipoveiculo->descricao }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-md-4 mb-3">
                            <label for="Marca">Marca<span>*</span></label>
                            <select class="form-control" id="cmbmarca" name="cmbmarca">
                                <option value="n">selecionar...</option>
                                @foreach ($marcas_veiculos as $marcas)
                                    <option value="{{ $marcas->id }}">
                                        {{ $marcas->descricao_marca }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-md-4 mb-3">
                            <label for="Marca">Tipo de Tranmissão<span>*</span></label>
                            <select class="form-control" id="cmbtransmissao" name="cmbtransmissao">
                                <option value="n">selecionar...</option>
                                @foreach ($transmissao as $tm)
                                    <option value="{{ $tm->id }}">
                                        {{ $tm->descricao }} </option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-6 mb-4">
                            <label for="Modelo">Modelo<span>*</span></label>
                            <input type="text" class="form-control" id="modelo" name="modelo" required>
                        </div>

                        <div class="col-6 mb-4">
                            <label for="Numchassi">Nº do Chassi<span>*</span></label>
                            <input type="number" class="form-control" id="numchassi" name="numchassi"
                                min="0" required>
                        </div>
                        <div class="col-6 mb-4">
                            <label for="NumcAssentos">Nº de Assentos<span>*</span></label>
                            <input type="number" class="form-control" id="NumcAssentos" name="NumcAssentos"
                                min="0" required>
                        </div>


                        <div class="col-4 mb-3">
                            <label for="Matricula">Matricula<span>*</span></label>
                            <input type="text" class="form-control" id="txtmatricula" name="txtmatricula"
                                required>
                        </div>

                        <div class="col-4 mb-3">
                            <label for="AnoFabrico">Ano de Fabrico<span>*</span></label>
                            <input type="text" class="form-control" id="anofabrico" name="anofabrico" required>
                        </div>
                        <div class="col-4 mb-3">
                            <label for="Cor">Cor da Viatura<span>*</span></label>
                            <input type="text" class="form-control" id="corviatura" name="corviatura" required>
                        </div>

                        <div class="col-4 mb-3">
                            <label for="Livrete">Livrete<span>*</span></label>
                            <input type="file" class="form-control" id="livrete" name="livrete" required>
                        </div>

                        <div class="col-4 mb-3">
                            <label for="Titulo">Titulo<span>*</span></label>
                            <input type="file" class="form-control" id="titulo" name="titulo" required>
                        </div>
                        <div class="col-4 mb-3">
                            <label for="Seguro">Seguro<span>*</span></label>
                            <input type="file" class="form-control" id="seguro" name="seguro" required>
                        </div>

                        <hr />

                        <div class="col-4 mb-3">
                            <label for="Provincia">A viatura disponível em<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-4 mb-3">
                            <label for="Municipio">Em que Municipio <span>*</span></label>
                            <select class="form-control" name="cmbmunicipio" id="cmbmunicipio">

                            </select>
                        </div>
                        <div class="col-4 mb-3">
                            <label for="PrecoAluguel">Preço do Aluguel(diária)<span>*</span></label>
                            <input type="text" class="form-control" id="txtPrecoAluguel" name="txtPrecoAluguel"
                                placeholder="00.000.000,00" onkeyup="formataValor(this)" required>
                        </div>



                        <div class="col-md-6 mb-3">

                        </div>
                        <div class="col-md-6 mb-3">

                        </div>


                        <div class="col-12">
                            <label for="street_address">A Viatura tem GPS Activo ?<span>*</span></label>
                        </div>

                        <div class="col-12">
                            <div class="custom-control d-block mb-2">
                                <input type="radio" id="radio" name="gps" value="sim">
                                <label class="custom-control-label" for="customCheck1">SIM</label>
                            </div>
                            <div class="custom-control d-block mb-2">
                                <input type="radio" id="radio" name="gps" value="nao">
                                <label class="custom-control-label" for="customCheck2">NÃO</label>
                            </div>

                        </div>







                    </div>
                    <button class="btn btn-warning" type="submit">
                        Guardar Dados
                    </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')