@extends('layouts.theme_selector')

@section('content')
  <div class="container-fluid">
    <div class="row justify-content-center">
      <div class="col-md-8">

        <div class="card {{ session('theme_card') }}">
          <div class="card-header">
            <a href="{{ url()->previous() }}" class="text-decoration-none text-primary mr-2">
              <i class="bi bi-caret-left"></i>
            </a>
            Anulaciones Masivas
          </div>

          <div class='card {{ session('theme_bg_black') }} float-left'>
            <div class="card-body">

              <form class="form" action="{{ route('EjecutarAnulacionMasiva') }}" method="post">
                @csrf

                <div class="row">
                  <div class="col col-md-6 text-center mx-auto">
                    <div class="input-group">
                      <label class="input-group-text fw-bold {{session('theme_bg_black')}} col col-md" for="secciones">Seccion</label>
                      <select class="form-control custom-select {{session('theme_bg_black')}} text-center" name="secciones" required>
                        <option selected disabled>Seleccione...</option>
                        <option @if(old('secciones') == '12,12') selected @endif value="12,12">AP</option>
                        <option @if(old('secciones') == '14,14') selected @endif value="14,14">Motovehículos</option>
                        <option @if(old('secciones') == '12,14') selected @endif value="12,14">Ambos</option>
                      </select>
                    </div>
                  </div>
                </div>
                <div class="row">
                  <div class="col col-md-6 text-center mx-auto">
                    <br>
                    <div class="input-group">
                      <label class="input-group-text fw-bold {{session('theme_bg_black')}} col col-md" for="forma_pago">Forma de Pago</label>
                      <select id="forma_pago" onchange="FormaPago();" class="form-control custom-select {{session('theme_bg_black')}} text-center" name="forma_pago" required>
                        <option selected disabled>Seleccione...</option>
                        <option @if(old('forma_pago') == 'tarjeta') selected @endif value="tarjeta">Tarjeta</option>
                        <option @if(old('forma_pago') == 'efectivo') selected @endif value="efectivo">Efectivo</option>
                        <option @if(old('forma_pago') == 'ambas') selected @endif value="ambas">Ambas</option>
                      </select>
                    </div>
                  </div>
                </div>
                <div id="venc_tc" class="row" @if (old('forma_pago')=='ambas' or old('forma_pago')=='tarjeta') style="display:block;" @else style="display:none;" @endif>
                  <div class="col col-md-6 text-center mx-auto">
                    <br>
                    <div class="input-group">
                      <label class="input-group-text fw-bold {{session('theme_bg_black')}} col col-md" for="dias_tc">Días del primer vencimiento impago en TC</label>
                      <input id="dias_tc" class="{{session('theme_bg_dark')}} form-control col col-3 text-center" type="number" name="dias_tc" value="{{old('dias_tc') ?? 69}}" required>
                    </div>
                  </div>
                </div>
                <div id="venc_efvo" class="row" @if (old('forma_pago')=='ambas' or old('forma_pago')=='efectivo') style="display:block;" @else style="display:none;" @endif>
                  <div class="col col-md-6 text-center mx-auto">
                    <br>
                    <div class="input-group">
                      <label class="input-group-text fw-bold {{session('theme_bg_black')}} col col-md" for="dias_efvo">Días del primer vencimiento impago en EFVO</label>
                      <input id="dias_efvo" class="{{session('theme_bg_dark')}} form-control col col-3 text-center" type="number" name="dias_efvo" value="{{old('dias_efvo') ?? 45}}" required>
                    </div>
                  </div>
                </div>
                <div class="row">
                  <div class="col col-md-6 text-center mx-auto">
                    <br>
                    <div class="input-group">
                      <label class="input-group-text fw-bold {{session('theme_bg_black')}} col col-md" for="endoso">Número de Endoso (optativo)</label>
                      <input class="{{session('theme_bg_dark')}} form-control col col-3 text-center" type="number" name="endoso" value="{{old('endoso') ?? NULL}}">
                    </div>
                  </div>
                </div>
                <br>
                <div class="row text-center">
                  <div class="col">
                    <button type="submit" class="btn btn-outline-primary">Descargar</button>
                  </div>
                </div>

              </form>

            </div>
          </div>

        </div>

        <br>

        <div class="card {{ session('theme_card') }}">
          <div class="card-header">Novedades</div>
          <div class='card {{ session('theme_bg_black') }} float-left'>
            <div class="card-body">
              <div class="row">
                <p>Para que las Anulaciones procesadas se vean desde PasPortal, ingrese las Fechas :</p>

                <form class="form" action="{{ route('CargarNovedades') }}" method="post">
                  @csrf

                  <div class="col col-md-4 text-center mx-auto">
                    <div class="input-group">
                      <label class="input-group-text fw-bold {{session('theme_bg_black')}} col col-md" for="fecha">Desde:</label>
                      <input class="{{session('theme_bg_dark')}} form-control col text-center" type="date" name="fecha" value="{{ old('fecha') }}">
                    </div>
                    <br>
                    <button type="submit" onclick="Loading();" class="btn btn-outline-danger">Ejecutar</button>
                  </div>

                </form>

              </div>

              @if (session('log'))
                <br>
                <hr>
                <br>
                @foreach (session('log') as $log)
                  <div class="row">
                    <div class="col">
                      <p>{{ $log }}</p>
                    </div>
                  </div>
                @endforeach
              @endif

            </div>
          </div>
        </div>

        <br>
        @include('layouts.alerts.error')
        @include('layouts.alerts.success')
        @include('layouts.loading')
        <br>

        @if (session('anulaciones'))
          <table id="tablaAnulaciones" class="table table-responsive table-hover {{ session('theme_table') }}" style="width:100%">
            <thead>
                <tr class="text-center">
                    <th>ID Poliza</th>
                    <th>Endoso</th>
                    <th>Dias Vencido</th>
                    <th>Seccion</th>
                    <th>Poliza</th>
                    <th>Apellido</th>
                    <th>Nombre</th>
                    <th>Vigencia Desde Endoso</th>
                    <th>Email</th>
                    <th>Area</th>
                    <th>Tel</th>
                    <th>Forma cobro</th>
                    <th>Saldo</th>
                    <th>Premio</th>
                    <th>Marca</th>
                    <th>Modelo</th>
                    <th>Año</th>
                    <th>Suma Asegurada</th>
                    <th>Patente</th>
                    <th>Cuenta</th>
                    <th></th>
                    <th>Cod. Seccion</th>
                    <th>Poliza</th>
                    <th>Referencia</th>
                    <th>Texto Endoso</th>
                    <th>Vigencia Desde</th>
                </tr>
            </thead>
            <tbody>
              @foreach(session('anulaciones') as $anulacion)
                <tr class="text-center">
                  @foreach($anulacion as $dato)
                    <td>{{$dato}}</td>
                  @endforeach
                </tr>
              @endforeach
            </tbody>
          </table>
        @endif

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

@push('scripts')
  <script type="text/javascript">
    function FormaPago() {
      let forma = $("#forma_pago option:selected").val();

      if (forma == 'tarjeta') {
        $("#venc_efvo").hide();
        $("#dias_efvo").val("6000");
        $("#dias_tc").val("69");
        $("#venc_tc").show();

      } else if (forma == 'efectivo') {
        $("#venc_tc").hide();
        $("#dias_tc").val("6000");
        $("#dias_efvo").val("45");
        $("#venc_efvo").show();

      } else {
        $("#dias_tc").val("69");
        $("#dias_efvo").val("45");
        $("#venc_tc").show();
        $("#venc_efvo").show();
      }

    }

    $(document).ready( function () {
      var table = $('#tablaAnulaciones').DataTable({
        responsive: true,
        order: [[0, 'desc']],
        language: {
          url: "//cdn.datatables.net/plug-ins/1.11.4/i18n/es_es.json"
        },
        buttons: [ 'excel' ],
        lengthMenu: [ [ 20 ] ],
        dom: '<"row my-3 text-center"<"col"B>> <"row my-2 text-center"<"col mx-auto tableFinder"f>> t <"row mt-3"<"col-md-5 mx-auto"p>> ',
      });
    });
  </script>
@endpush

@include('layouts/datatable')