    <div class="modal  fade" id="ModalHelpdetalleasistencia"  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 muestranel horario de clases de un estudiante especifico por la sección a la que pertenece  , muestra a detalle la información de la asistencia de los estudiantes en la institución.</b><br></p>
                </tr>
                <tr>
                    <div class="col-sm-12">
                      <img class="img-responsive" src="{{ asset('/helpimages/tablaprincipaldetalleasistencia.png') }}" alt="Photo">
                  </div><br><br>
              </tr><br><br>
         
      <H4 style="color:teal;">Acciones dentro del módulo detalle de asistencia.</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;">Nueva Asistencia.</H4>
    <p class="text-help">
        Para hacer el registro de un nueva asistencia a clases del estudiante 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> En la tabla principal seleccionamos el botón Nuevo en el horario que se desea relizar la asistencia, se desplegara un pequeño formualario con la fecha y hora.<br>
        <div class="col-sm-12">
          <img class="img-responsive" src="{{ asset('/helpimages/nuevodetalleasistencia.png') }}" alt="Photo">
      </div><br><br>
        
      2- <button type="button" class="btn btn-primary btn-xs"><i class="zmdi zmdi-thumb-up"></i> &nbsp; Guardar</button> Dar click en el boton guardar para realizar la asistencia a la clase, y guardar en el mensaje.<br><br>
     <div class="col-sm-12">
          <img class="img-responsive" src="{{ asset('/helpimages/nuevodetalleasistencia1.png') }}" alt="Photo">
      </div><br><br>
      <div class="col-sm-12">
          <img class="img-responsive" src="{{ asset('/helpimages/nuevodetalleasistencia2.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 nueva asistencia.<br><br><br>
      
       <H4 style="color:teal;">Ir a detalle Asistencia.</H4>
    <p class="text-help">
        Para ver el detalle de asistencia a clases del estudiante 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; Ir</button> En la tabla principal seleccionamos el botón Ir en el horario que se desea ver el detalle de la asistencia, se desplegara un formualario con el detalle de la asistencia del estudiante, el cual nos muestra la lista de estudiantes para poder tomar la asistencia con los valores presente, permiso, ausente, que se agragarán a cada estudiante dependiendo su estado en la clase.<br>
        <div class="col-sm-12">
          <img class="img-responsive" src="{{ asset('/helpimages/guardarasistencia.png') }}" alt="Photo">
      </div><br><br>
       2- En el listado junto al nombre del alumno seleccionamos un valor (presente,permiso o ausente) y luego damos click en el botón <button type="button" class="btn btn-primary btn-xs"><i class="zmdi zmdi-thumb-up"></i> &nbsp; Guardar</button> para guardar la asistencia de los estudiantes.<br>
        <div class="col-sm-12">
          <img class="img-responsive" src="{{ asset('/helpimages/guardarasistencia1.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 detalle de asistencia, 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')