@extends('layouts.theme_selector')

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

          <div class="card-header"> 
            Control de archivo de transferencia masiva
          </div>

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

              <div class="row justify-content-center">
                <div class="col-sm col-md-8 text-center">
                  <p class="lead"></p>

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

                    <div class="row justify-content-around">
                      <div class="input-group col">
                        <label class="input-group-text" for="convenio">Convenio:</label>
                        <select class="custom-select text-center {{session('theme_bg_black')}}" name="convenio">
                          <option value="siniestros" >SINIESTROS - 501675  </option>
                          <option value="proovedores">PROOVEDORES - 501701</option>
                        </select>
                      </div>
                    </div>
                    <br>

                    <div class="row justify-content-around">
                      <div class="input-group col">
                        <input class="form-control {{ session('theme_bg_black') }}" type="file" name="file" value="{{old('file') ?? ''}}" required>
                        <input class="btn btn-outline-danger" type="submit" value="Leer Archivo">
                      </div>
                    </div>

                  </form>

                </div>
              </div>

              <br>

              @include('layouts.alerts.error')

              @if (isset($filename))
              <div id="wrapper_leidos" class="">
                <hr>

                <div class="row">
                  <p class="h4 text-center">Datos leídos</p>

                  <div class="col">
                    <br>
                    <div class="row">
                      <div class="input-group col col-md-6">
                        <label class="input-group-text" for="convenio">Convenio:</label>
                        <input class="input-group-text {{ session('theme')=='dark' ? session('theme_bg_black') : 'bg-white' }}" type="text" value="{{ $convenio_name }}" disabled>
                      </div>
                    </div>
                    <br>
                    <div class="row">
                      <div class="col col-md-6">
                        <div class="input-group">
                          <label class="input-group-text" for="cant_operaciones">Cantidad de operaciones</label>
                          <input class="input-group-text text-center {{session('theme')=='dark' ? session('theme_bg_black') : 'bg-white' }}" value="{{$cant_operaciones ?? ''}}" name="cant_operaciones" disabled>
                        </div>
                        <br>
                        <div class="input-group">
                          <label class="input-group-text" for="$importe">Importe total</label>
                          <input class="input-group-text text-center {{session('theme')=='dark' ? session('theme_bg_black') : 'bg-white' }}" value="{{$importe ?? ''}}" name="importe" disabled>
                        </div>
                      </div>
                    </div>
                    <div class="row">
                      <div class="col text-center">
                        <br>
                        <a href="#" id="btn_tere" class="btn btn-outline-danger">Descargar Archivo</a>                      
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              @endif

              @include('layouts.alerts.success')

            </div>
          </div>

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

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