@extends('template.base')

@section('title') SAN PATRICIO SEGUROS @endsection


{{-- Si la solicitud existe, renderiza los formularios normalmente --}}
@if( $solicitud_id != null )
    @section('menu_title')<p class="titulo_" style="font-weight: bold; font-size: 2rem;">
        Hola {{ ucfirst(strtolower($solicitud_datos->Nombre)) }}, finaliza la contratación de tu seguro.</p> 
    @endsection


    @section('content')

    @if ( session()->has('error') )
    <div class="col-sm-12">
        <div class="alert  alert-danger alert-dismissible fade show" role="alert">
            {{ session()->get('error') }}
            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                <span aria-hidden="true">&times;</span>
            </button>
        </div>
    </div>
    @endif


    <form class="white_container_2" id="formulario_cotizador" onSubmit="cotizar(event);" method="post">
        @csrf
        <input type="hidden" value="{{ route('emisor_cotizar') }}" id="url_cotizador">

        <input type="hidden" value="{{ $solicitud_datos->CodigoProductor }}" name="prodlargo">
        <input type="hidden" value="{{ $solicitud_datos->CodigoInfoAuto }}"  name="CodigoInfoAuto">
        <input type="hidden" value="{{ $solicitud_datos->SumaAsegurada }}"  name="SumaAsegurada">
        <input type="hidden" value="{{ $solicitud_datos->IdPersonaTipo }}"  name="IdPersonaTipo">
        <input type="hidden" value="{{ $solicitud_datos->IdCondFiscal }}"  name="IdCondFiscal">
        <input type="hidden" value="{{ $solicitud_datos->VigenciaDesde }}"  name="VigenciaDesde">
        <input type="hidden" value="{{ $solicitud_datos->VigenciaHasta }}"  name="VigenciaHasta">
        <input type="hidden" value="{{ $solicitud_datos->Anio }}"  name="Anio">
        <input type="hidden" value="{{ $solicitud_datos->descuento }}"  name="Descuento">
        <input type="hidden" value="{{ $solicitud_datos->CodigoPostal }}"  name="CodigoPostal">
        <input type="hidden" value="{{ $solicitud_datos->IdProvinciaRiesgo }}" name="IdProvincia">
        <input type="hidden" value="{{ $solicitud_datos->IdAutoUso }}" name="IdAutoUso">
        <input type="hidden" id="tipo_pago" value="{{ $solicitud_datos->tipo_pago }}" name="tipo_pago">
        <input type="hidden" value="{{ $solicitud_datos->IdAutoModelo }}" name="IdAutoModelo">



            <div class="row">
                <div class="col-sm-6">
                  <div class="card mb-1">
                    <div class="card-header"><i style="font-size: 16px; margin-right: .5rem;" class="fas fa-user"></i>Datos Personales</div>
                    <div class="card-body">
                      <h5 class="card-title"></h5>
                      <p class="card-text" style="font-size: 14px;">
                        <b>Nombre completo:</b> {{ $solicitud_datos->Nombre }} {{ $solicitud_datos->Apellido }}<br>
                        <b>Documento Nº:</b> {{ $solicitud_datos->NumeroDocumento }}<br>
                        <b>CUIT Nº:</b> {{ $solicitud_datos->CUIT }}<br>
                        <b>Email:</b> {{ $solicitud_datos->Mail }}<br>
                      </p>
                    </div>
                  </div>
                </div>
                <div class="col-sm-6">
                    <div class="card">
                        <div class="card-header"><i style="font-size: 16px; margin-right: .5rem;" class="fas fa-motorcycle"></i>Datos del Vehículo</div>
                      <div class="card-body">
                        <h5 class="card-title"></h5>
                        <p class="card-text" style="font-size: 14px;">
                            <b>Marca:</b> {{ $solicitud_datos->MarcaNombre }}<br>
                            <b>Modelo:</b> {{ $solicitud_datos->ModeloNombre }}<br>
                            <b>Patente:</b> {{ $solicitud_datos->Patente }}<br>
                            <b>Año:</b> {{ $solicitud_datos->Anio }}<br>
                        </p>
                      </div>
                    </div>
                  </div>
              

        <div class="jumbotron mt-3 col-sm-12">

            <div class="row">

                <div class="form-group col-md-12">
                    <label for="IdFormaCobro">Medio de pago: </label>
                    <select name="IdFormaCobro" class="form-control" onchange="ocultarCotizaciones()" id="c_formaCobro" required>
                        <option value="">SELECCIONA...</option>
                        <option value=1>EFECTIVO</option>
                        <option value=2>TARJETA</option>
                        <option value=3>CBU</option>
                    </select>
                </div>
            </div>

            {{-- <h6 style="text-align: center"><b>SELECCIONA EL USO DEL VEHICULO:</b></h6>
            <div class="input_container">
                <select name="IdAutoUso" style="width: 600px; height: 40px;" id="IdAutoUso" required>
                    <option value="">SELECCIONA...</option>
                    <option value=1>PARTICULAR</option>
                    <option value=2>COMERCIAL</option>
                </select>
            </div>

            <h6 style="text-align: center"><b>SELECCIONA EL MEDIO DE PAGO</b></h6>
            <p class="lead">
                <div class="input_container">
                    <select name="IdFormaCobro" style="width: 600px; height: 40px;" onchange="ocultarCotizaciones()" id="c_formaCobro">
                        <option value="">SELECCIONA...</option>
                        <option value=1>EFECTIVO</option>
                        <option value=2>TARJETA</option>
                        <option value=3>CBU</option>
                    </select>
                </div>
            </p>
            --}}
            <div class="button-cotizar-emitir" style="display: flex; justify-content: center; margin-bottom: 2rem;">
                <button class="btn btn-sm btn-success col-12" id="boton_cotizar" >COTIZAR</button>
            </div>
            <div id="carga_cotizaciones" style="display: none">
                <div id="contenedor" style="display: flex; flex-direction: column; align-items: center">
                    Aguarde mientras se cargan las cotizaciones<br>
                    <div id="cotizacionesLoading" class="spinner-border spinner-border-sm" role="status">
                        <span class="sr-only">cargando cotizaciones...</span>
                    </div>
                </div>
            </div>
            @include('emision.cotizaciones')
            <div class="form-group mt-2 col-md-12" style="display: none" id="form_tarjetaCirculacion">
                <div class="alert alert-secondary" style="text-align: center; font-size: .8rem;" role="alert">
                    <h5>Elegí si querés recibir tu póliza impresa  o recibir toda tu documentación digital.</h5>
                    {{-- <ul style="text-align: left;">
                        <li style="text-align: left;">Póliza Imprensa</li>
                        <li style="text-align: left;">Póliza Digital</li>
                    </ul> --}}
                    <br>
                    <select name="tipoImpresion" id="tipoImpresion" class="form-control @error('tipoImpresion') is-invalid @enderror col-md-12" onchange="setTipoImpresion()" required>
                        <option value="DIGITAL" selected>Despacho digital</option>
                        <option value="IMPRENTA">Despacho por imprenta</option>
                    </select>
                    @error('tipoImpresion')
                        <span class="invalid-feedback" role="alert">
                        <strong>{{ $message }}</strong>
                        </span>
                    @enderror
                </div>
            </div>
    </form>
    @include('emision.confirmacion')
    </div>


    @endsection

{{-- Si la solicitud no existe, muestra un error --}}
@else
    @section('menu_title')<p class="titulo_" style="font-weight: bold; font-size: 2rem;">
       La solicitud no existe o la fecha de la misma venció.</p> 
    @endsection
@endif