{% extends "AppBuroConfianzaSocialRBundle:layout:layout.html.twig" %}
{% block content %}

    {% if is_granted('ROLE_ADMIN') %}

    <div class="tituloNormalGrande">Usuario</div>
    <div class="tituloNormal">Gestion de usuarios</div>
    <br>
    <div >
        <table width="100%">
            <tbody>
            <tr>
                <td  align="left">
                    <input type="image" id="btn-openform-user" onclick="openFormUser(1,null)"  style="padding-top:22px" onmouseout="this.src='{{ asset("bundles/appburoconfianzasocialr/img/NuevoPuesto.png") }}';" onmouseover="this.src='{{ asset("bundles/appburoconfianzasocialr/img/NuevoPuesto2.png") }}';" src="{{ asset("bundles/appburoconfianzasocialr/img/NuevoPuesto.png") }}">
                    <input type="image" disabled  id="btn-edit-user" onclick="editUser()"  style="opacity:0.5; padding-top:22px" onmouseout="this.src='{{ asset("bundles/appburoconfianzasocialr/img/Editar.png") }}';" onmouseover="this.src='{{ asset("bundles/appburoconfianzasocialr/img/Editar2.png") }}';" src="{{ asset("bundles/appburoconfianzasocialr/img/Editar.png") }}">
                    <input type="image" disabled id="btn-delete-user" onclick="deleteUser()"  style="opacity:0.5; padding-top:22px" onmouseout="this.src='{{ asset("bundles/appburoconfianzasocialr/img/Eliminar.png") }}';" onmouseover="this.src='{{ asset("bundles/appburoconfianzasocialr/img/Eliminar2.png") }}';" src="{{ asset("bundles/appburoconfianzasocialr/img/Eliminar.png") }}">
                    <input type="image" disabled id="btn-roles" onclick="showRoles()"  style="opacity:0.5; padding-top:22px" onmouseout="this.src='{{ asset("bundles/appburoconfianzasocialr/img/DuplicarPuesto.png") }}';" onmouseover="this.src='{{ asset("bundles/appburoconfianzasocialr/img/DuplicarPuesto2.png") }}';" src="{{ asset("bundles/appburoconfianzasocialr/img/DuplicarPuesto.png") }}">
                    <div id="container-roles-general" class="tooltip-roles" style="display: none; margin-top: 15px;">
                        <div id="container-roles">

                        </div>
                        <br>
                        <div align="center">
                            <input type="image" onclick="relationRoleUser()" class="botonNormalChico" value="Guardar"/>
                        </div>
                    </div>
                </td>
                <td align="right">
                    <input type="search" id="terminoBusquedaUser" class="inputNormal" placeholder="Nombre, usuario">
                </td>
            </tr>
            </tbody>
        </table>
    </div>
    <br>
    <div id="content-users">

    </div>
    <div id="message-confirm" class="message-confirm">


    </div>

        {% else %}

        <div ALIGN="center"><b style="color:red">NO TIENE PERMISO PARA ACCEDER A ESTA PAGINA</b></div>

        {% endif %}


{% endblock %}



{% block javascripts %}

    {{ parent() }}



    <script type="text/javascript">


            $(document).ready(function () {
                listUsers();

            });


    </script>

{% endblock %}