{% extends "base.html.twig" %}
{% block title %}P.W.M - Ingresos{% endblock %}
{% block stylesheets %}
    <link rel="stylesheet" href="{{ asset('datatables/css/dataTables.bootstrap.min.css')}}">
    <link rel="stylesheet" href="{{ asset('datatables/css/buttons.bootstrap.min.css')}}">
    <link rel="stylesheet" href="{{ asset('datatables/css/select.bootstrap.min.css')}}">
    {{ include('IngresoBundle:Default:styles.html.twig') }}
{% endblock %}


{% block templateCSS %}{% endblock %}
{% block menuTop %}{% endblock %}
{% block highcharts4 %}{% endblock %}

{% block dashboard %}
<div class="row">
    <div class="col-lg-12 col-md-12">
        <div class="jumbotron">
            <span class="header-title text-muted">
                <i class="fa fa-arrow-right text-primary"></i>
                Ingresos
            </span>
        </div>
    </div>

    <div class="col-lg-12 col-md-12">
        <ul class="nav nav-tabs">
            <li class="active"><a href="#home" data-path="{{ path('idash_index', {idproyectos:idproyectos,idmodule:idmodule}) }}" data-toggle="tab"><i class="fa fa-dashboard text-primary"></i> Dashboard</a></li>
            <li><a href="#menu1" data-path="{{ path('icontrat_index', {idproyectos:idproyectos,idmodule:idmodule}) }}" data-toggle="tab"><i class="fa fa-building text-primary"></i> Contratistas</a></li>
            <li class="dropdown">
                <a class="dropdown-toggle" data-toggle="dropdown" href="#">
                    <i class="fa fa-cog text-primary"></i> Configurar
                    <span class="caret"></span>
                </a>
                <ul class="dropdown-menu">
                    <li><a href="#menu2" data-path="{{ path('icliente_index', {idproyectos:idproyectos,idmodule:idmodule}) }}" data-toggle="tab">Clientes</a></li>
                    <li><a href="#menu4" data-path="{{ path('inoti_index', {idproyectos:idproyectos,idmodule:idmodule}) }}" data-toggle="tab">Notificaciones</a></li>
                    <li><a href="#menu3" data-path="{{ path('idocs_index', {idproyectos:idproyectos,idmodule:idmodule}) }}" data-toggle="tab">Documentos</a></li>
                    <li><a href="#menu6" data-path="{{ path('tdocu_index', {idproyectos:idproyectos,idmodule:idmodule}) }}" data-toggle="tab">Tipos de Documento</a></li>
                    <li><a href="#menu8" data-path="{{ path('tcontra_index', {idproyectos:idproyectos,idmodule:idmodule}) }}" data-toggle="tab">Tipos de Contratista</a></li> 
                </ul>
            </li>
        </ul>
        <br>
        <div class="loadMain text-center" style="display:none">
            <i class="fa fa-circle-o-notch fa-spin fa-4x fa-fw text-primary"></i>
        </div>
        <div class="tab-content">
          <div id="home" class="tab-pane in active"></div>
          <div id="menu1" class="tab-pane"></div>
          <div id="menu2" class="tab-pane"></div>
          <div id="menu3" class="tab-pane"></div>
          <div id="menu4" class="tab-pane"></div>
          <div id="menu6" class="tab-pane"></div>
          <div id="menu7" class="tab-pane"></div>
          <div id="menu8" class="tab-pane"></div>
        </div>
    </div>
    {% block content %}{% endblock %}
</div>  
{% endblock %}
{% block javascripts %}
    <script src="{{ asset('highcharts5/code/highcharts.js') }}"></script>
    <script src="{{ asset('highcharts5/code/highcharts-more.js') }}"></script>
    <script src="{{ asset('highcharts5/code/modules/solid-gauge.js') }}"></script>
    <script src="{{ asset('datatables/moment.min.js') }}"></script>
    <script src="{{ asset('datatables/js/datatables.min.js') }}"></script>
    <script src="{{ asset('datatables/js/jquery.dataTables.min.js') }}"></script>
    <script src="{{ asset('datatables/js/dataTables.bootstrap.min.js') }}"></script>
    <script src="{{ asset('datatables/js/dataTables.buttons.min.js') }}"></script>
    <script src="{{ asset('datatables/js/buttons.bootstrap.min.js') }}"></script>
    <script src="{{ asset('datatables/js/buttons.flash.min.js') }}"></script>
    <script src="{{ asset('datatables/js/buttons.html5.min.js') }}"></script>
    <script src="{{ asset('datatables/js/buttons.colVis.min.js') }}"></script>
    <script src="{{ asset('datatables/js/dataTables.select.min.js') }}"></script>
    <script src="{{ asset('datatables/js/jszip.min.js') }}"></script>
    <script src="{{ asset('datatables/js/datetime-moment.js') }}"></script>
    <script>
        $(document).ready(function() {
            
            $modulos = $('.nav-tabs li a:not(.dropdown-toggle)');

            $modulos.click(function(event) {
                
                var $tar  = $($(this).attr('href')),
                    path  = $(this).data('path'),
                    $load = $('.loadMain');

                if ($tar.children().length == 0) {

                    $load.fadeIn();
                    $tar.load(path, function() {
                        $load.hide();
                    });
                }
            });

            $modulos.each(function(index, el) {
                
                $modulo = $(el);

                if ($modulo.parent().hasClass('active')) {
                    $modulo.click();
                    return false;
                }    
            });
        });
    </script>
{% endblock %}