@extends('layouts.app')

@section('content')
<main id="idContenedor">

<section id="secPortalSanpa" class="paddingtop contGenerico">
<div class="container containerBootstrap">
        <div class="contOpciones">
                <a 
                href="{{ route('endosos_historial') }}"
                class="abtnitem azul">
                    
                <div class="imagen"></div>

                    <div class="contTexto">
                        <p class="titulo">Historial de Endosos</p>
                    </div>
                    <div class="contAngle"><i class="far fa-angle-right"></i></div>
        
                </a>
        </div>
     <div class="row justify-content-center">
       <div class="col-md-10">
         <div class="card {{session('dark_theme_card')}} card-contentBootstrap">

           <div class="card-header">Solicitud de Endosos

          
           </div>

             @if(session()->has('mensaje'))
                @php
                    $mensaje = session()->get('mensaje');
                @endphp
                @if($mensaje['error'] == 0)
                    <div class="alert alert-success">La petición de endoso nº {{ $mensaje['endoso_numero'] }} se cargo correctamente.
                        <br> Para descargar la documentación haga <a href="{{ $mensaje['endoso_documento'] }}">Clic Aquí</a>
                    </div>
                    @if(isset($mensaje['email_asegurado']))
                        @if($mensaje['email_asegurado']->error == 0)
                        <div class="alert alert-success">
                            {{ $mensaje['email_asegurado']->mensaje }}
                        </div>
                        @else
                        <div class="alert alert-danger">
                            {{ $mensaje['email_asegurado']->mensaje }}
                        </div>
                        @endif
                    @endif

                    @if(isset($mensaje['email_productor']))
                        @if($mensaje['email_productor']->error == 0)
                        <div class="alert alert-success">
                            {{ $mensaje['email_productor']->mensaje }}
                        </div>
                        @else
                        <div class="alert alert-danger">
                            {{ $mensaje['email_productor']->mensaje }}
                        </div>
                        @endif
                    @endif

                    @if(isset($mensaje['email_callcenter']))
                        @if($mensaje['email_callcenter']->error == 0)
                            <div class="alert alert-success">
                                {{ $mensaje['email_callcenter']->mensaje }}
                            </div>
                            @else
                            <div class="alert alert-danger">
                                {{ $mensaje['email_callcenter']->mensaje }}
                            </div>
                        @endif
                    @endif
                @else
                <div class="alert alert-danger">El endoso no pudo realizarse.</div>
                @endif
            @endif
            {{ session()->forget('mensaje') }}

               <form class="form" id="form_poliza" onSubmit="checkPoliza(event)" method="POST">
                 @csrf
                 <div class="row justify-content-center">
                   <div class="col-sm text-center">
                     <p class="lead">Ingresa el número de Póliza</p>
                   </div>
                 </div>
                 <br>
                 <input type="hidden" name="poliza_check" id="poliza_check" value="">
                <input type="hidden" name="poliza_numero" id="h_poliza_numero" value="">
                <input type="hidden" name="productor_codigo" id="productor_codigo" value="{{ session()->get('codigo_productor') }}">
                 <div class="row justify-content-center">
                   <div class="input-group col-sm justify-content-center">
                     <input class="form-control col-md-4" id="poliza_numero"  type="number" placeholder="Póliza">
                     <div class="input-group-append">
                       <button class="btn btn-outline-primary boton_busqueda" id="poliza_numero" type="submit" >Buscar</button>
                     </div>
                   </div>
                 </div>
                 <center style="display:none;" id="cargador"><br>Espere, estamos cargando los datos.</center>
               </form>

               <br>
            <center>
               <div class="row justify-content-around">
                 <div class="row d-flex justify-content-center">
                <div class="spinner-grow text-primary" role="status" id="select_endoso_load" style="display: none">
                  <span class="sr-only">Cargando...</span>
                </div>
            </div>
            </center>
            <div class="row d-flex justify-content-center">
                  <span class="text-danger" id="error_poliza" style="display: none">Póliza incorrecta</span>
            </div>
            <div class="row col-12 justify-content-center align-items-center" id="asegurado_datos" style="display: none;">
                <div class="mt-2 col-8 mb-3">
                    <div class="card mb-1">
                      <div class="card-body">
                        <h5 class="card-title"></h5>
                        <p class="card-text" style="font-size: 14px; color: black;">
                          <b>Nombre completo:</b> <span id="asegurado_nombre"></span><br>
                          <b>Marca:</b> <span id="moto_marca"></span><br>
                          <b>Modelo:</b> <span id="moto_modelo"></span><br>
                          <b>Patente:</b> <span id="moto_patente"></span><br>
                        </p>
                      </div>
                    </div>
                  </div>
            </div>
            <center>
            <form class="col-8" id="form_endoso" method="POST" style="display: none; color: black;">
                <div class="col-12">
                    <label>Tipo de endoso: </label><br><br>
                    <select class="form-control" onchange="getDatosEndosar(event)" id="endoso_tipo" name="endoso_tipo">
                        <option value="">Selecciona...</option>
                        @foreach($endosos_tipo as $endoso_tipo)
                        <option value={{ $endoso_tipo->id }}>{{ $endoso_tipo->descripcion }}</option>
                        @endforeach
                    </select>
                </div>
            </form>
            <div class="row d-flex justify-content-center">
                <span class="text-danger" id="error_datos_formulario_endoso" style="display: none">Error al traer los datos del endoso.</span>
          </div>
            <div class="spinner-grow text-primary mt-3" role="status" id="campos_endoso_load" style="display: none">
                <span class="sr-only">Cargando...</span>
            </div>
            <form class="col-8 mb-5" id="form_endoso_datos" action="{{ route('endosar') }}" method="POST" style="color:black; display: none">
                @csrf
                <input type="hidden" id="poliza_endoso" name="poliza_endoso">
                <input type="hidden" id="productor_codigo_endoso" name="productor_codigo_endoso" value="{{ session()->get('codigo_productor') }}">
                <input type="hidden" id="endoso_tipo_endoso" name="endoso_tipo_endoso" value="{{ session()->get('codigo_productor') }}">
                @include('endosos.endoso')
                <div class="row col-12 d-flex flex-row-reverse">
                    <button class="btn btn-sm btn-primary col-12">Solicitar endoso</button>
                </div>
            </form>
</center>
               </div>

             </div>
           </div>

         </div>
       </div>
     </div>
   </div>



       <section> 
</main>
    @endsection