@extends('layouts.theme_selector')

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

      <div class="col-md-8 my-2">
        <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>
            Reversiones
          </div>

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

            <form class="form" action="{{route('CargarLoteReversion')}}" enctype="multipart/form-data" method="post">
              @csrf
              <div class="row justify-content-around">
                <div class="input-group col col-md-10">
                  <input class="form-control {{ session('theme_bg_black') }}" accept=".xlsx, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet,application/vnd.ms-excel" type="file" name="file" value="{{old('file') ?? ''}}" required>
                  <input class="btn btn-outline-danger" type="submit" value="Cargar Lote">
                </div>
              </div>
            </form>


            @if (isset($filename))
              <br>
              <div class="row text-center">
                <div class="col">
                  <a href="#" id="btn_download" class="btn btn-outline-danger">Descargar Archivo</a>
                </div>
              </div>
            @endif

          </div>

        </div>
      </div>

      @include('layouts.alerts.error')

    </div>
  </div>
@endsection

@push('scripts')
  <script type="text/javascript">
  $(document).ready(function() {
    $('#btn_download').on('click', function() {
      window.location = "{{ route('DescargarReversiones', ['filename' => $filename ?? 'null']) }}" ;
      $('#btn_download').hide();
    });
  });
  </script>
@endpush