@extends('layouts.app')

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

    <section id="secPortalSanpa" class="paddingtop contGenerico">
      <div class="container containerBootstrap">
        <div class="row justify-content-center">
          <div class="col-md-10">
            <div class="card {{session('dark_theme_card')}} card-contentBootstrap">

              <div class="card-header">
                @if ($certificado == 0) Cupones @else Certificado de Cobertura @endif
              </div>

              <div class="container-fluid">

                <form class="form" onsubmit="loading()"  action="{{route('BuscarPolizas')}}" method="POST">
                  @csrf
                  <div class="row justify-content-center">
                    <div class="col-sm text-center"><br>
                      <p class="lead">Ingresa el número de POLIZA o DNI</p>
                    </div>
                  </div>
                  <br>
                  <div class="row justify-content-center">
                    <div class="input-group col-sm justify-content-center">
                      <input class="form-control col-md-4" id="documento_numero" name="dni" type="number" placeholder="DNI">
                      <div class="input-group-append">
                        <button class="btn btn-outline-primary boton_busqueda" id="documento_numero" type="submit" >Buscar</button>
                      </div>
                    </div>
                  </div>
                  <br>
                  <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" name="poliza" type="number" placeholder="POLIZA">
                      <div class="input-group-append">
                        <button class="btn btn-outline-primary boton_busqueda" id="poliza_numero" type="submit" >Buscar</button>
                      </div>
                    </div>
                  </div>
                  @if ($certificado == 1)
                    <input type="hidden" name="certificado" value="1">
                  @else
                    <input type="hidden" name="certificado" value="0">
                  @endif
                  <center style="display:none;" id="cargador"><br>Espere, estamos cargando los datos.</center>
                </form>

                <br><br>

                @if ((isset($error)) && ($error == 1))
                  <center>
                    <div class="alert alert-primary" role="alert">
                      No encontramos una póliza vigente asociada al DNI ingresado.
                    </div>
                  </center>
                @endif

                @if ((isset($datos)) && (isset($error)) && ($error == 0))
                  <div class="row col-12 justify-content-center align-items-center" id="asegurado_datos" >
                    <div class="mt-2 col-md-8 mb-3">
                      <div class="card mb-1">
                        <div class="card-body">
                          <p class="card-text" style="font-size: 14px; color: black;">
                            <b>Nombre completo:</b> <span id="asegurado_nombre">{{$datos->lastname}} {{$datos->name}}</span><br>
                          </p>
                        </div>
                      </div>
                    </div>
                  </div>
                  @foreach ($datos->policies as $NumeroPoliza => $poliza)
                    <div class="row col-12 justify-content-center align-items-center" id="asegurado_datos" >
                      <div class="mt-2 col-md-8 mb-3">
                        <div class="card mb-1">
                          <div class="card-body">
                            <p class="card-text" style="font-size: 14px; color: black;">
                              <b>Póliza:</b> <span id="asegurado_nombre">{{$NumeroPoliza}}</span><br>
                              <b>Moto:</b> <span id="moto_marca">{{$poliza->bike}}</span><br>
                              <b>Productor:</b> <span id="moto_modelo">{{$poliza->broker_name}}</span><br>
                              <b>Cobertura:</b> <span id="moto_patente">{{$poliza->coverage}}</span><br>
                              <b>Vigencia:</b> <span id="moto_patente">Desde {{$poliza->from}} hasta {{$poliza->until}}</span><br>
                            </p>
                            <center>
                              @if ($certificado == 0)
                                <form action="{{ route('GenerarPlanDePago') }}" method="POST">
                                  @csrf
                                  <input type="hidden" name="poliza_numero" value="{{$NumeroPoliza}}">
                                  <input type="hidden" name="dni" value="{{$dni}}">
                                  <button type="submit"  class='btn btn-light'>
                                    <i class="fas fa-money-check-alt"></i>&nbsp;
                                    Plan de Pago
                                  </button>
                                </form>
                              @else
                                <br>
                                @if (isset($misDenuncias[$NumeroPoliza]))
                                  <a target="_blank" class="btn btn-light" href="https://servicios.spseguros.com.ar/certificadoCobertura/{{$misDenuncias[$NumeroPoliza]['id']}}/{{$NumeroPoliza}}">Certificado de Cobertura</a>
                                  <a target="_blank" class="btn btn-light" href="http://spdenuncias.spseguros.com.ar/GeneratePDF/{{$misDenuncias[$NumeroPoliza]['id']}}/{{$NumeroPoliza}}">Comprobante de pre denuncia</a>
                                @else
                                  <div class="alert alert-primary" role="alert">
                                    No hay pre denuncias cargadas.<br> Para cargar una pre denuncia haz <a href="https://spdenuncias.spseguros.com.ar/" target="_blank">clic aquí</a>
                                  </div>
                                @endif
                              @endif
                            </center>
                          </div>
                        </div>
                      </div>
                    </div>
                  @endforeach
                @endif
              </div>
            </div>
          </div>
        </section>
      </main>
      <script src="{{ asset('js/endosos.js') }}"></script>
    @endsection