{% extends "base.html.twig"%}

{% block menuTop %}
    <div class="col-lg-12 col-xs-12" >
        <div>

            {{ render(controller("PortalBundle:Default:topModule",{'idproyectos':idproyectos,'idmodule':idmodule})) }}

        </div>


    </div>
{%endblock %}
{% block dashboard %}


    <script>
        $(function(){

            $("#btnShowMPTEMPERU").click(function(){
                $("#cargar").css('display', '');
                $("#showMPTEMPERU").load("{{ path('showMPTEMPERU',{'idproyectos':idproyectos}) }}",{$years: $("#years").val(), $mes: $("#mes").val()});

            })

        })
    </script>

    <div class="panel panel-default" style="margin: 10%">
        <div class="row">
                <div class="col-lg-3 col-lg-offset-2">
                    <label>{{'Seleccione Año' | trans}}</label>
                    <select id="years">
                        <option>{{ "now"|date("Y") }}</option>
                    </select>

                </div>
                <div class="col-lg-3">
                    <label>{{'Seleccione Mes' | trans}}</label>
                    <select id="mes">
                        {% for mes in meses %}
                        <option>{{ mes.mes }}</option>
                        {% endfor %}
                    </select>

                </div>
                <div class="col-lg-2" style="padding-top: 20px">
                    <button class="btn btn-info" id="btnShowMPTEMPERU" >Consultar</button>
                </div>
                <div id="showMPTEMPERU" style="padding: 20px">
                </div>
            </div>
    </div>

    <link rel="stylesheet" href="{{ asset('css/jquery.dataTables.min.css')}}">
    <link rel="stylesheet" href="{{ asset('css/buttons.dataTables.min.css')}}">


    <!--script src="{{ asset('js/jquery-1.12.4.js') }}"></script-->
    <script src="{{ asset('js/jquery.dataTables.min.js') }}"></script>
    <script src="{{ asset('js/dataTables.buttons.min.js') }}"></script>
    <script src="{{ asset('js/buttons.flash.min.js') }}"></script>
    <script src="{{ asset('js/jszip.min.js') }}"></script>
    <script src="{{ asset('js/pdfmake.min.js') }}"></script>
    <script src="{{ asset('js/vfs_fonts.js') }}"></script>
    <script src="{{ asset('js/buttons.html5.min.js') }}"></script>
    <script src="{{ asset('js/buttons.print.min.js') }}"></script>


{%endblock %}