@extends('templates.admin-lte')

@section('header')
    <h1>
        Solicitudes
        <small>Indice</small>
    </h1>
@endsection

@section('styles')
    @include( 'libraries', ['added' => ['bootstrap-select-css', 'datatables-css', 'jquery-confirm-css', 'jquery-toast-css' ]] )
@endsection


@section('scripts')  
    @include( 'libraries', ['added' => 
    [ 
            'bootstrap-select-js', 'jquery-loading-js', 'chart-js', 'datatables-js', 'jquery-confirm-js', 'jquery-toast-js', 
            'bootstrap-datetimepicker-js', 'vue-js', 'axios-js','jquery-number-js', 'fusionchart-js'
    ]])
    @include("administracion/ventas/informes/solicitudes/index/scripts")
@endsection

@section('content')
    <div id="app">
        <div class="row">
            <div class="col-md-12">

                <div class="box box-primary">

                    <div class="box-body">

                        <div class="nav-pills-custom">
                            
                            <div class="form-group">
                                <ul class="nav nav-pills nav-justified border">
                                    <li > 
                                        <a data-toggle="pill" href="#tabla" class="active show" id="tabla-nav"><b>Tabla</b></a>
                                    </li>
                                    <li>
                                        <a data-toggle="pill" href="#chart"><b>Graficos</b></a>
                                    </li>
                                </ul>

                            </div>
                    <hr>
                            <div class="tab-content">

                                <div id="tabla" class="tab-pane fade in active show">
                                    <fieldset id="tabla-filtros">
                                        @include("administracion/ventas/informes/solicitudes/index/filtros_tabla")
                                    </fieldset>
                                    @include("administracion/ventas/informes/solicitudes/index/table")
                                </div>
                                <div id="chart" class="tab-pane">
                                    @include("administracion/ventas/informes/solicitudes/index/graficos")
                                </div>
                                
                            </div>
                            
                        </div>
                        
                    </div>
                </div>

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