    <div class="modal  fade" id="ModalHelpreporte"  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> <small> Siscaa</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>
                    1. La pantalla principal cuenta con un pequeño formulario en el cual encontramos los filtros para generar los reportes en cada módulo, los filtro  pueden variar en cada módulo pero estos siempre estarán ubicados en la parte principal del sistema.</b><br></p>
                </tr>
               
      </b><p><br>
        <div class="col-sm-12">
          <img class="img-responsive" src="{{ asset('/helpimages/tablaprincipalreporte.png') }}" alt="Photo">
      </div><br><br><br>

      <H4 style="color:teal;">Acciones dentro del Módulo de Reportes.</H4>

    El módulo de reportes es para cada módulo del sistema informático por medio de este podemos obtener diversos reportes con información que puede tomar y ulizar la institución para la toma de decisiones, para poder generar los reportes podemos elegir uno o todos los filtros que nos aparecen en la pantalla principal, si no queremos hacer una busqueda especifica no seleccionamos ningun filtro.<br><br>
    2. Para generar una consulta seleccionamos el botón <button type="button" class="btn btn-primary btn-xs"><i class="zmdi zmdi-thumb-up"></i> &nbsp; Generar Consulta</button>, para poder asi generar la consulta del módulo.<br><br>
    Nota: En cada módulo obtendremos diversos reportes, a manera de ejemplo aqui mostramos la consulta de tipos de activos.<br><br>
        <div class="col-sm-12">
          <img class="img-responsive" src="{{ asset('/helpimages/consultareporte1.png') }}" alt="Photo">
      </div><br><br>
      <div class="col-sm-12">
          <img class="img-responsive" src="{{ asset('/helpimages/consultareporte2.png') }}" alt="Photo">
      </div><br><br>


    2. Para generar reporte PDF seleccionamos el botón <button type="button" class="btn btn-success btn-xs"><i class="zmdi zmdi-thumb-up"></i> &nbsp; Generar Consulta</button>, para poder asi generar el reporte el módulo.<br><br>
     Nota: En cada módulo obtendremos diversos reportes, a manera de ejemplo aqui mostramos un reporte de tipos de activos.<br><br>
        <div class="col-sm-12">
          <img class="img-responsive" src="{{ asset('/helpimages/pdfreporte1.png') }}" alt="Photo">
      </div><br><br>
         <div class="col-sm-12">
          <img class="img-responsive" src="{{ asset('/helpimages/pdfreporte2.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 sistema informático si aceptamos abandonaremos el módulo de reporte, 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')