    <div class="modal  fade" id="ModalHelpmatricula"  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 de matricula.</H4>
                    <p>
                    La pantalla principal cuenta con una tabla en la que se muestran los valores de los estudiantes en el sistema, muestra a detalle la información de cada estudiante matriculado.</b><br></p>
                </tr>
                <tr>
                    <div class="col-sm-12">
                      <img class="img-responsive" src="{{ asset('/helpimages/tablaprincipalmatricula.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 alumno.</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 matricula.</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 matricula de un estudiante.</H4>
    <p class="text-help">
        Para hacer el registro de una nueva matricula de un estudiante 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 poder matricular un nuevo estudiante.<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), el formulario tiene varias pestañas por ser una gran cantidad de datos ten en cuenta llenar cada una de las pestañas con la información requerida.<br>
        <div class="col-sm-12">
          <img class="img-responsive" src="{{ asset('/helpimages/nuevamatricula1.png') }}" alt="Photo">
      </div><br><br>
      <div class="col-sm-12">
          <img class="img-responsive" src="{{ asset('/helpimages/nuevamatricula2.png') }}" alt="Photo">
      </div><br><br>
      <div class="col-sm-12">
          <img class="img-responsive" src="{{ asset('/helpimages/nuevamatricula3.png') }}" alt="Photo">
      </div><br><br>
      <div class="col-sm-12">
          <img class="img-responsive" src="{{ asset('/helpimages/nuevamatricula3.png') }}" alt="Photo">
      </div><br><br>
      <div class="col-sm-12">
          <img class="img-responsive" src="{{ asset('/helpimages/nuevamatricula4.png') }}" alt="Photo">
      </div><br><br>
      <div class="col-sm-12">
          <img class="img-responsive" src="{{ asset('/helpimages/nuevamatricula5.png') }}" alt="Photo">
      </div><br><br>
      <div class="col-sm-12">
          <img class="img-responsive" src="{{ asset('/helpimages/nuevamatricula6.png') }}" alt="Photo">
      </div><br><br>
      <div class="col-sm-12">
          <img class="img-responsive" src="{{ asset('/helpimages/nuevamatricula7.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 una nueva matricula de un estudiante.<br><br><br>

       <H4 style="color:teal;">Ver perfil del estudiante.</H4>
      <p class="text-help">
       Para ver el perfil de un estudiante 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; Ver</button>Al acceder al botón Ver muestra el perfil del estudiante con toda su información, 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/verperfilestudiante1.png') }}" alt="Photo">
      </div><br><br>
       <div class="col-sm-12">
          <img class="img-responsive" src="{{ asset('/helpimages/verperfilestudiante2.png') }}" alt="Photo">
      </div><br><br><br>
      <div class="col-sm-12">
          <img class="img-responsive" src="{{ asset('/helpimages/verperfilestudiante3.png') }}" alt="Photo">
      </div><br><br><br>

       <H4 style="color:teal;">Ver perfil del estudiante.</H4>
      <p class="text-help">
       Para ver el perfil de un estudiante 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; Ver</button>Al acceder al botón Ver muestra el perfil del familiar, si deseamos anular la operacion damos clic en el botón cancelar.<br>
        2- Al ingresar al perfil nos muestra un formulario en el cual podemos asociar al estudiante con un padre de familia, al completar los datos podemos guardar dando clic en el boton <button type="button" class="btn btn-primary btn-xs"><i class="zmdi zmdi-thumb-up"></i> &nbsp; Guardar</button> para almacenar la información, cuando los datos se guarden nos muestra los datos del familar debajo del área del formulario.
        <div class="col-sm-12">
          <img class="img-responsive" src="{{ asset('/helpimages/verperfilfamiliar1.png') }}" alt="Photo">
      </div><br><br>
       <div class="col-sm-12">
          <img class="img-responsive" src="{{ asset('/helpimages/verperfilfamiliar2.png') }}" alt="Photo">
      </div><br><br><br>
      <div class="col-sm-12">
          <img class="img-responsive" src="{{ asset('/helpimages/verperfilfamiliar3.png') }}" alt="Photo">
      </div><br><br><br>

        <H4 style="color:teal;">Ver Sección.</H4>
      <p class="text-help">
       Para asignar al estudiante a una sección 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; </button>Al acceder al botón de la sección muestra un formulario donde podemos asignarle una sección al estudiante, si deseamos anular la operacion damos clic en el botón cancelar.<br>
        2- Al ingresar nos muestra un formulario en el cual podemos asignar al estudiante a una seccion, al completar los datos podemos guardar dando clic en el boton <button type="button" class="btn btn-primary btn-xs"><i class="zmdi zmdi-thumb-up"></i> &nbsp; Guardar</button> para almacenar la información.
        <div class="col-sm-12">
          <img class="img-responsive" src="{{ asset('/helpimages/verperseccionestudiante1.png') }}" alt="Photo">
      </div><br><br>
       <div class="col-sm-12">
          <img class="img-responsive" src="{{ asset('/helpimages/verperfilfamiliar2.png') }}" alt="Photo">
      </div><br><br><br>
      <div class="col-sm-12">
          <img class="img-responsive" src="{{ asset('/helpimages/verperseccionestudiante2.png') }}" alt="Photo">
      </div><br><br><br>

      <H4 style="color:teal;">Modificación de matricula del estudiante.</H4>
      <p class="text-help">
        Para hacer la modificación los datos del estudiante 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 estudiante 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),el formulario tiene varias pestañas por ser una gran cantidad de datos ten en cuenta verificar cada una de las pestañas la información que se desea modificar.<br>
        <div class="col-sm-12">
          <img class="img-responsive" src="{{ asset('/helpimages/modificarmatricula.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 los datos de matricula del estudiante.<br><br><br>

      <H4 style="color:teal;">Cambiar estado del estudiante.</H4>
      <p class="text-help">
        Para cambiar el estado 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; Estado</button> Al acceder al botón Estado se desplegará un mensaje el cúal nos preguntará si deseamos cambiar el estado el estudiante, de manera que podemos cambiar el estado de activo a inactivo y viceversa, 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/estadomatricula1.png') }}" alt="Photo">
      </div><br><br>
      <div class="col-sm-12">
          <img class="img-responsive" src="{{ asset('/helpimages/estadomatricula2.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 sistema informático si aceptamos abandonaremos el módulo de matricula, 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')