    <div class="modal  fade" id="ModalHelppermisoalumno"  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 los permisos de los estudiantes en la institución (esta tabla es alimentada cuando en la toma de asistencia el docente selecciona la opción de permiso).</b><br></p>
                </tr>
                <tr>
                    <div class="col-sm-12">
                      <img class="img-responsive" src="{{ asset('/helpimages/tablaprincipalpermisoalumno.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 permisos de estudiantes.</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 se muestran por sección.
      </b><p><br>
        <div class="col-sm-12">
          <img class="img-responsive" src="{{ asset('/helpimages/busquedaseccion.png') }}" alt="Photo">
      </div><br><br><br>

      <H4 style="color:teal;">Acciones dentro del módulo de permisos.</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;">Registrar permiso.</H4>
    <p class="text-help">
        Para hacer el registro de un nuevo permiso se deben seguir los siguientes pasos:
    </b><p><br>
       1- <button type="button" class="btn btn-success btn-xs"><i class="zmdi zmdi-thumb-up"></i> &nbsp; Registrar</button> En la tabla principal seleccionamos el botón Registrar junto al estudiante que deseamos agregar un permiso, luego se desplegará un formulario para registrar el permiso, si deseamos anular la operacion damos clic en el botón cerrar.<br>
        <div class="col-sm-12">
          <img class="img-responsive" src="{{ asset('/helpimages/guardarpermiso.png') }}" alt="Photo">
      </div><br><br>
        2- Llenar valores en el formulario para relizar el permiso y dar click el botón <button type="button" class="btn btn-primary btn-xs"><i class="zmdi zmdi-thumb-up"></i> &nbsp; Guardar</button> para registrar el permiso del estudiante.<br><br>
      <div class="col-sm-12">
          <img class="img-responsive" src="{{ asset('/helpimages/guardarpermiso1.png') }}" alt="Photo">
      </div><br><br>
    
      3- <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 una nuevo permiso.<br><br><br>

      <H4 style="color:teal;">Modificar permiso.</H4>
    <p class="text-help">
        Para hacer el registro de un nuevo permiso 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> En la tabla principal seleccionamos el botón Modificar junto al estudiante que deseamos modificar un permiso, luego se desplegará un formulario para modificar el permiso, si deseamos anular la operacion damos clic en el botón cerrar.<br>
        <div class="col-sm-12">
          <img class="img-responsive" src="{{ asset('/helpimages/modificarpermisoalumno.png') }}" alt="Photo">
      </div><br><br>
        2- Llenar valores en el formulario para relizar la modificación del permiso y dar click el botón <button type="button" class="btn btn-primary btn-xs"><i class="zmdi zmdi-thumb-up"></i> &nbsp; Guardar</button> para modificar el permiso del estudiante.<br><br>
      <div class="col-sm-12">
          <img class="img-responsive" src="{{ asset('/helpimages/modificarpermisoalumno1.png') }}" alt="Photo">
      </div><br><br>
    
      3- <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 permiso.<br><br><br>

       <H4 style="color:teal;">Ver detalle de permiso.</H4>
    <p class="text-help">
        Para ver el detalle del permiso  del estudiante se deben seguir los siguientes pasos:
    </b><p><br>
       1- <button type="button" class="btn btn-warning btn-xs"><i class="zmdi zmdi-thumb-up"></i> &nbsp; Ver</button> En la tabla principal seleccionamos el botón Ver junto al estudiante que deseamos ver el detalle del permiso, luego se desplegará un formulario con el detalle del permiso, si deseamos anular la operacion damos clic en el botón cerrar.<br>
        <div class="col-sm-12">
          <img class="img-responsive" src="{{ asset('/helpimages/verdetallepermisoalumno.png') }}" alt="Photo">
      </div><br><br>
      <div class="col-sm-12">
          <img class="img-responsive" src="{{ asset('/helpimages/verdetallepermisoalumno1.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 permisos de estudiantes, 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')