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

              <input id="fecha_hoy" type="hidden" name="fecha_hoy" value="{{ date('Y-m-d') }}">
              <span style="display: none;" id="jenkins_routes">{{$jenkins_routes ?? ''}}</span>

              @if (session()->has('mensaje'))
                @php
                    $mensaje = session()->get('mensaje');
                @endphp

                <div class="row">
                  <div class="col-md-8 mx-auto">

                    @if ($mensaje['error'] == 0)
                      <div role="alert" class="alert my-1 alert-dismissible fade show 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']))
                        <div role="alert" class="alert my-1 alert-dismissible fade show
                              @if($mensaje['email_asegurado']->error == 0) {{ 'alert-success' }}
                              @else {{ 'alert-danger' }}
                              @endif ">
                        {{ $mensaje['email_asegurado']->mensaje }}
                      @endif

                      @if (isset($mensaje['email_productor']))
                        <div role="alert" class="alert my-1 alert-dismissible fade show
                              @if($mensaje['email_productor']->error == 0) {{ 'alert-success' }}
                              @else {{ 'alert-danger' }}
                              @endif ">
                        {{ $mensaje['email_productor']->mensaje }}
                      @endif

                      @if (isset($mensaje['email_callcenter']))
                        <div role="alert" class="alert my-1 alert-dismissible fade show
                              @if($mensaje['email_callcenter']->error == 0) {{ 'alert-success' }}
                              @else {{ 'alert-danger' }}
                              @endif ">
                        {{ $mensaje['email_callcenter']->mensaje }}
                      @endif
                    </div>

                    @else
                      <div role="alert" class="alert my-1 alert-dismissible fade show alert-danger">
                        El endoso no pudo realizarse.
                      </div>
                    @endif

                    </div>
                  </div>
              @endif

              {{ session()->forget('mensaje') }}


              <div class="row my-2 justify-content-center">
                <div class="col-sm text-center">
                  <br>
                  <p class="lead">Ingresa el número de Póliza</p>
                </div>
              </div>

              <br>

              <div class="row">
                <div class="col col-md-10 mx-auto">
                  <form class="form" id="form_poliza" onSubmit="checkPoliza(event)" method="POST">
                    @csrf
                    <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 col-md-4 justify-content-center">
                        <input class="form-control" 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>
                    <span class="my-2 mx-auto text-center" style="display:none;" id="cargador">Espere, estamos cargando los datos.</span>
                  </form>
                </div>
              </div>

              <br>

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

              <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">
                <div class="col-12" id="asegurado_datos" style="display: none;">
                  <div class="my-3 mx-auto col col-md-8">
                    <div class="card">
                      <div class="card-body">
                        <h5 class="card-title"></h5>
                        <p class="card-text" style="font-size: 14px; color: black;">
                          <b style="font-weight: bold;">Nombre completo:</b> <span id="asegurado_nombre"></span><br>
                          <b style="font-weight: bold;">Marca:</b> <span id="moto_marca"></span><br>
                          <b style="font-weight: bold;">Modelo:</b> <span id="moto_modelo"></span><br>
                          <b style="font-weight: bold;">Patente:</b> <span id="moto_patente"></span><br>
                        </p>
                      </div>
                    </div>
                  </div>
                </div>
              </div>

              <div class="row text-center justify-content-center align-items-center">
                <div class="col-8 mx-auto">
                  <form class="form" id="form_endoso" method="POST" style="display: none; color: black;">
                    <label>Tipo de endoso: </label><br><br>
                    <select class="form-control custom-select col col-md-8 mx-auto text-center" onchange="getDatosEndosar(event)" id="endoso_tipo" name="endoso_tipo">
                      <option value="" selected disabled>Selecciona...</option>
                      @foreach($endosos_tipo as $endoso_tipo)
                        <option value={{ $endoso_tipo->id }}>{{ $endoso_tipo->descripcion }}</option>
                      @endforeach
                    </select>
                  </form>
                </div>
              </div>

              <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 my-2 mx-auto" role="status" id="campos_endoso_load" style="display: none">
                <span class="sr-only">Cargando...</span>
              </div>

              <div class="row my-3">
                <div class="col-8 mx-auto text-center">
                  <form class="form" enctype="multipart/form-data" 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')
                    <button class="btn btn-sm btn-primary col col-md-6">Solicitar endoso</button>
                    <div class="row d-flex flex-row-reverse my-1">
                    </div>
                  </form>
                </div>
              </div>

            </div>
          </div>
        </div>
      </div>
    </section>
  </main>
@endsection