{% extends "baseAdmin.html" %}
{% block titulo %}
  .::Reporte
{% endblock titulo %}
{% block content1 %}
    <div class="container">
      <script type="text/javascript">
        $("#navReporte").attr('class','active');
      </script>
        <div class="row"><br><br><br><br></div>
        <div class="row">
          <div class="col-md-10 col-md-offset-1 col-sm-12" >
              <div class="panel panel-primary">
                <div class="panel-heading" align="center"> <h5>REPORTE</h5></div>
                <div class="panel-body">
                  <div class="row">
                    <div class="col-md-2 col-md-offset-1">
                      <h5>Filtrar por:</h5>
                    </div>
                    <div class="col-md-2">
                      <select class="form-control" id="ComboFiltro1">
                        <option value="empleado">Empleado</option>
                        <option value="caja">Caja</option>
                        <option value="sucursal">Sucursal</option>
                        <option value="oficina">Oficina</option>
                      </select>
                    </div>
                    <div class="col-md-2">
                      <select class="form-control" id="ComboFiltro2">
                        <option value="hoy">Hoy</option>
                        <option value="fecha">Fecha</option>
                        <option value="entrefecha">Entre Fechas</option>
                      </select>
                    </div>
                  </div>
                  <br>
                  <div class="row">
                    <div class="col-md-12">
                      <div class="panel panel-default">
                      <div class="panel-body">
                        <div id="myPrintArea">
                          <div id="encabezado">
                            <b>Nombres:</b> Julio Cesar Gonzales Perez   <b>DNI:</b>23456745<br>
                            <b>Cargo:</b> Empleado <Br>
                            <b>Reporte Correspondiente a:</b> 5/12/2016<br>
                          </div>
                          <div>
                            <table border="1">
                                <thead>
                                  <tr>
                                    <th>#</th>
                                    <th>First Name</th>
                                    <th>Last Name</th>
                                    <th>Username</th>
                                    <th>First Name</th>
                                    <th>Last Name</th>
                                    <th>Username</th>
                                  </tr>
                                </thead>
                                <tbody>
                                  <tr>
                                    <th scope="row">1</th>
                                    <td>Mark</td>
                                    <td>Otto</td>
                                    <td>@mdo</td>
                                    <td>Mark</td>
                                    <td>Otto</td>
                                    <td>@mdo</td>
                                  </tr>
                                  <tr>
                                    <th scope="row">2</th>
                                    <td>Jacob</td>
                                    <td>Thornton</td>
                                    <td>@fat</td>
                                    <td>Mark</td>
                                    <td>Otto</td>
                                    <td>@mdo</td>
                                  </tr>
                                  <tr>
                                    <th scope="row">3</th>
                                    <td>Larry</td>
                                    <td>the Bird</td>
                                    <td>@twitter</td>
                                    <td>Mark</td>
                                    <td>Otto</td>
                                    <td>@mdo</td>
                                  </tr>
                                  <tr>
                                    <th scope="row">1</th>
                                    <td>Mark</td>
                                    <td>Otto</td>
                                    <td>@mdo</td>
                                    <td>Mark</td>
                                    <td>Otto</td>
                                    <td>@mdo</td>
                                  </tr>
                                  <tr>
                                    <th scope="row">2</th>
                                    <td>Jacob</td>
                                    <td>Thornton</td>
                                    <td>@fat</td>
                                    <td>Mark</td>
                                    <td>Otto</td>
                                    <td>@mdo</td>
                                  </tr>
                                  <tr>
                                    <th scope="row">3</th>
                                    <td>Larry</td>
                                    <td>the Bird</td>
                                    <td>@twitter</td>
                                    <td>Mark</td>
                                    <td>Otto</td>
                                    <td>@mdo</td>
                                  </tr>
                                </tbody>
                            </table>
                          </div>
                        </div>
                      </div>
                    </div>
                    </div>
                  </div>
                  <div class="row">
                    <div class="col-md-2 col-md-offset-9">
                      <a class="btn btn-primary btn-block"  href="javascript:void(0)" id="imprime" role="button">Imprimir</a>
                      <script type="text/javascript">
                          $('#imprime').click(function () {
                              $('#myPrintArea').printThis();
                          });
                      </script>
                    </div>
                  </div>
                </div>
              </div>
          </div>
        </div>
    </div>
{% endblock content1 %}