@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">
                Cupones
              </div>

              <div class="container-fluid">

                <div class="row my-4">
                  <div class="col">
                    <a class="btn btn-outline-danger btn-sm" href="{{Route('BuscarPlanPago')}}">
                      <i class="bi bi-arrow-left"></i>
                      Volver a Cupones
                    </a>
                  </div>
                </div>

                <div class="mb-4">
                  <h5 class="text-muted mb-3">Plan de Pago - Póliza <strong>{{$poliza}}</strong></h5>
                  @if (isset($cupones))
                    @if (count($cupones) >= 1)
                      @if ($cupones[0]->metodo_pago != "Efectivo")
                        <div class="alert alert-primary" role="alert">
                          La poliza seleccionada se encuentra adherida al sistema de cobro por debito automatico, y no se pueden generar cupones
                        </div>
                      @else
                        <div class="table-responsive">
                          <table class="table table-hover table-borderless align-middle">
                            <thead class="table-light">
                              <tr>
                                <th scope="col" class="ps-3 fw-600">Endoso</th>
                                <th scope="col" class="fw-600">Estado</th>
                                <th scope="col" class="fw-600">Premio</th>
                                <th scope="col" class="fw-600">Vencimiento</th>
                                <th scope="col" class="text-center fw-600">Seleccionar</th>
                              </tr>
                            </thead>
                            <tbody>
                              @foreach ($cupones as $cupon)
                                @if ($cupon->mensaje == "true")
                                  @php
                                    $mostrar_boton = 1;
                                    $estado = ucfirst($cupon->cuota_estado);
                                    $estado_class = $estado === 'Pago' ? 'success' : ($estado === 'Pendiente' ? 'warning' : '');
                                  @endphp
                                  <tr class="border-bottom">
                                    <td class="ps-3 m">
                                      <span>{{(int) $cupon->endoso}}</span>
                                    </td>
                                    <td>
                                      <span class="bg-{{$estado_class}}">{{$estado}}</span>
                                    </td>
                                    <td>
                                      <strong>$ {{(int) substr($cupon->premio,0,-2)}},{{substr($cupon->premio,-2)}}</strong>
                                    </td>
                                    <td>
                                      <small class="text-muted">{{$cupon->vencimiento_fecha}}</small>
                                    </td>
                                    <td class="text-center">
                                      @if($cupon->cuota_estado != "pago")
                                        <div class="form-check d-flex justify-content-center">
                                          <input class="form-check-input" type="checkbox" @if(strtotime(date('Y-m-d')) > strtotime($cupon->vigencia_desde)) disabled="disabled" checked="checked" @endif id="cupon_{{(int) $cupon->endoso}}" @if(strtotime(date('Y-m-d')) <= strtotime($cupon->vigencia_desde)) class="checkboxCupon" @else class="checkboxCupon2" @endif name="cupon[]" value="{{(int) $cupon->endoso}}">
                                        </div>
                                      @else
                                        <span class="bg-light text-dark">N/A</span>
                                      @endif
                                    </td>
                                  </tr>
                                @else
                                  <tr>
                                    <td colspan="5">
                                      <div class="alert alert-info mb-0 py-2">
                                        <i class="bi bi-info-circle"></i> La póliza seleccionada no se encuentra vigente para generar cupones.
                                      </div>
                                    </td>
                                  </tr>
                                  @php
                                    break;
                                  @endphp
                                @endif
                              @endforeach
                            </tbody>
                          </table>
                        </div>
                        @endif
                        @if (isset($mostrar_boton))
                          <div class="d-flex gap-2 mt-4">
                            <button type="button" class="btn btn-success" onclick="GenerarUrlCupones();">
                              <i class="bi bi-download mx-2"></i> 
                              Generar Cupones
                            </button>
                          </div>
                          <input type="hidden" id="input_poliza2" value="{{$poliza}}">
                          <input type="hidden" id="dni_input2" value="{{$dni}}">
                        @endif
                      @endif
                    @endif
                  </div>
                </div>
              </div>
            </div>
            <button class="btn btn-sm btn-primary col-12">Buscar</button-->
            <br><br>
          </form>

          @if (isset($paso))
            <p class="lead">Plan de Pago Poliza: {{$poliza}}</p>
            @if (isset($cupones))
              @if (count($cupones) >= 1)
                @if ($cupones[0]->metodo_pago != "Efectivo")
                  <div class="alert alert-primary" role="alert">
                    La poliza seleccionada se encuentra adherida al sistema de cobro por debito automatico, y no se pueden generar cupones
                  </div>
                @else
                  <table class="table">
                    <thead>
                      <tr>
                        <td>Endoso</td>
                        <td>Estado</td>
                    <!--    <td>Premio</td> -->
                        <td>Vencimiento</td>
                        <td><center>Imprimir Cupon</center></td>
                      </tr>
                    </thead>
                    <tbody>
                      @foreach ($cupones as $cupon)
                        @if ($cupon->mensaje == "true")
                          @php
                            $mostrar_boton = 1;
                          @endphp
                          <tr>
                            <td>{{(int) $cupon->endoso}}</td>
                            <td>{{ucfirst($cupon->cuota_estado)}}</td>
                           <!--  <td>$ {{(int) substr($cupon->premio,0,-2)}},{{substr($cupon->premio,-2)}}</td>  -->
                            <td>{{$cupon->vencimiento_fecha}}</td>
                            <td>
                              @if($cupon->cuota_estado != "pago")
                                <center><input type="checkbox" @if(strtotime(date('Y-m-d')) > strtotime($cupon->vigencia_desde)) disabled="disabled" checked="checked" class="checkboxCupon2" @else class="checkboxCupon" @endif name="cupon[]"  value="{{(int) $cupon->endoso}}"></center>
                                @else
                                  <center><small>N/A</small></center>
                                @endif
                              </td>
                            </tr>

                          @else
                            <tr>
                              <td></td>
                              <td></td>
                              <td></td>
                              <td></td>
                              <td>
                                La póliza seleccionada no se encuentra vigente para generar cupones.
                              </td>
                            </tr>
                            @php
                              break;
                            @endphp
                          @endif
                        @endforeach
                      </tbody>
                    </table>
                  @endif
                  @if (isset($mostrar_boton))
                    <button type="button" class="btn btn-success btn-sm" onclick="GenerarUrlCupones();">Generar Cupones</button>
                    <input type="hidden" id="input_poliza2" value="{{$poliza}}">
                    <input type="hidden" id="dni_input2" value="{{$dni}}">
                  @endif
                @endif
              @endif
            @endif
          </div>
        </div>
      </div>
          </section>
        </main>
@endsection

@push('scripts')
  <script>
    function GenerarUrlCupones() {
      let cupones = [];
      let cupones2 = [];
      let dni     = $('#dni_input2').val();
      let poliza  = $('#input_poliza2').val();
      $("input:checkbox:checked").each(function() {
        cupones.push($(this).val());
      });

      $(".checkboxCupon:checkbox:checked").each(function() {
        cupones2.push($(this).val());
      });

      let cuponesUrl = cupones.join('-');
      let url = 'https://servicios.spseguros.com.ar/cobranza/cupones/'+poliza+'/'+dni+'/1/'+cuponesUrl;
      window.open(url, '_blank').focus();
    }
  </script>
@endpush