@extends('layouts.app')

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

    <section id="secPortalSanpa" class="paddingtop contGenerico">
      <div class="container containerBootstrap">
        <div class="row">
          <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="contOpciones">
            <a href="{{ route('endosos_baja_poliza') }}" class="abtnitem azul">

              <div class="imagen"></div>

              <div class="contTexto">
                <p class="titulo">Baja de Pólizas</p>
              </div>
              <div class="contAngle"><i class="far fa-angle-right"></i></div>

            </a>
          </div>
        </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 Baja
              </div>
              <form class="form" id="form_poliza" onSubmit="checkPoliza(event)">
                <div class="row justify-content-center">
                  <div class="col-sm text-center">
                    <p class="lead py-2">Ingresa el número de Póliza</p>
                  </div>
                </div>
                <br>
                <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="btn_buscar_poliza"
                        type="submit">Buscar</button>
                    </div>
                  </div>
                </div>
              </form>

              <!-- Modal de Validación -->
              <div class="modal fade" id="modalValidacion" tabindex="-1" role="dialog"
                aria-labelledby="modalValidacionLabel" aria-hidden="true">
                <div class="modal-dialog modal-dialog-centered" role="document">
                  <div class="modal-content {{session('dark_theme_card')}}">
                    <div class="modal-header">
                      <h5 class="modal-title" id="modalValidacionLabel">Validación de Póliza</h5>
                      <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                      </button>
                    </div>
                    <div class="modal-body" id="modalValidacionBody">
                      <!-- Contenido dinámico -->
                      <div class="text-center">
                        <div class="spinner-border text-primary" role="status">
                          <span class="sr-only">Cargando...</span>
                        </div>
                      </div>
                    </div>
                    <div class="modal-footer" id="modalValidacionFooter">
                      <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
                    </div>
                  </div>
                </div>
              </div>

              <br><br><br>
              <table class="table">
                <thead class="card-header-tabs">
                  <td>Póliza</td>
                  <td>Fecha</td>
                  <td>Estado</td>
                </thead>
                <tbody>

                  @foreach($historial as $row)
                    @php
                      setlocale(LC_TIME, 'es_ES.UTF-8'); // Ajusta este valor al locale que necesites
                      $fechaFormateada = strftime("%A %d de %B del %Y", strtotime($row->created_at));
                      setlocale(LC_TIME, ''); // Restablecer al predeterminado del sistema
                    @endphp
                    <tr>
                      <td>{{$row->poliza}}</td>
                      <td>{{ $fechaFormateada }}</td>
                      <td>{{$row->estado}}</td>
                    </tr>
                  @endforeach

                </tbody>
              </table>
            </div>

          </div>
        </div>

      </div>
      </div>
      </div>
      </div>
      <section>
  </main>
  <script type="text/javascript">
    // Espera a que se cargue la ventana para asegurarse de que el DOM esté listo
    window.onload = function () {

      document.getElementById("form_poliza").onsubmit = function (event) {
        event.preventDefault();

        var polizaNumero = document.getElementById("poliza_numero").value;
        if (!polizaNumero) {
          alert("Por favor ingrese un número de póliza");
          return;
        }

        // Mostrar modal con spinner
        $('#modalValidacion').modal('show');
        $('#modalValidacionBody').html('<div class="text-center"><div class="spinner-border text-primary" role="status"><span class="sr-only">Cargando...</span></div></div>');
        $('#modalValidacionFooter').html('<button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>');

        // AJAX a la nueva ruta
        fetch(`{{ route('validarPolizaAnulacion', ['poliza_numero' => ':poliza_numero']) }}`.replace(':poliza_numero', polizaNumero))
          .then(response => response.json())
          .then(data => {
            if (data && data.length > 0) {
              const info = data[0];

              // console.log(info);

              let htmlBody = `
                          <div class="p-3">
                            <p><strong>Asegurado:</strong> ${info.ApellidoNombre || 'N/A'}</p>
                            <p><strong>DNI/CUIT:</strong> ${info.DNIoCUIT || 'N/A'}</p>
                            <p><strong>Estado:</strong> ${info.Estado || 'N/A'}</p>
                            <hr>
                        `;

              // Determine which policy to cancel based on state and dates
              let polizaParaAnular = polizaNumero;
              let mensajeEstado = '';
              let mostrarBotonAnular = false;

              if (info.Estado === "Vigente") {
                // Policy is active, can be cancelled
                mensajeEstado = '<div class="alert alert-success">La póliza buscada está vigente.</div>';
                mostrarBotonAnular = true;
                polizaParaAnular = polizaNumero;
              } else if (info.Estado === "Renovado") {
                // Check if the policy's vigency period has expired
                if (info.VigenciaDesde) {
                  // Parse the date (assuming format DD/MM/YYYY or YYYY-MM-DD)
                  let vigenciaDesde = new Date(info.VigenciaDesde);

                  // If parsing failed, try alternative format
                  if (isNaN(vigenciaDesde.getTime())) {
                    const parts = info.VigenciaDesde.split('/');
                    if (parts.length === 3) {
                      vigenciaDesde = new Date(parts[2], parts[1] - 1, parts[0]);
                    }
                  }

                  // Add 1 year to get vigency end date
                  let vigenciaHasta = new Date(vigenciaDesde);
                  vigenciaHasta.setFullYear(vigenciaHasta.getFullYear() + 1);

                  // Compare with current date
                  let hoy = new Date();

                  if (hoy < vigenciaHasta) {
                    // Vigency hasn't expired yet, can cancel the searched policy
                    mensajeEstado = '<div class="alert alert-success">La póliza buscada está en estado Renovado pero aún dentro del período de vigencia.</div>';
                    mostrarBotonAnular = true;
                    polizaParaAnular = polizaNumero;
                  } else {
                    // Vigency has expired, must cancel the renewed policy
                    if (info.PolizaRenovada) {
                      mensajeEstado = `<div class="alert alert-warning">La póliza buscada ya finalizó su vigencia. La póliza vigente actual es la número: <strong>${info.PolizaRenovada}</strong></div>`;
                      mostrarBotonAnular = true;
                      polizaParaAnular = info.PolizaRenovada;
                    } else {
                      mensajeEstado = '<div class="alert alert-danger">La póliza buscada ya finalizó su vigencia y no se encontró una póliza renovada.</div>';
                      mostrarBotonAnular = false;
                    }
                  }
                } else {
                  // No vigency date available, check if there's a renewed policy
                  if (info.PolizaRenovada) {
                    mensajeEstado = `<div class="alert alert-warning">La póliza buscada está en estado Renovado. La póliza vigente actual es la número: <strong>${info.PolizaRenovada}</strong></div>`;
                    mostrarBotonAnular = true;
                    polizaParaAnular = info.PolizaRenovada;
                  } else {
                    mensajeEstado = '<div class="alert alert-danger">La póliza buscada está en estado Renovado pero no se encontró información de vigencia.</div>';
                    mostrarBotonAnular = false;
                  }
                }
              } else {
                // Other states (Anulada, Caducada, etc.)
                mensajeEstado = `<div class="alert alert-danger">La póliza buscada <strong>no está vigente</strong> (Estado: ${info.Estado}).</div>`;
                mostrarBotonAnular = false;
              }

              htmlBody += mensajeEstado;

              // Set footer buttons
              if (mostrarBotonAnular) {
                $('#modalValidacionFooter').html(`
                            <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
                            <button type="button" class="btn btn-primary" onclick="empezarBaja('${polizaParaAnular}')">Empezar</button>
                          `);
              } else {
                $('#modalValidacionFooter').html(`
                            <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
                            <button type="button" class="btn btn-info" onclick="buscarPorDNI('${info.DNIoCUIT}')">Buscar por DNI</button>
                          `);
              }

              htmlBody += `</div>`;
              $('#modalValidacionBody').html(htmlBody);

            } else {
              $('#modalValidacionBody').html('<div class="alert alert-warning">No se encontró información para la póliza ingresada.</div>');
            }
          })
          .catch(error => {
            console.error('Error:', error);
            $('#modalValidacionBody').html('<div class="alert alert-danger">Ocurrió un error al validar la póliza.</div>');
          });
      };
    };

    function empezarBaja(poliza) {
      const productorCodigo = document.getElementById("productor_codigo").value;
      const url = `https://misegurosp.com.ar/BajaPolizaApp/${poliza}/${productorCodigo}`;
      window.open(url, '_blank');
      $('#modalValidacion').modal('hide');
    }

    function buscarPorDNI(dni) {
      // Mostrar spinner mientras se busca
      $('#modalValidacionBody').html('<div class="text-center"><div class="spinner-border text-primary" role="status"><span class="sr-only">Buscando pólizas...</span></div><p class="mt-2">Buscando pólizas activas para DNI/CUIT: ' + dni + '</p></div>');
      $('#modalValidacionFooter').html('<button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>');

      // Llamar al endpoint local
      fetch(`{{ url('endosos/buscar-polizas-dni') }}/${dni}`)
        .then(response => response.json())
        .then(data => {
          // console.log('DNI Search Response:', data);

          // Check if data is valid
          if (data && data !== false && Array.isArray(data) && data.length > 0) {
            // Filter policies where poliza_vigente is 'true' AND today < vigenciaHasta
            const hoy = new Date();
            const polizasVigentes = data.filter(poliza => {
              if (poliza.poliza_vigente !== 'true') return false;

              // Parse vigenciaHasta date
              const vigenciaHasta = new Date(poliza.poliza_vigenciaHasta);

              // Only include if today is before vigenciaHasta
              return hoy < vigenciaHasta;
            });

            if (polizasVigentes.length > 0) {
              // Valid policies found
              let htmlBody = `
                        <div class="p-3">
                          <h5>Pólizas activas encontradas para DNI/CUIT: ${dni}</h5>
                          <hr>
                      `;

              polizasVigentes.forEach((poliza, index) => {
                // Format dates to dd/mm/yyyy
                const formatDate = (dateString) => {
                  if (!dateString) return 'N/A';
                  const date = new Date(dateString);
                  const day = String(date.getDate()).padStart(2, '0');
                  const month = String(date.getMonth() + 1).padStart(2, '0');
                  const year = date.getFullYear();
                  return `${day}/${month}/${year}`;
                };

                htmlBody += `
                          <div class="mb-3 p-2 border rounded">
                            <p><strong>Póliza #${index + 1}:</strong> ${poliza.PolizaNro || 'N/A'}</p>
                            <p><strong>Vigencia Desde:</strong> ${formatDate(poliza.poliza_vigenciaDesce)}</p>
                            <p><strong>Vigencia Hasta:</strong> ${formatDate(poliza.poliza_vigenciaHasta)}</p>
                            ${poliza.Patente || poliza.moto_patente ? `<p><strong>Patente:</strong> ${poliza.Patente || poliza.moto_patente}</p>` : ''}
                          </div>
                        `;
              });

              htmlBody += `</div>`;
              $('#modalValidacionBody').html(htmlBody);
            } else {
              // No active policies found
              $('#modalValidacionBody').html('<div class="alert alert-warning"><strong>No se encontraron pólizas vigentes</strong> para el DNI/CUIT: <strong>' + dni + '</strong></div>');
            }
          } else {
            // No se encontraron pólizas vigentes
            $('#modalValidacionBody').html('<div class="alert alert-warning"><strong>No se encontraron pólizas vigentes</strong> para el DNI/CUIT: <strong>' + dni + '</strong></div>');
          }
        })
        .catch(error => {
          console.error('Error:', error);
          $('#modalValidacionBody').html('<div class="alert alert-danger">Ocurrió un error al buscar las pólizas por DNI.</div>');
        });
    }
  </script>

@endsection