@extends('layouts.theme_selector')

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

        <div class="progress">
         <div id="progress_bar" class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="1" aria-valuemin="1" aria-valuemax="4" style="width:0;">
           <span id="progress_title"></span>
         </div>
       </div>

       @include('layouts.alerts.error')
       {{-- @include('layouts.alerts.success') --}}

       <br>

        <div class="card {{ session('theme_card') }}">
          <div class="card-header">Gestion InfoAuto - @yield('Paso_numero')</div>
          <div class='card {{ session('theme_bg_black') }} float-left'>
            <div class="card-body">
              @yield('step_content')
            </div>
          </div>
        </div>

        <br>

        @if (session('descarga_final'))
          <div class="card {{session('theme_card')}}">
            <div class="card-header">Resultado Customizado Final</div>
            <div class="card {{session('theme_bg_black')}}">
              <div class="card-body">
                <div class="col col-2 mx-auto">
                  @foreach(session('descarga_final') as $name => $file)
                    <a class="btn btn-outline-success btn-sm mx-2 col" href="{{ Route('DescargarInfoauto', ['file' => $file]) }}">
                      <i class="bi bi-download"></i>
                      {{$name}}
                    </a>
                  @endforeach
                </div>
              </div>
            </div>
          </div>
        @endif

        @include('layouts.loading')

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


@push('scripts')
  <script type="text/javascript">

    var paso_titulo = "{{ $paso_titulo ?? session('paso_titulo') ?? 'Cargar AutosValores e InfoAuto' }}";
    var paso_numero = {{ $paso_numero ?? session('paso_numero') ?? 1 }};

    function Loading() {
      $("#loading").show();
      $("#btn_cargar").hide();
      $("#btn_procesar_wrapper").hide();
    }

    $(document).ready(function() {
      $("#loading").hide();
      $("#btn_procesar_wrapper").show();
      $("#progress_title").text(paso_titulo);
      ProgressBar(paso_numero);
    });

    function ProgressBar(paso_numero) {
      var porcentaje = paso_numero * 25 + '%';
      $("#progress_bar").width(porcentaje);
    }

    function IgnorarAVEquis() {
      $('#actual_manual_wrapper').hide();
      $('#cargar_actual_manual').show();
    }

    $('#select_mes').on('change', function() {
      Loading();
      var mes = $('#select_mes option:selected').val();
      window.location = "{{ Route('GestionInfoauto')}}/" + mes;
    });

    function ProcesarInfoauto() {
      Loading();
      url = "{{ Route('ProcesarInfoauto')}}";
      window.location = url;
    }

    function ProcesarInfoCustom() {
      Loading();
      url = "{{ Route('ProcesarInfoCustom')}}";
      window.location = url;
    }

  </script>
@endpush