@extends('layouts.dashboard')

@section('add-css')

@endsection

@section('title')
  Gastos 
@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-saldos" data-toggle="tab"
      		 aria-expanded="true" id="solapa-saldos-lnk">Saldos</a></li>
        <li class=""><a class="nav-link"href="#solapa-registraciones" data-toggle="tab"
      		 aria-expanded="false" id="solapa-registraciones-lnk">Registraciones</a></li>
        <li class=""><a class="nav-link"href="#solapa-masivo" data-toggle="tab"
           aria-expanded="false" id="solapa-masivo-lnk">Reg. Masivas</a></li>
        <li class=""><a class="nav-link"href="#solapa-estado" data-toggle="tab"
           aria-expanded="false" id="solapa-estado-lnk">Estado</a></li>
      </ul>
    </div>
  </div>

  <div class="card-body">
    <div class="tab-content">
      <div class="tab-pane active" id="solapa-saldos">
        @include('gastos.saldos.index')
      </div>

      <div class="tab-pane" id="solapa-registraciones">
        @include('gastos.registraciones.index')
      </div>
      
      <div class="tab-pane" id="solapa-masivo">
        @include('gastos.masivo.index')
      </div>

      <div class="tab-pane fade" id="solapa-estado">
        @include('gastos.estado.index')
      </div>

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

@section('links')

@endsection


@section('add-js')
  <script src="{{ asset('js/admin/gastos/index.js') }}"></script>
  <script src="{{ asset('js/admin/gastos/registraciones/index.js') }}"></script>
  <script src="{{ asset('js/admin/gastos/saldos/index.js') }}"></script>
  <script src="{{ asset('js/admin/gastos/masivo/index.js') }}"></script>
  <script src="{{ asset('js/admin/gastos/estado/index.js') }}"></script>
  

@endsection