@extends('layouts.app')

@section('title', __('Virtualizador'))

@section('content')

<form id="download" action="{{ route('downloadQuestions') }}" method="POST" enctype="multipart/form-data">

  @include('includes/message')
  @include('includes/errorMessageSubscription')

  <x-content>
    <div class="container-fluid">
      <div class="app_top pb_24 d-flex align-items-center justify-content-between">

        <div class="select app_top_select">

          @if(isset($errorShowDownloadButton) && $errorShowDownloadButton != "")
          <div class="alert alert-danger" role="alert">
            {!! $errorShowDownloadButton !!}
          </div>
          @endif

        </div>

        @if(session('success'))
        <div class="alert alert-success">
          {{ session('success') }}
        </div>
        @endif

        <div class="apptop_right d-flex">

          @CSRF

          <label for="archivoInput" class="button button_trasparent mr_20">Subir Fichero</label>
          <input type="file" id="archivoInput" name="fileName" style="display: none;" accept=".doc,.docx,.pdf">

          <a onclick="validateGenerateQuestions()" id="downloadFile" class="button button_trasparent mr_20" style="visibility:hidden;">Descargar</a>

          <script>
            document.getElementById('archivoInput').addEventListener('change', function() {
              document.getElementById('downloadFile').style.visibility = 'visible';
            });
          </script>

        </div>
      </div>

      <div class="container-fluid">
        <div class="row">

          <div class="col-lg-3">

            <div class="section_padding_bg">
              @include('includes/optionsToVirtualizeQuestions', ['bloquearCampos' => true])
            </div>

            <div class="section_padding_bg">

            </div>
          </div>
        </div>
      </div>
  </x-content>
</form>
@endsection