@extends('admin.layout.master')

@section('content')
    <main>
        <!-- Breadcrumb Area -->

        <div class="breadcrumb-area">
            <h1>Dashboard</h1>
            <ol class="breadcrumb">
                <li class=""><a href="{{ url('/admin') }}"><i class='bx bx-home-alt'
                            style="font-size: 18px;color: #F31519;"></i></a></li>
                <li class=""><a href="{{ url('/admin') }}">Principal </a></li>
                <li class="">&nbsp;&nbsp;/ Banco de Preguntas</li>
                <li class="">&nbsp;&nbsp;/ <a href="{{ url('/admin/bancopreguntas/importarpregunta') }}">Importar Preguntas</a></li>
            </ol>
        </div>
        <!-- End Breadcrumb Area -->

        <div class="card mb-30">
            {{-- <div class="card-body">
              <div class="alert alert-success alert-dismissible fade show" role="alert" style="display: none;" id="mensaje-exito">
                <strong>Mensaje!</strong> Se modificó la pregunta correctamente.
                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                  <span aria-hidden="true">&times;</span>
                </button>
              </div>
          
              <div class="alert alert-success alert-dismissible fade show" role="alert" style="display: none;" id="mensaje-insert">
                <strong>Mensaje!</strong> La data se cargó satisfactoriamente.
                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                  <span aria-hidden="true">&times;</span>
                </button>
              </div>
          
              <div class="alert alert-danger alert-dismissible fade show" role="alert" style="display: none;" id="mensaje-delete">
                <strong>Mensaje!</strong> Se eliminó el registro satisfactoriamente.
                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                  <span aria-hidden="true">&times;</span>
                </button>
              </div>
          
              <div class="alert alert-danger alert-dismissible fade show" role="alert" style="display: none;" id="error1">
                <strong>Error!</strong> No se puede subir una imagen con ese formato desconocido.
                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                  <span aria-hidden="true">&times;</span>
                </button>
              </div>
          
              <div class="alert alert-danger alert-dismissible fade show" role="alert" style="display: none;" id="error2">
                <strong>Error!</strong> Esta imagen ya existe.
                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                  <span aria-hidden="true">&times;</span>
                </button>
              </div>
          
              <div class="alert alert-danger alert-dismissible fade show" role="alert" style="display: none;" id="error3">
                <strong>Error!</strong> La imagen cargada excedió el tamaño permitido.
                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                  <span aria-hidden="true">&times;</span>
                </button>
              </div>
          
              <!-- Más bloques de alerta similares según sea necesario -->
            </div> --}}
          
            <div class="card-body">
              <div class="card-header d-flex justify-content-between align-items-center">
                <h3>Importar Archivo</h3>
              </div>
            </div>
          
            <div class="card-body">
              <h3 class="box-title">
                <button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModalImpo">
                  <i class='bx bx-cloud-upload' style="font-size: 32px;"></i> Importar Data / Banco de Preguntas
                </button>
              </h3>
              
              <a href="{{asset('excel/Plantilla_banco_preguntas.xlsx')}}">
                <i class='bx bx-cloud-download' style="font-size: 32px;"></i> Descargar Plantilla de Importación de data
              </a>
            </div>
          
            <!-- Modal -->
            <div class="modal fade" id="myModalImpo" role="dialog">
              <div class="modal-dialog">
                <div class="modal-content">
                  <div class="modal-header">
                    <h4 class="modal-title">Proceso de importación de banco de preguntas</h4>
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                  </div>
                  <div class="modal-body">
                    <!-- formulario -->
                    <form class="form-horizontal" action="importarbanco.php" enctype="multipart/form-data" method="post">
                      <div class="form-group">
                        <label class="control-label col-sm-3" for="categoria">Categoria:</label>
                        <div class="col-sm-9">
                          <select name="categoria" class="form-control" required autofocus>
                            <option value="" selected>..:: Seleccione una Categoria ::..</option>
                            <!-- Aquí van las opciones -->
                          </select>
                        </div>
                      </div>
                      <div class="form-group">
                        <label class="control-label col-sm-3" for="archivo">Cargar data:</label>
                        <div class="col-sm-9">
                          <input id="archivo" name="archivo" class="form-control" type="file" required />
                          <span class="custom-file-control">Cargar Archivo formato excel.</span>
                        </div>
                      </div>
                      <div class="form-group">
                        <div class="col-sm-offset-2 col-sm-10">
                          <button type="submit" class="btn btn-success">Procesar carga de archivo</button>
                        </div>
                      </div>
                    </form>
                  </div>
                  <div class="modal-footer">
                    <button type="button" class="btn btn-danger" data-dismiss="modal">Cerrar</button>
                  </div>
                </div>
              </div>
            </div>
            <!-- Fin Modal -->
          
          </div>
          

       

    </main>
@endsection