{% if companies is defined %}
    <div class="panel-body">
        <h5>Privilegio del usuario en tienda</h5>
        <table class="table table-bordered">
        {% for company in companies  %}
            <thead>
                <tr style="text-align: center; background-color: rgba(124,124,124,0.53)">
                    <th colspan="2" style="padding-left: 15px">{{ company.name }}</th>
                </tr>
            </thead>
            <tbody>
            {% for shop in company.shops %}
                <tr style="text-align: center">
                    <td id="shop_id" data-shop="{{ shop.id }}"><strong>{{ shop.name }}</strong></td>
                    <td>
                        <select class="form-control input-circle select-search typeahead" id="role_rights_filter">
                            <option value="">Seleccione un permiso</option>
                            {% for role in roleRights %}
                                <option value="{{ role.id }}" {{ render(controller('CoreBundle:UserRights:isRoleSelected', { 'userId' : userToUpdate.id, 'shopId' : shop.id, 'roleId' : role.id } )) }}>{{ role.name }}</option>
                            {% endfor %}
                        </select>
                    </td>
                </tr>
            {% endfor %}
            </tbody>
        {% endfor %}
        </table>
    </div>
{% endif %}

<script>
    $('[id^=role_rights_filter]').change(function () {
       var roleId = $(this).val();
       var shopId = $(this).closest('tr').find('#shop_id').data('shop');
       var userId = '{{ userToUpdate.id }}';

        saveRoleRight(roleId, shopId, userId);
    });

    function saveRoleRight(roleId, shopId, userId){
        var path = Routing.generate('_ajax_saveRoleRight', {'roleId' : roleId, 'shopId' : shopId, 'userId' : userId });

        $.post(path, function (result) {
            new PNotify({
                title: 'Perfecto !!',
                text: "El permiso ha sido establecido correctamente.",
                type: 'success'
            });
        }).fail(function (err) {
            console.log(err.responseText);
            new PNotify({
                title: 'Error !!',
                text: "Se ha producido un fallo al establecer el permiso.",
                type: 'danger'
            });
        });
    }
</script>