@using MicroUniverso.Web.Security.Html

<div breadcrumb-start="Pesquisar Funcionalidades" region="main">
    <div class="separador arvore" style="height: 400px; width: 20%; overflow: auto; float: left;">
        <ul data-bind="foreach: model.modulos">

            <li data-bind="css:{
                               'expandido': expandido && expandido()
                           }">
                <a class="contrai" data-bind="click: $.proxy($root.expandirFuncionalidade, $root)"></a>
                <a href="#" data-bind="text: Nome, click: $.proxy($root.expandirFuncionalidade, $root)"></a>
                <div data-bind="style:{
                                    display: expandido && expandido() ? 'block' : 'none'
                                }">

                    <ul data-bind="foreach: Funcionalidades">

                        <li data-bind="css:{
                               'expandido': expandido && expandido()
                           }">

                            <a href="#" data-bind="text: Descricao, click: $.proxy($root.selecionarFuncionalidade, $root)"></a>
                        </li>

                    </ul>

                </div>
            </li>

        </ul>
    </div>
    
    <br />
    
    @if (Html.UsuarioPermitidoAcao("ALTERAR"))
    {
        <div class="submit" style="clear: both">
            <button type="submit" data-bind="enable: model.possuiFuncionalidadeSelecionada, click: editar">Editar Permissões</button>
        </div>
    }

</div>


<script>

    if (ControllerBase.current) {
        ControllerBase.current.appendToModel({name: 'modulos', value: @Html.Raw(Json.Encode(ViewBag.Modulos))});
    }

</script>

