{% 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-12 col-xs-12" >
        <div>

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

        </div>


    </div>
{%endblock %}        

{%block dashboard %}
    <script>
        $(function () {
            $("#bntAddGruposUser").click(function () {
                {% if idproyectos == 13 %}
                $("#addGruposUser").load("{{ path('addGruposUser',{'idproyectos':idproyectos}) }}");
                {% else %}
                $("#addGruposUser").load("{{ path('addGruposUserCuadrilla',{'idproyectos':idproyectos}) }}");
                {% endif %}
            });
            $(".eliminar").click(function () {
                idgrupos = $(this).attr('idgrupos');
                $.ajax({
                    type: 'POST',
                    url: '{{ path("deleteGrupo",{'idproyectos':idproyectos}) }}',
                    data: {$idgrupos : idgrupos, $opc:0}
                }).done(function (msj) {
                    location.reload();
                });

            });
            $(".detalleGrupo").click(function () {
                idgrupos = $(this).attr('idgrupos');
                idsuper = $(this).attr('idsuper');

                $("#idgrupos").val(idgrupos);
                $("#idsuper").val(idsuper);
                $("#detalleGrupo").load("{{ path('detalleGrupo',{'idproyectos':idproyectos}) }}",{$idgrupos:idgrupos,$idsuper:idsuper});
            });

            $(".novedadGrupo").click(function () {
                idgrupos = $(this).attr('idgrupos');
                $("#idgrupos").val(idgrupos);
                $("#divTablaNovedad").load("{{ path('novedadGrupo',{'idproyectos':idproyectos}) }}",{$idgrupos:idgrupos});
                $("#dontNov").hide();
                $("#dontObs").hide();
                $("#save").hide();
                $("#remove").hide();
            });

            $(".adminUserGrupo").click(function () {
                idgrupos = $(this).attr('idgrupos');
                $("#idgrupos").val(idgrupos)
                $("#adminUserGrupo").load("{{ path('adminUserGrupo',{'idproyectos':idproyectos}) }}",{$idgrupos:idgrupos});
            });
            $(".desactivaGrupo").click(function () {
                    idgrupos = $(this).attr('idgrupos');
                    $.ajax({
                        type: 'POST',
                        url: '{{ path("estadoGrupoUser",{'idproyectos':idproyectos}) }}',
                        data: {$idgrupos : idgrupos, $opc:0}
                    }).done(function (msj) {
                        location.reload();
                    });
                });
            $(".activaGrupo").click(function () {
                idgrupos = $(this).attr('idgrupos');
                $.ajax({
                    type: 'POST',
                    url: '{{ path("estadoGrupoUser",{'idproyectos':idproyectos}) }}',
                    data: {$idgrupos : idgrupos, $opc:1}
                }).done(function (msj) {
                    location.reload();

                });
            });

            $(".modal").modal({
                backdrop: 'static',
                keyboard: false,
                show: false
            });


            $('#btnSaveDistribution').click(function(){
                x = 0;
                sup = new Array();
                nor = new Array();
                esp = new Array();
                tot = new Array();

                {% for resumen in resumenGroup %} //recorre el array
                sup[x]= "{{ resumen.supervisor }}";
                nor[x]= "{{ resumen.normal }}";
                esp[x]= "{{ resumen.especial }}";
                tot[x]= "{{ resumen.total }}";
                x++;
                {% endfor %}

                $.ajax({
                    type: 'POST',
                    url: '{{ path("saveDistribution",{'idproyectos':idproyectos}) }}',
                    data: {sup:sup,nor:nor,esp:esp,tot:tot}
                }).done(function(res){
                    location.reload();
                });
            });

        });
    </script>
    <div class="col-lg-12 col-md-12 col-xs-12">

        <br>
        <div>

            <!-- Nav tabs -->
            <ul class="nav nav-tabs" role="tablist">
                <li role="presentation" class="active"><a href="#profile" role="tab" aria-controls="profile" data-toggle="tab">DETALLE CUADRILLAS</a></li>
                {% if idproyectos == 6 %}
                <li role="presentation"><a href="#home"  aria-controls="home"  role="tab" data-toggle="tab">RESUMEN</a></li>
                {% endif %}
            </ul>

            <!-- Tab panes -->
            <div class="tab-content">
                <div role="tabpanel" class="tab-pane " id="home">

                    <div class="row">
                        <div class="col-lg-6 col-lg-offset-3">
                            <table class="tablesorter table-bordered">
                                <thead>
                                <tr>
                                    <th>Supervisor</th>
                                    <th>Cuadrillas Normales</th>
                                    <th>Cuadrillas Especiales</th>
                                    <th>Total</th>
                                </tr>
                                </thead>
                                <tbody>
                                {% set normales = 0 %}
                                {% set especiales = 0 %}
                                {% for resumen in resumenGroup %}
                                    <tr>
                                        <td>{{ resumen.supervisor }}</td>
                                        <td>{{ resumen.normal }}</td>
                                        <td>{{ resumen.especial }}</td>
                                        <td>{{ resumen.total }}</td>
                                    </tr>
                                    {% set normales = normales +resumen.normal  %}
                                    {% set especiales = especiales +resumen.especial %}
                                {% endfor %}
                                <tr style="font-weight: bold;">
                                    <td>Totales</td>
                                    <td>{{ normales }}</td>
                                    <td>{{ especiales }}</td>
                                    <td>{{ normales+especiales }}</td>
                                </tr>
                                </tbody>
                            </table>
                            <button class="btn btn-danger pull-right" id="btnSaveDistribution">{{'ticketDetail.save' | trans}}</button>
                        </div>
                    </div>


                </div>
                <div role="tabpanel" class="tab-pane active" id="profile">
                    <div class="text-right">
                        <button class="btn btn-success" id="bntAddGruposUser">
                            <span class="glyphicon glyphicon-plus"></span>
                        </button>
                    </div>
                    <input type="hidden" id="idgrupos">
                    <table class="table tablesorter table-bordered">
                        <thead>
                        <th>Grupos</th>
                        <th>Supervisor</th>
                        <th>Personas</th>
                        <th>Fecha Creacion</th>
                        <th>{{'ticketDetail.status' | trans}}</th>
                        <th>Acciones</th>
                        </thead>
                        <tbody>
                        {% for grupo in grupos %}
                            <tr>
                                <td>{{ grupo.grupo }}</td>
                                <td>{{ grupo.supervisor }}</td>
                                <td>{{ grupo.personas|raw }}</td>
                                <td>{{ grupo.fechaCreacion|date('d/m/Y') }}</td>
                                <td>{{ grupo.isActive ==1?'ACTIVO':'DESACTIVO' }}</td>
                                <td>
                                    <div class="dropdown">
                                        <button class="btn btn-primary dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
                                            Accion
                                            <span class="caret"></span>
                                        </button>
                                        <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
                                            <li><a class="btn detalleGrupo text-left" idgrupos="{{ grupo.idgrupos }}" idsuper="{{ grupo.idSu }}">Detalle</a></li>
                                            {% if grupo.isActive == 1 %}
                                                <li><a class="btn desactivaGrupo" idgrupos="{{ grupo.idgrupos }}">Desactiva</a></li>
                                            {% else %}
                                                <li><a class="btn activaGrupo" idgrupos="{{ grupo.idgrupos }}">Activa</a></li>
                                            {% endif %}
                                            <li><a class="btn eliminar" idgrupos="{{ grupo.idgrupos }}">Elimina</a></li>

                                        </ul>
                                    </div>



                                    <!--<button class="btn btn-info detalleGrupo" idgrupos="{{ grupo.idgrupos }}">
                        Detalle
                    </button>

                    <button class="btn btn-default editGrupos" idgrupos="{{ grupo.idgrupos }}">
                        Modificar Datos
                    </button>


                    {% if grupo.isActive == 1 %}
                    <button class="btn btn-danger desactivaGrupo" idgrupos="{{ grupo.idgrupos }}">
                        Desactivar
                    </button>
                    {% else %}
                    <button class="btn btn-success activaGrupo" idgrupos="{{ grupo.idgrupos }}">
                        Activar
                    </button>
                    {% endif %}


                    <button class="btn btn-danger eliminar" idgrupos="{{ grupo.idgrupos }}">
                        Eliminar
                    </button>

                    <button class="btn btn-success novedadGrupo" data-toggle="modal" data-target="#novedadModal" idgrupos="{{ grupo.idgrupos }}">
                        Novedad
                    </button>-->
                                </td>

                            </tr>
                        {% endfor %}
                        </tbody>
                    </table></div>
                <div role="tabpanel" class="tab-pane" id="messages">...</div>
                <div role="tabpanel" class="tab-pane" id="settings">...</div>
            </div>

        </div>





    </div>
    <div id="addGruposUser"></div>
    <div id="detalleGrupo"></div>
    <div id="adminUserGrupo"></div>
    <div id="editGrupos"></div>


    <div class="modal fade" id="novedadModal" tabindex="-1" role="dialog" >
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header  bg-primary">
                    <h1 class="modal-title ">Ingreso de Novedades</h1>
                </div>
                <div hidden class="alert alert-success" id="save"><!--<button class="close" data-dismiss="alert"><span>&times;</span></button>--><strong>Novedad Guardada</strong></div>
                <div hidden class="alert alert-success" id="remove"><!--<button class="close" data-dismiss="alert"><span>&times;</span></button>--><strong>Novedad Eliminada</strong></div>
                <div hidden class="alert alert-info" id="dontNov"><!--<button class="close" data-dismiss="alert"><span>&times;</span></button>--><strong>No eligio novedad, por favor seleccionela</strong></div>
                <div hidden class="alert alert-danger" id="dontObs"><!--<button class="close" data-dismiss="alert"><span>&times;</span></button>--><strong>No ingreso observacion, por favor ingresela</strong></div>
                <div class="modal-body" style="padding: 15px">
                    <div id="divTablaNovedad">
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">{{'monitorii.close' | trans}}</button>
                    </div>
                </div><!-- /.modal-content -->
            </div><!-- /.modal-dialog -->
        </div><!-- /.modal -->


{%endblock %}