{% 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 () {
                $("#addGruposUser").load("{{ path('addGruposUser',{'idproyectos':idproyectos}) }}");
            });
            $(".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');
                $("#idgrupos").val(idgrupos);
                $("#detalleGrupo").load("{{ path('detalleGrupo',{'idproyectos':idproyectos}) }}",{$idgrupos:idgrupos});
            });

            $(".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
            });

        });
    </script>
    <div class="col-lg-12 col-md-12 col-xs-12">
        <!-- <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>ID Grupo</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 novedadGrupo" data-toggle="modal" data-target="#novedadModal" idgrupos="{{ grupo.idgrupos }}">Novedad</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 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 hidden class="alert alert-danger" id="dontMas"><!--<button class="close" data-dismiss="alert"><span>&times;</span></button>--><strong>Esta novedad no permite convertirla o modificarla en masivo</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 -->
    </div>


{%endblock %}