{% extends "base.html.twig"%}
{% block stylesheets %}
    <link rel="stylesheet" href="{{ asset('css/templateOneBlock.css')}}">
{% endblock %}
{% block titulo %} - <a href="{{path('projectInitial',{ 'idproyectos':idproyectos})}}">{{proyectos.proyecto}}</a> - <a href="{{path(modulo.path,{ 'idproyectos':idproyectos,'idmodule':idmodule})}}">{{modulo.modulo}}</a>{% endblock %}
{% block menuTop %}
    <div class="col-lg-6 col-xs-12" >
        <div class="container" id="menuTop">

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

        </div>


    </div>
{%endblock %}        


{%block dashboard %}


        <script>
            $(function () {

                var table = $('#example').DataTable( {
                    dom: 'Bfrtip',
                    "ajax": {
                        "url": "{{ path('showMiBitacora',{'idproyectos':idproyectos}) }}",
                        "type": "POST",
                        data:  function( d ) {
                            d.years= $('#years').val();
                            d.mes= $('#mes').val();
                        }
                    },
                    columns: [
                    { "data": "ticket" },
                    { "data": "ref" },
                    { "data": "sitio" },
                    { "data": "estado" },
                    { "data": "fechaOpen" },
                        { "data": "fechaInicioAct" },
                        { "data": "fechaFinPro" },
                        { "data": "duracion" },
                        { "data": "DuracionAprobada" },
                        { "data": "observacion" },
                        {"data": "comentario"}

                ],
                    lengthMenu: [
                        [  25, 50, -1 ],
                        [ '10 rows', '25 rows', '50 rows', 'Show all' ]
                    ],
                    buttons: [
                        'pageLength','copy', 'csv', 'excel', 'pdf', 'print'
                    ]
                } );
                $("#btnShowMiBitacora").click(function () {
                    table.ajax.reload();

                    $years= $ ('#years').val();
                    $mes= $('#mes').val();
                    $("#tableResumen").load();
                    $('#tableResumen').load("{{path('tableResumenBitacora',{'idproyectos':idproyectos, 'idmodule':idmodule})}}", {
                        $month: $mes, $userOpen:{{ app.user.iduser }}, $years: $years});


                })
                              });




        </script>
        <div class="col-xs-12 col-md-12 col-lg-12  "  id="search-ticket"  style=" padding: 5px;">


            <div class="row hidden-xs ">
                <div class="col-lg-2 hidden-xs col-md-4 col-sm-4 col-lg-offset-2">
                    {{'Seleccione Año' | trans}}
                </div>
                <div class="col-lg-2 hidden-xs col-md-4 col-sm-4">
                    {{'Seleccione Mes' | trans}}
                </div>

            </div>
            <div class="row hidden-xs ">
                <div class="col-lg-2  hidden-xs  col-md-4 col-sm-4 col-lg-offset-2">
                    <select class="form-control" id="years" name="years">
                        <option></option>
                        <option {% if ("now" | date("Y") -1 )==("now" | date("Y") )%}selected="selected"{%endif%}  value="{{"now" | date("Y") - 1}}">{{"now" | date("Y") - 1}}</option>
                        <option {% if ("now" | date("Y") )==("now" | date("Y") )%}selected="selected"{%endif%} value="{{"now" | date("Y")}}">{{"now" | date("Y")}}</option>
                    </select>
                </div>
                <div class="col-lg-2  hidden-xs  col-md-4 col-sm-4">
                    <select class="form-control" id="mes" name="mes">
                        <option></option>
                        {% set a = 1 %}
                        {% for mes in meses %}
                            <option value="{{ a }}" {% if "now"|date("m")== a %}selected{% endif %}>{{ mes.mes }}</option>
                            {%  set a = a + 1 %}
                        {% endfor %}
                    </select>
                </div>


                <div class="col-lg-2  hidden-xs  col-md-4 col-sm-4">
                    <button type="button" class="btn btn-default" id="btnShowMiBitacora">
                        <span class="glyphicon glyphicon-search" aria-hidden="true"></span> Buscar
                    </button>
                </div>

            </div>

        </div>
    <div class="col-lg-12 " id="tableResumen"></div>

<div class="col-lg-12">
<div class="table-responsive">
    <div style="overflow-x:auto;">
            <table id="example" class="table table-condensed table-striped table-bordered  display nowrap" cellspacing="0" width="100%">
            <thead>
            <tr>
                <th>TICKET</th>
                <th>OT</th>
                <th>SITIO</th>
                <th>{{'ticketDetail.status' | trans}}</th>
                <th>FECHA CREACION</th>
                <th>{{'monitor.etiqueta.fechaI' | trans | upper}}</th>
                <th>{{'monitor.etiqueta.fechaF' | trans | upper}}</th>
                <th>DURACION</th>
                <th>DURACION APROBADA</th>
                <th>{{'Observacion' | trans | upper}}</th>

                <th>COMENTARIO</th>

            </tr>
            </thead>
            <tbody id="tbody">
            </tbody>
        </table>
    </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 %}