    <div class="modal  fade" id="ModalHelpaulacra"  role="dialog" aria-labelledby="myModalLabel" data-show="true" data-keyboard="true" data-backdrop="true">


      @include('modules.helps.headermodal')
      <div class="container-fluid">
        <div class="row">
            <div class="col-xs-12 col-md-6">
                <p class="lead">
                    <strong><i class="zmdi zmdi-alert-triangle"></i> &nbsp; ¡Importante! </strong>Para desplazarte por esta ventana debes de mantener pulsado el botón izquierdo del 
                    Mouse o Touchpad en la barra de scroll y desplazarla hacia abajo o hacia arriba según donde te encuentres.
                    <br><br>
                    Para <strong>cerrar la ventana</strong> pulsa el botón <button type="button" class="btn btn-primary btn-xs"><i class="zmdi zmdi-thumb-up"></i> &nbsp; De acuerdo</button> que se encuentra en la parte inferior.
                </p>
            </div>
            <div class="col-xs-12 col-md-6">
                <figure>
                    <img class="img-responsive center-box" src="">
                </figure>
            </div>
        </div>
        <hr>

    <div class="row">
        <div class="page-header">
          <h2 class="all-tittles">Ayuda <small>Inicio</small></h2>
      </div>

      <div class="col-xs-12">
        <p class="text-help">
            
            <table id="example2" class="table table-bordered table-hover table-striped" cellspacing="0" width="100%">
                <tr>
                    <H4 style="color:teal;">Pantalla principal del módulo.</H4>
                    <p>
                    La pantalla principal cuenta con una tabla en la que se muestran los valores ingresados al sistema en un módulo especifico, muestra a detalle la información que contiene cada préstamo del aula CRA.</b><br></p>
                </tr>
                <tr>
                    <div class="col-sm-12">
                      <img class="img-responsive" src="{{ asset('/helpimages/tablaprincipalaulacra.png') }}" alt="Photo">
                  </div><br><br>
              </tr>
          La pantalla principal cuenta con opción de busqueda la cual se realiza dentro de la tabla principal cuando se requiera buscar información especifica de un préstamo del aula CRA.</b><p><br>
            <div class="col-sm-12">
              <img class="img-responsive" src="{{ asset('/helpimages/busqueda1.png') }}" alt="Photo">
          </div><br><br>
          Para tener una mejor organización de los datos en la pantalla principal tenemos la opcion de eligir la cantidad de valores a mostrar dentro de la tabla esta acción es de gran utilidad cuando existe una gran cantidad de datos en el módulo.
      </b><p><br>
        <div class="col-sm-12">
          <img class="img-responsive" src="{{ asset('/helpimages/mostrarregistros1.png') }}" alt="Photo">
      </div><br><br><br>

      <H4 style="color:teal;">Acciones dentro del módulo Aula CRA.</H4>

  Los botones representan las opciones disponibles en el sistema, haz click en los botones para acceder a la opción que deseas.</b><p><br>
    <H4 style="color:teal;">Registro de préstamos de activo.</H4>
    <p class="text-help">
        Para hacer el registro de un nuevo préstamo de activos se deben seguir los siguientes pasos:
    </b><p><br>
        1- <button type="button" class="btn btn-primary btn-xs"><i class="zmdi zmdi-thumb-up"></i> &nbsp; Nuevo</button> Al acceder al botón Nuevo se desplegará un formulario en el cual podemos ingresar la información necesaria para crear un nuevo préstamo de activos.<br><br>
        2- Llenar valores en el formulario (algunos valores en el formualario presentan el signo(*) el cual significa que son obligatorios para guardar el registro).<br>
        <div class="col-sm-12">
          <img class="img-responsive" src="{{ asset('/helpimages/nuevoaulacra.png') }}" alt="Photo">
      </div><br><br>
      3- <button type="button" class="btn btn-primary btn-xs"><i class="zmdi zmdi-thumb-up"></i> &nbsp; Guardar</button> Guardar valores en base de datos dando click en el boton guardar del formulario .<br><br>
      4- <button type="button" class="btn btn-default btn-xs"><i class="zmdi zmdi-thumb-up"></i> &nbsp; Limpiar</button> Limpia los campos del formulario si el usuario no quiere registrar esos valores.<br><br>
      5- <button type="button" class="btn btn-default btn-xs"><i class="zmdi zmdi-thumb-up"></i> &nbsp; Cerrar</button> Cierra el formulario y se cancela la acción de ingresar un nuevo préstamo de activos.<br><br><br>
      <H4 style="color:teal;">Modificación de préstamo de activos.</H4>
      <p class="text-help">
        Para hacer la modificación de un préstamo de activos se deben seguir los siguientes pasos:
    </b><p><br>
        1- <button type="button" class="btn btn-primary btn-xs"><i class="zmdi zmdi-thumb-up"></i> &nbsp; Modificar</button> Al acceder al botón Modificar se desplegará un formulario en el cual podemos modificar la información de un préstamo de activos específico al cúal se le quiera cambiar algún valor.<br>
        2- Cambiar los valores en el formulario que deseamos modificar(algunos valores en el formualrio presentan el signo(*) el cual significa que son obligatorios para guardar el registro modificado).<br>
        <div class="col-sm-12">
          <img class="img-responsive" src="{{ asset('/helpimages/modificaraulacra.png') }}" alt="Photo">
      </div><br><br>
      3- <button type="button" class="btn btn-primary btn-xs"><i class="zmdi zmdi-thumb-up"></i> &nbsp; Guardar</button> Guardar valores en base de datos .<br><br>
      5- <button type="button" class="btn btn-default btn-xs"><i class="zmdi zmdi-thumb-up"></i> &nbsp; Cerrar</button> Cierra el formulario y se cancela la acción de modificar un préstamo de activos.<br><br><br>
      <H4 style="color:teal;">Detalle del préstamo de activos.</H4>
      <p class="text-help">
        Para ver el detalle del préstamo de activos se deben seguir los siguientes pasos:
    </b><p> <br>
        1- <button type="button" class="btn btn-info btn-xs"><i class="zmdi zmdi-thumb-up"></i> &nbsp; Detalle préstamo</button> Al acceder al botón Detalle préstamo nos enviará al módulo de detalle de préstamo en el cual ingresaremos más información relacionada al préstamo de equipo del aula CRA.<br>
        <div class="col-sm-12">
          <img class="img-responsive" src="{{ asset('/helpimages/detalleprestamoaulacra.png') }}" alt="Photo">
      </div><br><br>
      <H4 style="color:teal;">Volver a menú principal.</H4>
      <p class="text-help">
        Para volver al menú principal se deben seguir los siguientes pasos:
    </b><p><br>
        1- <button type="button" class="btn btn-primary btn-xs"><i class="zmdi zmdi-thumb-up"></i> &nbsp; Inicio</button> Al acceder al botón Inicio el sistema nos mostrará un mensaje que nos indicará si deseamos volver a la pantalla principal del informático si aceptamos abandonaremos el módulo de préstamo de activos, si deseamos anular la operacion damos clic en el botón cancelar.<br>
        <div class="col-sm-12">
          <img class="img-responsive" src="{{ asset('/helpimages/inicioperiodo1.png') }}" alt="Photo">
      </div><br><br>
  </p>
</table>
</div>
<div class="col-xs-12">
    <figure>
        <img class="img-responsive center-box" src="">
    </figure>
</div>
</div>
</div>
@include('modules.helps.footermodal')