@extends('layouts.theme_selector')

@section('content')
  <div class="container col-10">
    <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>
            Equis - Infoauto
          </div>

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

              @include('layouts.alerts.error')

              <p class="lead">Procesar valores de Infoauto</p>

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

                <div class="row row-cols-md-2 row-cols-1">
                  <div class="col">
                    <label for="file">Archivo de Infoauto (.csv)</label>
                    <br>
                    <input type="file" name="file" required class="form form-control {{session('theme_bg_black')}}">
                  </div>

                  <div class="col">
                    <label for="file">Porcentaje de aumento base a valores > 0</label>
                    <br>
                    <input type="number" name="porcentaje_aumento" id="" required class="form form-control {{session('theme_bg_black')}} " value="10">
                  </div>

                  <div class="col">
                    <br>
                    <label for="file">Inflación proyectada</label>
                    <br>
                    <input type="text" name="inflacion" id="" class="form form-control {{session('theme_bg_black')}} " required>
                  </div>
                </div>

                <div class="row justify-content-center">
                  <div class="col-12 text-center">
                    <br>
                    <input type="submit" class='col-md-6 btn btn btn-primary' value="Procesar" >
                  </div>

                </div>

              </div>

            </form>
            <br>
          </div>

          @if(isset($all_data))

            <form action="{{ route('ProcesarInfoautoRespuesta') }}" class="formRespuesta" method="POST" enctype="multipart/form-data">
              @csrf
              <table id="tableData" class="display">
                @if(count($all_data) >= 1)
                  @php
                    $contador = 0;
                  @endphp

                  @foreach($all_data as $row)
                    @if($contador == 0)
                      <thead>
                        <tr>
                          @foreach($row as $cabecera)
                            <th>{{$cabecera}}
                            </th>
                          @endforeach
                        </tr>
                      </thead>

                      <tbody>
                        <tr>
                          @foreach($row as $cabecera)
                            <td>
                              <input type="hidden" name="{{$contador}}[]" value="{{$cabecera}}"/>
                            </td>
                          @endforeach
                        </tr>

                    @else
                        <tr>
                          @php
                            $contadorRow = 0;
                          @endphp
                          @foreach($row as $data)
                            <td>
                              @if($contadorRow >= 8)
                                <input type="number" name="{{$contador}}[]" value="{{$data}}"/>
                              @else
                                {{$data}}
                                <input type="hidden" name="{{$contador}}[]" value="{{$data}}"/>
                              @endif

                            </td>
                            @php
                              $contadorRow++;
                            @endphp
                          @endforeach
                        </tr>

                    @endif
                    @php
                      $contador++;
                    @endphp
                  @endforeach
                @endif
                </tbody>
              </table>

              <div class="col-12">
                <br>
                <input type="button" class='btn btn-sm btn-primary col-12 ProcesarRespuesta' value="Procesar Archivo" >
              </div>
            </form>
          @endif

        </div>

      </div>

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

<script>
  $(document).ready( function () {
    var table = $('#tableData').DataTable();

    $('.ProcesarRespuesta').click( function() {
      var dataForm = table.$('input').serialize();
      var form = $(".formRespuesta");
      var url = form.attr('action');

      $.ajax({
        headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
        type: "POST",
        url: url,
        data: dataForm, // serializes the form's elements.
        success: function(data)
        {
          var blob = new Blob([data]);
          var link = document.createElement('a');
          link.href = window.URL.createObjectURL(blob);
          link.download = "InfoAutoGenerado.csv";
          link.click();
        }
      });

      return false;
    });

  });
</script>
@endsection