    <div class="modal  fade" id="ModalHelpjornalizacion"  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 de las jornalizaciones de las materias de la institución, la tabla principal tiene dos pestañas en la primera se muestran los datos de la jornalización y en la segunda los datos de las unidades que conforman la materia.</b><br></p>
                </tr>
                <tr>
                    <div class="col-sm-12">
                      <img class="img-responsive" src="{{ asset('/helpimages/tablaprincipaljornalizacion.png') }}" alt="Photo">

              </tr>
          
      <H4 style="color:teal;">Acciones dentro del módulo jornalización de materias.</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 Jornalización.</H4>
    <p class="text-help">
        Para hacer el registro de la jornalización 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; Jornalización</button> Al acceder al botón Jornalización se desplegará una tabla en el cual podemos ingresar la información necesaria para crear una nueva jornalización llenando los campos que aparecen con un valor de cero por defecto.<br><
        <div class="col-sm-12">
          <img class="img-responsive" src="{{ asset('/helpimages/nuevajornalizacion.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> Al finalizar el llenado de los campos podemos guardar los valores de la jornalización en base de datos dando click en el boton guardar de la tabla .<br><br>
      3- <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>
      4- <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 la jornalización.<br><br><br>

    <H4 style="color:teal;">Registro de Unidades.</H4>
    <p class="text-help">
        Para hacer el registro de las unidades 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;Unidades</button> Al acceder al botón Unidades se desplegará un formulario en el cual podemos ingresar la información necesaria para crear una nueva unidad.<br>
      2- Llenar valores en el formulario (algunos valores en el formulario 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/nuevaunidad.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> Al finalizar el llenado de los campos podemos guardar los valores de la unidad en base de datos dando click en el boton guardar de la tabla .<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 la unidad.<br><br><br>

      


      <H4 style="color:teal;">Volver a la pantalla principal de planificación.</H4>
      <p class="text-help">
        Para volver la pantalla principal de planificación 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 si aceptamos abandonaremos el módulo de jornalizació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/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')