@extends('layouts.theme_selector')

@section('content')
  <div class="container">
    <div class="row justify-content-center">
      <div class="col-md-12">
        <div class="card {{session('dark_theme_card')}}">
          <div class="card-header">Notificar Rechazos</div>

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

              <div class="row justify-content-center">
                <div class="col">
                  <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">
                <div class="col col-5">
                <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('dark_theme_bg_black')}}" required>
                </div>
              </div>

              <br>

              <div class="row my-3">
                <div class="col-3">
                  <select name="entidad" class="form-select form-control {{session('dark_theme_bg_black')}}" aria-label="select_entidad" required>
                    <option value="" selected disabled>Seleccionar 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" class="btn btn-lg btn-outline-primary">CARGAR</button>
                </form>
                </div>
              </div>

            </div>
          </div>

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