@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 - AP
          </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 AP </p>
              <form action="{{ route('CargarAP') }}" method="POST" enctype="multipart/form-data">
                @csrf
                <div class="row justify-content-center">
                  <div class="col-md-6">
                    <label for="file">Archivo csv <br></label><br>
                    <input type="file" name="file" required class="form form-control {{session('theme_bg_black')}}">
                  </div>
                </div>
                <div class="row justify-content-center">
                  <div class="col">
                    <br>
                    <input type="submit" class="btn btn-primary col-md-4 mx-auto" value="Cargar Archivo" >
                  </div>
                </div>
                @if(session('CargaCompleta'))
                  <br>
                  <div class="alert alert-success alert-dismissible" role="alert">
                    El archivo fue cargado y se estará generando via cron job el resultado de AP - DC. Puedes consultar luego el resultado final.
                    <button type="button" class="close" data-bs-dismiss="alert" aria-label="Close">
                      <span aria-hidden="true">&times;</span>
                    </button>
                  </div>
                @endif
              </form>
            </div>

            <br>

            <div class="container my-2 {{ session('theme_bg_black') }}">
              <div class="row text-center">
                <div class="col-md-12 lead py-3">
                  Ejecutar envio a Equis - API
                </div>
                <div class="col-md-12 py-2">
                  <form class="form" action="{{ route('EjecutarAP') }}" method="post">
                    @csrf
                    <button type="submit" name="btn-ejecutar" class="btn btn-success">Ejecutar</button>
                  </form>
                </div>
              </div>
              <div class="row justify-content-center">
                <div class="col-md-6">
                  @if(session('ejecutar_ap'))
                    <div class="alert alert-info alert-dismissible" role="alert">
                      {{ session('ejecutar_ap') }}
                      <button type="button" class="close" data-bs-dismiss="alert" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                      </button>
                    </div>
                  @endif
                </div>
              </div>
            </div>

            <hr>

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

              <form action="{{ route('ResultadoAP') }}" 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="fechaAP" required class="form form-control {{session('theme_bg_dark')}}">
                  </div>
                </div>
                <div class="row justify-content-center">
                  <div class="col">
                    <br>
                    <input type="submit" class='btn btn btn-primary col-md-4 mx-auto' value="Ver Resultados" >
                  </div>
                </div>
              </form>

            </div>

            @if(session('busqueda'))
              <br>
              <table id="tableAP" class="table table-hover table-responsive {{ session('theme_table') }}">

                @if(count(session('busqueda')) >= 1)
                  <thead>
                    <tr>
                      <th>ID Request</th>
                      <th> Cotizacion</th>
                      <th> Emision</th>
                      <th> Póliza</th>
                      <th> Error</th>
                    </tr>
                  </thead>

                  <tbody>
                    @foreach(session('busqueda') as $data)
                    <tr class="text-center">
                        <td ><small>{{ $data['endpoint_emision']}}</small></td>
                      <td >{{ $data['respuesta_cotizacion'] }}</td>
                      <td >{{ $data['respuesta_emision'] }}</td>
                      <td>{{ $data['respuesta_confirmacion']}}</td>
                        <td>{{ $data['error']}}</td>
                    </tr>
                    @endforeach
                  </tbody>
                @endif

              </table>
            @endif

          <br>

        </div>

      </div>

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

@push('scripts')
  <script>
  $(document).ready( function () {
      $('#tableAP').DataTable({
          dom: 'Bfrtip',
          buttons: [
              'copy', 'csv', 'excel', 'pdf', 'print'
          ]
      });

  } );
  </script>
@endpush

@push('styles')
  <style media="screen">
  table.dataTable th {
    background-color: {{session('theme') == 'dark' ? 'black' : 'inherit'}};
  }
  tr.odd td {
    background-color: {{session('theme') == 'dark' ? '#262626' : 'inherit'}};
  }
  tr.even td {
    background-color: {{session('theme') == 'dark' ? 'black' : 'inherit'}};
  }
  ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: {{session('theme') == 'dark' ? 'white' : 'inherit'}};
    font-weight: bold;
    opacity: 1; /* Firefox */
  }
  :-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: {{session('theme') == 'dark' ? 'white' : 'inherit'}};
    font-weight: bold;
  }
  ::-ms-input-placeholder { /* Microsoft Edge */
    color: {{session('theme') == 'dark' ? 'white' : 'inherit'}};
    font-weight: bold;
  }
  .tableFinder .form-control {
    background-color: {{session('theme') == 'dark' ? 'grey' : 'inherit'}};
  }
  </style>
@endpush