@extends('layouts.public')

@section('title', 'Emitir')

@section('content')
    <div class="wrapper mt-5">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-lg-9">
                    <div class="content-page">

                        <div class="row mb-3 flex-wrap-reverse align-items-center">
                            <div class="col-lg-6 mb-3">
                                <h1 id="formTitlec" class="mb-0 h3 text-center text-md-left">
                                    Solicitud de Póliza
                                </h1>
                            </div>
                             @if ((session()->has('IdEmisionU')))
                                <div data-content-form="E" class="col-lg-6 mb-4 mb-md-3 text-center text-md-right">
                                    <button data-form="G" class="btn btnChangeFormType btn-lg big-btn btn-primary">
                                        Generar Solicitud <i class="ms-3 fa fa-angle-right"></i>
                                    </button>
                                </div>
                                <div data-content-form="G" class="d-none col-lg-6 mb-4 mb-md-3 text-center text-md-right">
                                    <button data-form="E" class="btn btnChangeFormType btn-lg big-btn btn-primary">
                                        Emision de poliza <i class="ms-3 fa fa-angle-right"></i>
                                    </button>
                                </div>
                            @endif
                        </div>

                        <div class="card mb-5 border-0 card-data">
                            <div class="card-body">
                                <div class="row justify-content-center">
                                    <div class="col-lg-9 py-2">
                                        <input type="hidden" name="invertir_grilla" id="invertir_grilla" value="{{$grillas['invertir_grilla']}}" />

                                        <h4 class="h4 h6 mb-5 text-center">
                                            <span>{{Session('nombre')}} {{Session('apellido')}}</span> - {{Session('prodlargo')}}
                                        </h4>
                                        @if($errors->any() or session('error'))
                                            @foreach ($errors->all() as $error)
                                                <li>{{ $error }}</li>
                                            @endforeach
                                        @endif
                                        @if(session('error'))
                                        <div width="494" id="mensajeErrorEquis" style="border-radius: 25px; color:white;  background: #dc3545; margin-top:1rem; margin-bottom: 1rem; padding: 10px; text-align:center;">
                                            {{ session('error') }}
                                        </div>
                                        @endif

                                        @include("cotizador.grillaSolicitud",
                                        [
                                            'tipo_de_pago' => $tipo_de_pago,
                                            'medio_de_pago' => $medio_de_pago,
                                            'uso'           => $uso,
                                            'descuento'     => $descuento
                                        ]
                                        )

                                        @include("cotizadorForm",
                                        [
                                            'AutosMarcas' => $AutosMarcas
                                        ])

                                        @include("coberturasTable")

                                        <div id="container-personal-data" class="" style="display:none;">
                                            <form id="form_emision" action="{{ $formulario_cotizacion_emision['form_emitir_action'] }}" method="POST">
                                            @csrf
                                            <div id="personal-data" class="mt-4 mb-4">

                                                    <div class="alert bg-light text-center">
                                                        <h4 class="fw-bold mb-0 h6">
                                                            <span id="data-policy-name">Robo Plus s/Auxilio</span>
                                                        </h4>
                                                        <h4 class="fw-bold mb-0 h6">
                                                            Cuota mensual: <span class="data-policy-amount">$250.767.57</span>
                                                        </h4>
                                                    </div>
                                                    @include("DatosPersonaForm")
                                                    @include("DatosTomadorForm")
                                                    @include("DatosAcreedorForm")
                                                    <div id="ContentdatosDelSeguro">
                                                        <div class="alert bg-light text-center">
                                                            <h4 class="fw-bold mb-0 h6">
                                                                Datos del seguro
                                                            </h4>
                                                        </div>

                                                        <div class="row mb-3">
                                                            <div class="col-12">
                                                                <div class="form-group">
                                                                    <label for="vigenciaDesde" class="text-center small d-block">
                                                                        Vigencia anual desde:
                                                                    </label>
                                                                    <input type="date" name="VigenciaDesde" class="form-control @error('VigenciaDesde') is-invalid @enderror" id="VigenciaDesde" value="{{ old('VigenciaDesde') ? old('VigenciaDesde') : '' }}" onchange="checkVigencia()" required>
                                                                    <span class="invalid-feedback" id="mensajeErrorVigencia" style="display: none;" role="alert">
                                                                        <strong>La vigencia no puede ser menor a la fecha actual.</strong>
                                                                    </span>
                                                                    @error('VigenciaDesde')
                                                                    <span class="invalid-feedback" role="alert">
                                                                        <strong>{{ $message }}</strong>
                                                                    </span>
                                                                    @enderror

                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    @include("DatosVehiculo")


                                                   @include("FormularioPago")

                                                    @include("DespachoObservaciones")

                                                <div class="form-group BotonEmision" data-content-form="E" id="emitir_button">
                                                    <button id="submit_button" type="submit" form="form_emision" class="btn d-block w-100 btn-primary">
                                                        SOLICITAR
                                                    </button>
                                                </div>

                                                <div class="form-group BotonEmision" data-content-form="G">
                                                    <button  type="submit" form="form_emision" class="btn d-block w-100 btn-danger">
                                                        Generar solicitud
                                                    </button>
                                                </div>
                                                <div id="mensaje_emision" style="display:none"><center>Procesando...<br>
                                                <div class="spinner-grow text-primary" role="status">
                                                    <span class="sr-only">Loading...</span>
                                                </div>
                                        </center>
                                            </div>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

@endsection