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

{% block menuTop %}
{%endblock %}
{% block dashboard %}
    <style>
        .letra10{
            font-size: 10;
        }
        fieldset {
            /* font-family: 'trebuchet ms', Helvetica, sans-serif, verdana, arial; */
            width: 90%;
            border: 2px solid #B9E0F8;
            background-color: #EEF6FF;
            padding-left: 15px;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            -khtml-border-radius: 5px;
            border-radius: 5px;
        }
    </style>


    <script>
        $(function(){

            $('#cargar').css('height','100%');
            $('#cargar').css('width','100%');
            $('#cargar').text('CARGANDO');
            $('#cargar').css('top','0');
            $('#cargar').css('left','0');
            $('#cargar').css('display','');
            $('#content_outmiddle').css('float','center');
            $('#content_outmiddle').css('width','100%');
            $('#consulta1').load('{{path('consultasDocumentacionPendTEMPE')}}');
            $('#consulta2').load('{{path('cicloDocumentacionTEMPE')}}');

            {% if is_granted('ROLE_PREVENTIVO') %}

            $("#btnShowSeguimiento").click(function () {
                $("#showSeguimientoMPPE2").empty();
                $("#showSeguimientoMPPE").empty();
                $("#showSeguimientoMPPE").load('{{ path('showSeguimientoMPPE',{'idproyectos':idproyectos}) }}',{ $responsable:$("#responsable").val(),$years:$("#years").val(),$mes:$("#mes").val(),$mesNombre:$("#mes option[value='"+$("#mes").val()+"']").text() });
                $("#showSeguimientoMPPE2").load('{{ path('showSeguimientoMPPE2',{'idproyectos':idproyectos}) }}',{
                    $responsable:$("#responsable").val(),
                    $years:$("#years").val(),
                    $mes:$("#mes").val(),
                    $mesNombre:$("#mes option[value='"+$("#mes").val()+"']").text(),
                    $categoria:$("#categoria").val(),
                    $estados:$("#estados").val(),
                });
                $('#cargar').css('display','');
            });

            {% endif %}
        })
    </script>

    <div class="panel panel-default">

        <br>
        <div style="min-height: 600px">
            <br>
            {% if is_granted('ROLE_PREVENTIVO') %}
                <div id="consulta3">
                    <fieldset style=" margin: auto;">
                        <legend style=" font-size: 18px;">SEGUIMIENTO DE PREVENTIVOS</legend>
                        <div class="col-lg-12 table-bordered">
                            <div class="col-lg-2">
                                <label>Año</label>
                                <div class="input-group">
                                    <select class="form-control" id="years">
                                        <option>{{ "now"|date('Y') }}</option>
                                        <option>{{ "now"|date('Y')-1 }}</option>
                                    </select>


                                </div>
                            </div>
                            <div class="col-lg-2">
                                <label>{{'monitoriii.month' | trans}}</label>
                                <div class="input-group">
                                    <select class="form-control" id="mes">
                                        {% set a = 1 %}
                                        {% for mes in meses %}
                                            <option value="{{ a }}" {% if "now"|date("m")== a %}selected{% endif %}>{{ mes }}</option>
                                            {%  set a = a + 1 %}
                                        {% endfor %}
                                    </select>


                                </div>
                            </div>
                            <div class="col-lg-2">
                                <label>{{'site.category' | trans}}</label>
                                <div class="input-group">
                                    <select class="form-control" id="categoria">
                                        <option value="">TODAS</option>
                                        {% for categoria in categorias %}
                                            <option>{{ categoria.categoria }}</option>
                                        {% endfor %}
                                    </select>


                                </div>
                            </div>

                            <div class="col-lg-2">
                                <label>{{'ticketDetail.status' | trans}}</label>
                                <div class="input-group">
                                    <select class="form-control" id="estados">
                                        <option value="">{{'inbox.all' | trans}}</option>
                                        <option>EJECUTADOS</option>
                                        <option>INCOMPLETOS</option>
                                        <option>PENDIENTES</option>
                                        <option>CANCELADOS</option>
                                    </select>


                                </div>
                            </div>
                            <div class="col-lg-4">
                                <label>Responsable</label>
                                <div class="input-group">
                                    <select class="form-control" id="responsable">
                                        <option value="">{{'inbox.all' |  trans}}</option>
                                        {%  for responsable in responsales %}
                                            <option value="{{ responsable.email }}">{{ responsable.nombre }}</option>
                                        {% endfor %}
                                        <!--option value="rafael.olulo@ericsson.com">RAFAEL OLULO</option>
                                        <option value="lucio.fabian@fsorlam.com">LUCIO FABIAN</option>
                                        <option value="Orlando.asseretor@gmail.com">JESUS ORLANDO ASSERETO REVATTA</option>
                                        <option value="cbrequenac@paeperu.pe">CESAR BRUNO REQUENA CRIVILLERO</option>
                                        <option value="hgalo@paeperu.pe">HAROLDO VELA</option-->
                                    </select>
                <span class="input-group-btn">
                    <button class="btn btn-info" id="btnShowSeguimiento">Consultar</button>
                </span>


                                </div>
                            </div>
                        </div>
                        <div id="showSeguimientoMPPE" style="padding-top: 60px"></div>


                    </fieldset>
                    <div id="showSeguimientoMPPE2" style="padding-top: 50px"></div>
                </div>
            {% endif %}
            <br>
            <div id="consulta1"></div>
            <br>
            <div id="consulta2"></div>
            <br>
            <div id="consulta4"></div>
        </div>
    </div>


{%endblock %}

    {% block javascripts %}
        <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.formatCurrency-1.4.0.js') }}"></script>
        <script src="{{ asset('js/i18n/jquery.formatCurrency.all.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 %}