@using MicroUniverso.Web
@using MicroUniverso.Web.Security.Html
@model MicroUniverso.Seguranca.Comum.Contratos.FuncionalidadeContract
<div breadcrumb-start="Editar Permissões" region>
    

    <div class="separador arvore" style="height: 400px; overflow: auto;">
        <ul data-bind="template: {name: 'template-grupos', foreach: model.grupos}"></ul>
    </div>
    
    <div data-bind="visible: model.grupoSelecionado" aside>
        
        <h2>Funcionalidade</h2>
        <h3 data-bind="text: model.Descricao"></h3>
        
        <fieldset class="separador label-auto tam-3" data-bind="foreach: model.acoesFuncionalidade">
            <div><label data-bind="text: Descricao">Consultar</label>
                <select style="color: black;" name="Uf" data-bind="options: $root.model.permissoes, optionsText: 'Descricao', optionsValue: 'Valor', value: Permitido, optionsCaption: ''"></select>
            </div>
        </fieldset><br />
        
        <div class="submit">
            <button type="submit" data-bind="click: $.proxy($root.cancelar, $root)">Cancelar</button>
            @if (Html.UsuarioPermitidoAcao("ALTERAR"))
            {
                <button type="submit" data-bind="click: $.proxy($root.aplicar, $root)">Aplicar</button>
            }
        </div>

    </div>


</div>

<script id="template-grupos" type="text/html">

    <li data-bind="css:{
                        'expandido': expandido && expandido()
                       }">
        <a class="contrai" data-bind="click: $.proxy($root.expandirGrupo, $root)"></a>
        <a href="#" data-bind="text: Nome, click: $.proxy($root.selecionarGrupo, $root)"></a>

        <ul data-bind="template: {name: 'template-grupos', foreach: Grupos}, style:{
                                    display: expandido && expandido() ? 'block' : 'none'
                                }"></ul>

    </li>

</script>


<script>

    if (ControllerBase.current) {
        ControllerBase.current.setModel(@Html.Raw(Json.Encode(Model)));
        ControllerBase.current.appendToModel({name: 'grupos', value: @Html.Raw(Json.Encode(ViewBag.Grupos))});
    }

</script>
