@extends("app")


@section("content")

<div class="container">
  <div class="row">
    <div class="col-sm-6">
      <h1>Reporte Global</h1>
    </div>
    <div class="col-sm-6">
      <div class="panel panel-primary panel-status u-m30-0">
        <div class="panel-heading">
          <div class="row">
            <div class="col-xs-12 col-sm-6">
              <h4 class="panel-title">
                Cash Operacional
              </h4>
            </div>
            <div class="col-xs-12 col-sm-6">
              <p class="panel-title text-right">
                $234,436,6567,890,000,000
              </p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="row">
    <div class="col-sm-3">
      <div class="form-group">
        <label for="filter-date">
          Filtrar por Fecha
        </label>    
        <input class="form-control" type="text" id="filter-date" name="date">
      </div>
    </div>
    <div class="col-sm-2">
      <button type="button" class="btn btn-primary btn-block btn-input">Filtrar</button>
    </div>
    <div class="col-sm-2 col-sm-offset-5">
      <a href="#" class="btn btn-primary btn-block btn-input">
        Descargar reporte <i class="fa fa-download" aria-hidden="true"></i>
      </a>
    </div>
  </div>
  <ul class="nav nav-tabs nav-tabs-two" role="tablist">
    <li role="presentation" class="active">
      <a href="#ingresos" aria-controls="ingresos" role="tab" data-toggle="tab">Históricos de Ingresos</a>
    </li>
    <li role="presentation">
      <a href="#egresos" aria-controls="egresos" role="tab" data-toggle="tab">Históricos de Egresos</a>
    </li>
  </ul>
  <div class="tab-content">
    <div role="tabpanel" class="tab-pane active" id="ingresos">
      <table class="table table-striped table-hover">
        <thead>
          <tr>
            <th>Fecha</th>
            <th>Cuenta</th> 
            <th>Concepto</th>
            <th>Monto</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td>13/08/17</td>
              <td>38561937564839105622</td>
              <td>Pago</td>
              <td>$123,468,000</td>
            </tr>
            <tr>  
              <td>26/01/17</td>
              <td>38561937564839105622</td>
              <td>Pago</td>
              <td>$268,999,034</td>
            </tr>
            <tr>
              <td>13/08/17</td>
              <td>38561937564839105622</td>
              <td>Pago</td>
              <td>$123,468,000</td>
            </tr>
          </tbody>
        </table>
      </div>
      <div role="tabpanel" class="tab-pane" id="egresos">
        <table class="table table-striped table-hover">
          <thead>
            <tr>
              <th>Fecha</th> 
              <th>Cuenta</th> 
              <th>Concepto</th>
              <th>Monto</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td>13/08/17</td>
              <td>38561937564839105622</td>
              <td>Pago</td>
              <td>$123,468,000</td>
            </tr>
            <tr>
              <td>26/01/17</td>
              <td>38561937564839105622</td>
              <td>Pago</td>
              <td>$268,999,034</td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>
  </div>
</div>

  @endsection