@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 card-contentBootstrap">

              <div class="card-header">Rechazos</div>

              <div class="container-fluid">

                <div class="row text-center">
                  <div class="col-12">
                    <p class="h4 py-2">Por defecto, la tabla trae los rechazos del mes actual.</p>
                    <p class="h4 py-2">Para que la tabla muestre más registros, use los recuadros.</p>
                    <p class="h4 py-2">No es necesario completar todos.</p>
                    <p class="h4 py-2">Para FILTRAR dentro de la tabla, use las cuadrillas DEBAJO de la misma.</p>
                    <br>

                    {{-- CUSTOM SEARCH PANES --}}
                    <form class="form" action="{{route('filtrarRechazos')}}" method="post">
                      @csrf

                      <div class="row container-fluid justify-content-center text-center">

                        <div class="col-md-2 border border-secondary rounded pb-1 m-1 col-sm-auto">
                          <p class="lead my-0 py-2 align-middle">Poliza:</p>
                          <input class=" form-control col-md my-2" type="text" name="poliza_numero" placeholder="Número" value="{{old('poliza_numero') ?? ''}}">
                        </div>

                        <div class="col-md-2 border border-secondary rounded pb-1 m-1 col-sm-auto">
                          <p class="lead my-0 py-2 align-middle">Entidad:</p>
                          <select class="form-control custom-select  col-md my-2" name="entidad">
                            <option value="" selected disabled>Seleccione...</option>
                            <option value="AMEX" {{old('entidad') == 'AMEX' ? selected : ''}}>AMEX</option>
                            <option value="CABAL" {{old('entidad') == 'CABAL' ? selected : ''}}>CABAL</option>
                            <option value="CBU" {{old('entidad') == 'CBU' ? selected : ''}}>CBU</option>
                            <option value="MASTERCARD" {{old('entidad') == 'MASTERCARD' ? selected : ''}}>MASTERCARD</option>
                            <option value="NARANJA" {{old('entidad') == 'NARANJA' ? selected : ''}}>NARANJA</option>
                            <option value="VISA" {{old('entidad') == 'VISA' ? selected : ''}}>VISA</option>
                          </select>
                        </div>

                        <div class="col-md-2 border border-secondary rounded pb-1 m-1 col-sm-auto">
                          <p class="lead my-0 py-2 align-middle">PAS:</p>
                          <input class=" form-control col-md my-2 order-last" type="text" name="pas_codigo" placeholder="Número" value="{{old('pas_codigo') ?? ''}}">
                        </div>

                        <div class="col-md-2 border border-secondary rounded py-2 m-1 col-sm-auto">
                          <p class="lead">Fecha:</p>
                          <div class="form-group">
                            <input class="col form-control " name="fecha_desde" type='date' />
                          </div>
                          <p>hasta</p>
                          <div class="form-group">
                            <input name="fecha_hasta" type='date' class="form-control " />
                          </div>
                        </div>

                      </div>

                    </div>
                  </div>

                  <div class="row my-3 text-center">
                    <div class="col-sm mt-3">
                      <button class="btn btn-outline-success mx-auto" type="submit">Aplicar todo</button>
                    </div>
                  </div>

                </form>
                {{-- END SEARCH FORM --}}

                <br>

                @if ($errors->any())
                  <div class="col-6 mx-auto text-center alert alert-info alert-dismissible fade show" role="alert">
                    {{ $errors->first() }}
                  </div>
                @endif

                <hr>

                <br>
                  <div class="col-6 mx-auto text-center alert alert-info alert-dismissible fade show" role="alert">
                     Los cupones están disponibles por 7 días desde la fecha de rechazo, para ser descargado sin cambiar la forma de pago.
                  </div>
                  <br>
                @if ($lista_rechazos)
                  <table id="tablaRechazos" class="table table-sm table-responsive table-hover mx-auto">
                    <thead class="text-center table-active">
                      <tr>
                        <th>#</th>
                        <th>Poliza</th>
                        <th>PAS</th>
                        <th>Asegurado</th>
                        <th>Endoso</th>
                        <th>Medio de Pago</th>
                        <th>Importe</th>
                        <th>Fecha de Rechazo</th>
                        <th>Motivo</th>
                          <th>Descargar Cupón</th>
                      </tr>
                    </thead>

                    <tbody>
                                            @foreach( $lista_rechazos as $rechazo)
                        {{-- {{dd($rechazo)}} --}}
                        <tr class="text-center">
                          <td> <span> {{ $index++ }} </span> </td>
                          <td> <span> {{ $rechazo['poliza_numero'] ?? ''}} </span> </td>
                          <td> <span> {{ $rechazo['productor_codigo'] ?? '' }} </span> </td>
                          <td> <span> {{ $rechazo['asegurado_nombre'] ?? '' }} </span> </td>
                          <td> <span> {{ $rechazo['endoso_numero'] ?? '' }}  </span> </td>
                          <td> <span> {{ $rechazo['medio_pago']    ?? '' }}     </span> </td>
                          <td> <span> {{ $rechazo['cuota_importe'] ?? '' }}  </span> </td>
                          <td> <span> {{ $rechazo['fecha_rechazo'] ?? '' }}  </span> </td>
                          <td> <span> {{ $rechazo['rechazo_motivo'] ?? '' }} </span> </td>
                            <td>
                            @php
                            if(array_key_exists('numero_documento',$rechazo)){
                                if(is_numeric($rechazo['numero_documento'])){
                                    $hoy = date('Y-m-d');
                                     $hash = (int) rand(10000000,9999999999999);
                                     $fecha1 = date_create($rechazo['fecha_rechazo']);
                                        $fecha2 = date_create($hoy);
                                        $dias = (int) date_diff($fecha1, $fecha2)->format('%a');
                                        if($dias <= 7){
                                            echo ' <a target="_blank" class="btn btn-sm btn-primary" href="http://servicios.spseguros.com.ar/api/cupones/CuponesMiSeguroSp/'.$rechazo['poliza_numero'].'/'.$rechazo['numero_documento'].'/0/0/0/1/'.$hash.'">
                                                                 Cupón
                                                                <i class="icon-download fas fa-download"></i>
                                                            </a>';
                                        }
                                    }
                                }
                            @endphp
                            </td>
                        </tr>
                      @endforeach
                    </tbody>

                    <tfoot>
                      <tr class="text-center">
                        <th>FILTROS:</th>
                        <th>Poliza</th>
                        <th>PAS</th>
                        <th>Asegurado</th>
                        <th></th>
                        <th>Medio de Pago</th>
                        <th></th>
                        <th>Fecha de Rechazo</th>
                        <th></th>
                      </tr>
                    </tfoot>

                  </table>
                @endif

              </div>

              <br>
              <br>

            </div>

          </div>
        </div>

      </div>

    </section>
  <main>
@endsection

@push('scripts')
  <script type="text/javascript">
  $(document).ready(function() {
    $('#tabla_endosos').DataTable( {
      responsive: true
    });
    var dt = $('#tablaRechazos').DataTable({
      initComplete: function () {
        // Apply the search
        this.api().columns().every( function () {
          var that = this;

          $( 'input', this.footer() ).on( 'keyup change clear', function () {
            if ( that.search() !== this.value ) {
              that
              .search( this.value )
              .draw();
            }
          } );
        } );
      },
      searchPanes: {
        i18n: {
          emptyMessage: "<i><b>Vacio</b></i>"
        },
        cascadePanes: true,
        layout: 'columns-3',
        columns: [2, 5, 7],
      },
      buttons: ['excel'],
      order: [[7, 'desc']],
      responsive: true,
      // search panes: <"row"<"col"P>> global search: <"row"<"col"f>>
      dom: '<"row"<"col"t>> <"row"<"col my-2"l><"col my-2"p>> <"row my-3 text-center"<"col"B>> <r> ',
      language: {
        url: "//cdn.datatables.net/plug-ins/1.11.4/i18n/es_es.json"
      }
    });

    // Search filter footer
    $('#tablaRechazos tfoot th').each( function () {
      var title = $(this).text();
      if (title === '' || title === 'FILTROS:') return;
      $(this).html( '<input type="text" class="col col-md-9 " placeholder="'+title+'" />' );
    });
  });
  </script>
@endpush