@extends('layouts.dashboard')
@section('add-css')

  <style>
    
    .results tr[visible='false'],
    .no-result{
      display:none;
    }

    .results tr[visible='true']{
      display:table-row;
    }

    .counter{
      padding:8px; 
      color:#ccc;
    }
  /*  .divBuscador{
      margin-top: 2%;
    }*/

    .red {
      border: 0px red solid;
        background: red;
        color: white;
    }

  </style>

@endsection

@section('title')
  Tablero Control
@endsection

@section('content')
<div class="card card-shadow mb-4">
  <div class="card-header">
    <div class="card-title">
      <ul class="nav nav-tabs">
        <li class="nav-item"><a class="nav-link active" href="#solapa-clientes" data-toggle="tab"
           aria-expanded="true" id="solapa-clientes-lnk">Clientes</a></li>
<!--        <li class=""><a class="nav-link" href="#solapa-bancos" data-toggle="tab"
           aria-expanded="false" id="solapa-bancos-lnk">Bancos</a></li>
        <li class=""><a class="nav-link" href="#solapa-gastos" data-toggle="tab"
           aria-expanded="false" id="solapa-gastos-lnk">Gastos Pendientes</a></li>
        <li class=""><a class="nav-link" href="#solapa-cheques" data-toggle="tab"
           aria-expanded="false" id="solapa-cheques-lnk">Cheques</a></li>
        <li class=""><a class="nav-link" href="#solapa-cheques-entregados" data-toggle="tab"
           aria-expanded="false" id="solapa-cheques-entregados-lnk">CH - Destino</a></li>-->
      </ul>
    </div>
  </div>
  
  <div class="card-header">
    <div class="tab-content">
      <div class="tab-pane active" id="solapa-clientes">
        @include('tableroControl.clientes')
      </div>

<!--      <div class="tab-pane" id="solapa-bancos">
        {{--@include('tableroControl.bancos')--}}
      </div>

      <div class="tab-pane" id="solapa-gastos">
        {{--@include('tableroControl.gastos')--}}
      </div>

      <div class="tab-pane" id="solapa-gastos">
        {{--@include('tableroControl.gastos')--}}
      </div>

      <div class="tab-pane" id="solapa-cheques">
        {{--@include('tableroControl.cheques')--}}
      </div>

      <div class="tab-pane" id="solapa-cheques-entregados">
        {{--@include('tableroControl.cheques-entregados')--}}
      </div>-->

    </div>
  </div>
</div>
@endsection

@section('add-js')
  <script src="{{ asset('js/admin/tablero/index.js') }}"></script>
@endsection