@extends('layouts.theme_selector')

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

        @include('layouts.alerts.error')
        @include('layouts.alerts.success')
        
        <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>
            Notificar Rechazos
          </div>

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

              <div class="row text-center">
                <div class="col mx-auto">
                  <p class="lead"><h3>Instrucciones</h3></p>
                  <p class="lead">CARGAR el archivo con la cobranza para generar la tabla</p>
                  <p class="lead">Seleccione la entidad que desea notificar, y presione CARGAR</p>
                  <p class="lead form-text">* Verá toda la info que se enviará ANTES de cargar al buzón</p>
                </div>
              </div>

              <br>

              <div class="row justify-content-center">
                <div class="col col-md-6">
                <form action="{{ route('ImportarRechazos') }}" method="POST" enctype="multipart/form-data" class="form">
                  @csrf
                  <input id="input_file" type="file" name="cobranza_file" value="cobranza_file" class="form-control {{session('theme_bg_black')}}" required>
                </div>
              </div>

              <br>

              <div class="row justify-content-center">
                <div class="col col-md-3">
                  <select name="entidad" class="form-select form-control {{session('theme_select_dark')}}" aria-label="select_entidad" required>
                    <option value="" selected disabled>Entidad...</option>
                    <option value="visa">VISA</option>
                    <option value="mastercard">MASTERCARD</option>
                    <option value="amex">AMERICAN EXPRESS</option>
                    <option value="naranja">NARANJA</option>
                    <option value="cabal">CABAL</option>
                    <option value="cbu">CBU</option>
                  </select>
                </div>
              </div>

              <br>

              <div class="row my-3">
                <div class="col text-center">
                  <button id="btn_cargar" type="submit" onclick="Loading();" class="btn btn-lg btn-outline-primary">CARGAR</button>
                </form>
                </div>
                <br>
                @include('layouts.loading')
              </div>

            </div>
          </div>

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

@push('scripts')
  <script>
    function Loading() {
      $("#loading").show();
      $("#btn_cargar").hide();
      $("#btn_procesar_wrapper").hide();
    }
  </script>
@endpush