@extends('layouts.theme_selector')

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

        <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>
            Sistemas - IDAT
          </div>

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

            <div class="container my-2 {{ session('theme_bg_black') }}">

              @include('layouts.alerts.error')

              <p class="lead">Procesar archivo IDAT </p>
              <form action="{{ route('Idat') }}" method="POST" enctype="multipart/form-data">
                @csrf
                <div class="row justify-content-center">
                  <div class="col-md-6">
                    <label for="file">Archivo txt <br><small>Suba un archivo .txt con DNI, uno por línea sin puntos o espacios</small></label><br>
                    <input type="file" name="file" class="form form-control {{session('theme_bg_black')}}" required>
                  </div>
                </div>
                <div class="row justify-content-center">
                  <div class="col-4">
                    <br>
                    <input type="submit" class='btn btn btn-primary mx-auto' value="Cargar Archivo">
                  </div>
                </div>
              </form>
            </div>

            <br>
            <hr>
            <br>

            <div class="container my-2 {{ session('theme_bg_black') }}">
              <p class="lead">Ver Resultado</p>

              <form action="{{ route('ResultadoIdat') }}" method="POST" >
                @csrf
                <div class="row justify-content-center">
                  <div class="col-md-6">
                    <label for="file">Fecha de subida del archivo</label><br>
                    <input type="date" name="fechaIdat" class="form form-control {{session('theme_bg_black')}}" required>
                  </div>
                </div>
                <div class="row justify-content-center">
                  <div class="col-4">
                    <br>
                    <input type="submit" class='btn btn btn-primary mx-auto my-2' value="Ver Resultados">
                  </div>
                </div>
              </form>

            </div>

            @if (isset($CargaCompleta))
              <div class="alert alert-success" role="alert">
                El archivo fue cargado y se estará generando via cron job el resultado de idat. Puedes consultar luego el resultado final.
              </div>
            @endif

            @if (isset($resultAll))
              <table id="tableData" class="table table-hover {{ session('theme_table') }}">

                @if (count($resultAll) >= 1)
                  @php  $contador = 0; @endphp

                  @foreach ($resultAll as $row)
                    @if ($contador == 0)
                      <thead>
                        <tr>
                          @foreach ($row as $cabecera => $dato)
                            <th>
                              <small><b>{{$cabecera}}</b></small>
                            </th>
                          @endforeach
                          @php $contador++; @endphp
                        </tr>
                      </thead>

                      <tbody>
                      @endif
                        @if (is_array($row))
                          <tr>
                            @foreach ($row as $data)
                              <td>
                                <small>{{$data}}</small>
                              </td>
                            @endforeach
                          </tr>
                        @endif
                    @endforeach
                  @endif
                </tbody>

              </table>
            @endif

          <br>
        </div>

      </div>

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

@include('layouts.datatable')

@push('scripts')
  <script>
      $(document).ready( function () {
      var table = $('#tableData').DataTable({
          responsive:true,
          language: {
            url: "//cdn.datatables.net/plug-ins/1.11.4/i18n/es_es.json"
          },
          // dom: 'Bfrtip',
          dom: '<"row"<"col tableFinder"f>> t <"row"<"col my-2 cantRegistros"l><"col my-2"p>> <"row my-3 text-center"> <r> ',
          buttons: [
              'copy', 'csv', 'excel', 'pdf', 'print'
          ]
      });

  } );
  </script>
@endpush