@if(session('theme') == 'dark')
  @php $theme = 'layouts.app_dark' @endphp
@else
  @php $theme = 'layouts.app' @endphp
@endif

@extends($theme)

@section('title', ' | '.session('modulo_activo'))

@include('layouts.navbar_modulos_habilitados')

@section('content')
  <div class="container">
    <div class="row justify-content-center">
      <div class="col-md-10">
        <div class="card  {{ session('dark_theme_card') }}">

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

          <div class="card-body {{session('dark_theme_bg_black')}}">
            <div class="container m-0 mt-2">

              <form class="form" action="{{ route('RechazosFiltrados') }}" method="POST" enctype="multipart/form-data">
                @csrf

                <div class="row justify-content-center">
                  <div class="col-sm col-md col-lg-8 mb-3">
                    <div class="input-group">
                      <select class="form-control form-select {{session('dark_theme_bg_black')}}" id="inputTipoCodigo" name="tipo_codigo">
                        <option value="null" disabled selected>Elegir...</option>
                        <option value="PAS" {{ old('tipo_codigo') == "PAS" ? 'selected' : '' }}>Productor</option>
                        <option value="ORG" {{ old('tipo_codigo') == "ORG" ? 'selected' : '' }}>Organizador</option>
                      </select>
                      <label class="input-group-text {{session('dark_theme_bg_dark')}}" for="inputTipoCodigo">Codigo:</label>
                      <input type="text" class="form-control {{session('dark_theme_bg_black')}}" value="{{ old('codigo_corto') ?? '' }}" placeholder="Ingresar numero" name="codigo_corto" aria-label="Button" required>
                    </div>
                  </div>
                </div>

                <hr>

                <div class="row">
                  <div id="tablaRechazosFiltros" class="container-fluid">

                    <div class="row my-2 row-cols-md-4 input-group">
                      <label class="form-text col-sm text-right lead my-0" for="input_poliza">Poliza: </label>
                      <div class="col-sm input-group-sm">
                        <input id="input_poliza" class="form-control col-sm {{session('dark_theme_bg_black')}}" placeholder="Ingresar numero" type="text" name="poliza_numero" value="{{ old('poliza_numero') ?? '' }}">
                      </div>

                      <label class="form-text col-sm text-right lead my-0" for="sb_medio_pago">Medio de Pago: </label>
                      <div class="col-sm input-group-sm">
                        <select id="sb_medio_pago" class="custom-select input-group col-sm {{session('dark_theme_bg_black')}}" name="medio_pago">
                          <option selected disabled>Seleccione...</option>
                          <option value="VISA" {{ old('medio_pago') == "VISA" ? 'selected' : '' }}>VISA</option>
                          <option value="MASTERCARD" {{ old('medio_pago') == "MASTERCARD" ? 'selected' : '' }}>MASTERCARD</option>
                          <option value="AMEX" {{ old('medio_pago') == "AMEX" ? 'selected' : '' }}>AMERICAN EXPRESS</option>
                          <option value="CABAL" {{ old('medio_pago') == "CABAL" ? 'selected' : '' }}>CABAL</option>
                          <option value="CBU" {{ old('medio_pago') == "CBU" ? 'selected' : '' }}>CBU</option>
                        </select>
                      </div>
                    </div>

                    <hr>

                    <div class="row my-2">
                      <div class="col-sm pr-md-5 my-2">
                        <div class="row text-left">
                          <label class="col-sm form-text text-right lead my-0" for="sb_anio">Desde:</label>
                          <select id="sb_anio" name="anio" class="col-sm custom-select custom-select-sm mx-2 {{session('dark_theme_bg_black')}}">
                            <option selected disabled>Año</option>
                                                        @while($anio_elegible <= $anio_actual)
                              <option value="{{ $anio_elegible }}" {{ old('anio') == $anio_elegible ? 'selected' : '' }}> {{ $anio_elegible }} </option>
                                                          @endwhile
                          </select>

                          <select id="sb_mes" name="mes" class="col-md-4 col-sm custom-select custom-select-sm mx-2 {{session('dark_theme_bg_black')}}">
                            <option selected disabled>Mes</option>
                                                        @foreach($meses as $num_mes => $mes)
                              <option value="{{ $num_mes }}" {{ old('mes') == $num_mes ? 'selected' : '' }}> {{ $mes }} </option>
                            @endforeach
                          </select>
                        </div>
                      </div>

                      <div class="col">
                        <div class="row align-items-center my-2">
                          <label class="col-sm form-text text-right lead m-0" for="sb_anio_hasta">Hasta:</label>
                          <select id="sb_anio_hasta" name="anio_hasta" class="col-sm custom-select custom-select-sm mx-2 {{session('dark_theme_bg_black')}}">
                            <option selected disabled>Año</option>
                                                        @while($anio_elegible_hasta <= $anio_actual_hasta)
                              <option value="{{ $anio_elegible_hasta}}" {{ old('anio_hasta') == $anio_elegible_hasta ? 'selected' : '' }}>{{ $anio_elegible_hasta }}</option>
                                                          @endwhile
                          </select>
                          <select id="sb_mes_hasta" name="mes_hasta" class="col-sm custom-select custom-select-sm mx-2 {{session('dark_theme_bg_black')}}">
                            <option selected disabled>Mes</option>
                            @foreach($meses as $num_mes => $mes)
                              <option value="{{ $num_mes }}" {{ old('mes_hasta') == $num_mes ? 'selected' : '' }}> {{ $mes }} </option>
                            @endforeach
                          </select>
                        </div>
                      </div>
                    </div>

                    <hr class="mb-4">

                    <div class="row row-cols-xs-1 row-cols-sm-3 row-cols-md-3 mt-3">
                      <div class="col text-center">
                        <button class="mb-3 btn btn-sm btn-outline-primary text-wrap" role="submit"><i class="bi bi-funnel-fill"></i> APLICAR</button>
                      </div>
                      <div class="col text-center">
                        <a class="mb-3 btn btn-sm btn-outline-danger text-wrap" href="{{ route('Rechazos') }}" role="button"><i class="bi bi-eraser-fill"></i> LIMPIAR</a>
                      </div>
                      <form class="form" action="{{ route('ExportarRechazos') }}" method="POST" enctype="multipart/form-data">
                        @csrf
                        <input type="hidden" name="rechazos" class="form form-control" value="{{ json_encode($lista_rechazos ?? '') }}">
                        <div class="col text-center">
                          <button class="btn btn-sm btn-outline-success text-wrap" role="submit"><i class="bi bi-table"></i> DESCARGAR</button>
                        </div>
                      </div>
                    </div>
                  </div>
                </form>

                @if(session('lista_rechazos'))
                  <hr>
                  <br>

                  <div class="overflow-auto" id="tablaRechazosWrapper">
                    <table id="tablaRechazos" class="table table-sm table-bordered table-hover {{session('dark_theme_table')}}">
                      <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>Fecha de Vencimiento</th> --}}
                          {{-- <th>Estado del Pago</th> --}}
                          {{-- <th>Fecha del Pago</th> --}}
                        </tr>
                      </thead>

                      <tbody>
                                                @foreach(session('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> <span> {{ $rechazo['pago_vencimiento'] }} </span> </td> --}}
                            {{-- <td> <span> {{ $rechazo['pago_estado'] ?? ''}} </span> </td> --}}
                            {{-- <td> <span> {{ $rechazo['pago_fecha'] ?? '' }}  </span> </td> --}}
                          </tr>
                        @endforeach
                      </tbody>
                    </table>
                  </div>

                  <br>
                @endif


                <div class="go-top-wrapper">
                  <button id="goTop" class="btn btn-sm btn-outline-warning">
                    <i class="bi bi-arrow-bar-up"></i>
                    Ir Arriba
                  </button>
                </div>


                @if ($errors->any())
                  <br>
                  <br>

                  <div class="col-6 mx-auto alert alert-info alert-dismissible fade show" role="alert">
                    {{ $errors->first() }}
                    <button type="button" class="close" data-bs-dismiss="alert">&times;</button>
                  </div>
                @endif

                </div>
              </div>

            </div>
          </div>
        </div>
      </div>
  @endsection


  @push('scripts')


    <script>
    var mesActual = {{ $mes_actual }};
    var anioActual = {{ $anio_actual }};

    $("#sb_anio").change(function() {
      if ($("#sb_anio").val() == anioActual ) {
        $("#sb_mes").children('option').each(function(i) {
          if ($(this).val() > mesActual) {
            $(this).attr('disabled', 'disabled');
          }
        });
      }
    });

    $("#sb_anio_hasta").on("change", function() {
      if ($("#sb_anio_hasta").val() == anioActual ) {
        $("#sb_mes_hasta").children('option').each(function(i) {
          if ($(this).val() > mesActual) {
            $(this).attr('disabled', 'disabled');
          }
        });
      }
    });

    $(document).ready(function() {
      $("#goTop").hide();
    });
    $("#goTop").click(function() {
      $(window).scrollTop(95);
    });
    $(window).scroll(function() {
      if ($(window).scrollTop() <= 95) {
        $("#goTop").hide(150);

      } else if ($(window).scrollTop() >= 200) {
        $("#goTop").show(100);
      }
    });
    </script>
  @endpush