@extends('helper.include.view.modal', ['id' => 'modal-incluir', 'class_size' => 'modal-big'])

@section('modal-start')
    <form class="form-inline" name="gravar">
@overwrite

@section('modal-header-left')

	<h4 class="modal-title">
		Incluir
	</h4>

@overwrite

@section('modal-header-right')

    <button  ng-if="vm.Index.ALTERANDO == false" class="btn btn-success" ng-click="vm.Index.incluir()" data-hotkey="f1">
        <span class="glyphicon glyphicon-ok"></span> Gravar
    </button>

    <button  ng-if="vm.Index.ALTERANDO == true" class="btn btn-success" ng-click="vm.Index.alterar()" data-hotkey="f1">
        <span class="glyphicon glyphicon-ok"></span> Gravar
    </button>
    
    <button class="btn btn-danger btn-cancelar" ng-click="vm.Index.cancelar()" data-dismiss="modal" data-hotkey="esc">
        <span class="glyphicon glyphicon-ban-circle"></span> Cancelar
    </button>

    <button ng-if="vm.Index.ALTERANDO == true" data-consulta-historico data-tabela="TBUSUARIO_PERFIL" data-tabela-id="@{{ vm.Index.SELECTED.ID }}" type="button" class="btn gerar-historico" data-hotkey="alt+h">
        <span class="glyphicon glyphicon-time"></span> {{ Lang::get('master.historico') }}
    </button>

@overwrite

@section('modal-body')
    
    <div class="form-group">
        <label  title="Descrição do Index">Descrição:</label>
        <input type="text" class="form-control input-maior" ng-model="vm.Index.NOVO.DESCRICAO">
    </div>

    <div class="form-group">
        <label  title="Se sim, o percentual é influenciado pelo incentivo">Status:</label>
        <div class="input-group">
            <select name="repeatSelect" id="repeatSelect" ng-model="vm.Index.NOVO.STATUS">
                <option value="1">Ativo</option>
                <option value="0">Inativo</option>
            </select>
        </div>
    </div>

    <br>

    <div style="
        height: calc(100vh - 400px);
        min-height: 250px;
        width: 400px;
        display: inline-block;
        margin: 5px;
        border: 1px solid;
        padding: 5px;
        border-radius: 5px;"
        ng-if="vm.Index.ALTERANDO == true">
        Usuários
        <ul  ng-if="vm.Index.ALTERANDO == true" class="list-inline">    
            <li>
                <button 
                    type="button" 
                    class="btn btn-primary btn-incluir" 
                    data-hotkey="f6"
                    ng-disabled="!{{ userMenu($menu)->INCLUIR }}" 
                    ng-click="vm.IndexItens.modalIncluir()">
                    <span class="glyphicon glyphicon-plus"></span> Incluir
                </button>
            </li>                   
            <li>
                <button 
                    type="button" 
                    class="btn btn-danger" 
                    data-hotkey="f8"
                    ng-disabled="!{{ userMenu($menu)->EXCLUIR }} || vm.IndexItens.SELECTED.ID == undefined || vm.IndexItens.ALTERANDO" 
                    ng-click="vm.IndexItens.excluir()">
                    <span class="glyphicon glyphicon-trash"></span> Excluir
                </button>
            </li>                     
        </ul>

        <input type="text" class="form-control input-maior" style="width: 100% !important; margin-bottom: 3px;" placeholder="Filtragem rápida..." ng-model="vm.IndexItens.FILTRO_DADOS">

        <div ng-if="vm.Index.ALTERANDO == true" class="table-ec table-scroll" style="height: calc(100% - 110px); width: 100%">
            <table class="table table-striped table-bordered table-condensed table-no-break table-middle table-low">
                <thead>
                    <tr gc-order-by="vm.IndexItens.ORDER_BY">
                        <th field="ID">ID</th> 
                        <th field="DESCRICAO">Descrição</th>
                    </tr>
                </thead>
                <tbody>
                    <tr 
                        ng-repeat="item in vm.IndexItens.DADOS | orderBy:vm.IndexItens.ORDER_BY  | find: {model : vm.IndexItens.FILTRO_DADOS ,fields : 'all'}"
                        ng-click="vm.IndexItens.SELECTED = item"
                        ng-focus="vm.IndexItens.SELECTED = item"
                        ng-class="{ 'selected' : vm.IndexItens.SELECTED == item }"
                        tabindex="0"
                        >
                        <td>
                            <span>
                                @{{ item.ID }}
                            </span>
                        </td>
                        <td>
                            <span>
                                @{{item.DESCRICAO}}
                            </span>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>

    <div style="
        height: calc(100vh - 400px);
        min-height: 250px;
        width: 550px;
        display: inline-block;
        margin: 5px;
        border: 1px solid;
        padding: 5px;
        border-radius: 5px;"
        ng-if="vm.Index.ALTERANDO == true">
        Menus
        <ul  ng-if="vm.Index.ALTERANDO == true" class="list-inline">    
            <li>
                <button 
                    type="button" 
                    class="btn btn-primary btn-incluir" 
                    data-hotkey="f6"
                    ng-disabled="!{{ userMenu($menu)->INCLUIR }}" 
                    ng-click="vm.IndexMenus.modalIncluir()">
                    <span class="glyphicon glyphicon-plus"></span> Incluir
                </button>
            </li>
            <li>
                <button 
                    type="button" 
                    class="btn btn-warning" 
                    data-hotkey="f7"
                    ng-disabled="!{{ userMenu($menu)->ALTERAR }} || vm.IndexMenus.SELECTED.ID == undefined || vm.Index.ALTERANDO == false" 
                    ng-click="vm.IndexMenus.modalAlterar()">
                    <span class="glyphicon glyphicon-edit"></span>Alterar
                </button>
            </li>                    
            <li>
                <button 
                    type="button" 
                    class="btn btn-danger" 
                    data-hotkey="f8"
                    ng-disabled="!{{ userMenu($menu)->EXCLUIR }} || vm.IndexMenus.SELECTED.ID == undefined || vm.IndexMenus.ALTERANDO" 
                    ng-click="vm.IndexMenus.excluir()">
                    <span class="glyphicon glyphicon-trash"></span> Excluir
                </button>
            </li>                     
        </ul>

        <input type="text" class="form-control input-maior" style="width: 100% !important; margin-bottom: 3px;" placeholder="Filtragem rápida..." ng-model="vm.IndexMenus.FILTRO_DADOS">

        <div ng-if="vm.Index.ALTERANDO == true" class="table-ec table-scroll" style="height: calc(100% - 110px); width: 100%">
            <table class="table table-striped table-bordered table-condensed table-no-break table-middle table-low">
                <thead>
                    <tr gc-order-by="vm.IndexMenus.ORDER_BY">
                        <th field="ID">ID</th> 
                        <th field="DESCRICAO">Descrição</th>
                        <th field="NEGAR">Negar</th>
                        <th field="INCLUIR">Incluir</th>
                        <th field="ALTERAR">Alterar</th>
                        <th field="EXCLUIR">Excluir</th>
                        <th field="IMPRIMIR">Imprimir</th>
                    </tr>
                </thead>
                <tbody>
                    <tr 
                        ng-repeat="item in vm.IndexMenus.DADOS | orderBy:vm.IndexMenus.ORDER_BY  | find: {model : vm.IndexMenus.FILTRO_DADOS ,fields : 'all'}"
                        ng-click="vm.IndexMenus.SELECTED = item"
                        ng-focus="vm.IndexMenus.SELECTED = item"
                        ng-dblclick="vm.IndexMenus.modalAlterar();"
                        ng-class="{ 'selected' : vm.IndexMenus.SELECTED == item }"
                        tabindex="0"
                        >
                        <td>
                            <span>
                                @{{ item.ID }}
                            </span>
                        </td>
                        <td>
                            <span>
                                @{{item.DESCRICAO}}
                            </span>
                        </td>
                        <td>
                            <span ng-if="item.NEGAR == 1" class="glyphicon glyphicon-ok" 	 style="color: green;"></span>
							<span ng-if="item.NEGAR == 0" class="glyphicon glyphicon-remove" style="color: red;"  ></span>
                        </td>
                        <td>
                            <span ng-if="item.INCLUIR == 1" class="glyphicon glyphicon-ok" 	   style="color: green;"></span>
							<span ng-if="item.INCLUIR == 0" class="glyphicon glyphicon-remove" style="color: red;"  ></span>
                        </td>
                        <td>
                            <span ng-if="item.ALTERAR == 1" class="glyphicon glyphicon-ok" 	   style="color: green;"></span>
							<span ng-if="item.ALTERAR == 0" class="glyphicon glyphicon-remove" style="color: red;"  ></span>
                        </td>
                        <td>
                            <span ng-if="item.EXCLUIR == 1" class="glyphicon glyphicon-ok" 	   style="color: green;"></span>
							<span ng-if="item.EXCLUIR == 0" class="glyphicon glyphicon-remove" style="color: red;"  ></span>
                        </td>
                        <td>
                            <span ng-if="item.IMPRIMIR == 1" class="glyphicon glyphicon-ok" 	style="color: green;"></span>
							<span ng-if="item.IMPRIMIR == 0" class="glyphicon glyphicon-remove" style="color: red;"  ></span>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>

    <div style="
        height: calc(100vh - 400px);
        min-height: 250px;
        width: 410px;
        display: inline-block;
        margin: 5px;
        border: 1px solid;
        padding: 5px;
        border-radius: 5px;"
        ng-if="vm.Index.ALTERANDO == true">
        Grupo de Menus
        <ul  ng-if="vm.Index.ALTERANDO == true" class="list-inline">    
            <li>
                <button 
                    type="button" 
                    class="btn btn-primary btn-incluir" 
                    data-hotkey="f6"
                    ng-disabled="!{{ userMenu($menu)->INCLUIR }}" 
                    ng-click="vm.IndexGrupos.modalIncluir()">
                    <span class="glyphicon glyphicon-plus"></span> Incluir
                </button>
            </li>   
            <li>
                <button 
                    type="button" 
                    class="btn btn-warning" 
                    data-hotkey="f7"
                    ng-disabled="!{{ userMenu($menu)->ALTERAR }} || vm.IndexGrupos.SELECTED.MENU_GRUPO == undefined || vm.Index.ALTERANDO == false" 
                    ng-click="vm.IndexGrupos.modalAlterar()">
                    <span class="glyphicon glyphicon-edit"></span>Alterar
                </button>
            </li>                   
            <li>
                <button 
                    type="button" 
                    class="btn btn-danger" 
                    data-hotkey="f8"
                    ng-disabled="!{{ userMenu($menu)->EXCLUIR }} || vm.IndexGrupos.SELECTED.ID == undefined || vm.IndexGrupos.ALTERANDO" 
                    ng-click="vm.IndexGrupos.excluir()">
                    <span class="glyphicon glyphicon-trash"></span> Excluir
                </button>
            </li>                     
        </ul>

        <input type="text" class="form-control input-maior" style="width: 100% !important; margin-bottom: 3px;" placeholder="Filtragem rápida..." ng-model="vm.IndexGrupos.FILTRO_DADOS">

        <div ng-if="vm.Index.ALTERANDO == true" class="table-ec table-scroll" style="height: calc(100% - 110px); width: 100%">
            <table class="table table-striped table-bordered table-condensed table-no-break table-middle table-low">
                <thead>
                    <tr gc-order-by="vm.IndexGrupos.ORDER_BY">
                        <th field="ID">ID</th>
                        <th field="MENU_GRUPO">Grupo</th>
                        <th field="NEGAR">Negar</th>
                        <th field="INCLUIR">Incluir</th>
                        <th field="ALTERAR">Alterar</th>
                        <th field="EXCLUIR">Excluir</th>
                        <th field="IMPRIMIR">Imprimir</th>
                    </tr>
                </thead>
                <tbody>
                    <tr 
                        ng-repeat="item in vm.IndexGrupos.DADOS | orderBy:vm.IndexGrupos.ORDER_BY  | find: {model : vm.IndexGrupos.FILTRO_DADOS ,fields : 'all'}"
                        ng-click="vm.IndexGrupos.SELECTED = item"
                        ng-focus="vm.IndexGrupos.SELECTED = item"
                        ng-dblclick="vm.IndexGrupos.modalAlterar();"
                        ng-class="{ 'selected' : vm.IndexGrupos.SELECTED == item }"
                        tabindex="0"
                        >
                        <td>
                            <span>
                                @{{item.ID}}
                            </span>
                        </td>
                        <td>
                            <span>
                                @{{item.MENU_GRUPO}}
                            </span>
                        </td>
                        <td>
                            <span ng-if="item.NEGAR == 1" class="glyphicon glyphicon-ok" 	 style="color: green;"></span>
							<span ng-if="item.NEGAR == 0" class="glyphicon glyphicon-remove" style="color: red;"  ></span>
                        </td>
                        <td>
                            <span ng-if="item.INCLUIR == 1" class="glyphicon glyphicon-ok" 	   style="color: green;"></span>
							<span ng-if="item.INCLUIR == 0" class="glyphicon glyphicon-remove" style="color: red;"  ></span>
                        </td>
                        <td>
                            <span ng-if="item.ALTERAR == 1" class="glyphicon glyphicon-ok" 	   style="color: green;"></span>
							<span ng-if="item.ALTERAR == 0" class="glyphicon glyphicon-remove" style="color: red;"  ></span>
                        </td>
                        <td>
                            <span ng-if="item.EXCLUIR == 1" class="glyphicon glyphicon-ok" 	   style="color: green;"></span>
							<span ng-if="item.EXCLUIR == 0" class="glyphicon glyphicon-remove" style="color: red;"  ></span>
                        </td>
                        <td>
                            <span ng-if="item.IMPRIMIR == 1" class="glyphicon glyphicon-ok" 	style="color: green;"></span>
							<span ng-if="item.IMPRIMIR == 0" class="glyphicon glyphicon-remove" style="color: red;"  ></span>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>

    <div style="
        height: calc(100vh - 400px);
        min-height: 250px;
        width: 410px;
        display: inline-block;
        margin: 5px;
        border: 1px solid;
        padding: 5px;
        border-radius: 5px;"
        ng-if="vm.Index.ALTERANDO == true">
        Relatórios
        <ul  ng-if="vm.Index.ALTERANDO == true" class="list-inline">    
            <li>
                <button 
                    type="button" 
                    class="btn btn-primary btn-incluir" 
                    data-hotkey="f6"
                    ng-disabled="!{{ userMenu($menu)->INCLUIR }}" 
                    ng-click="vm.IndexRelatorio.modalIncluir()">
                    <span class="glyphicon glyphicon-plus"></span> Incluir
                </button>
            </li>   
            <li>
                <button 
                    type="button" 
                    class="btn btn-warning" 
                    data-hotkey="f7"
                    ng-disabled="!{{ userMenu($menu)->ALTERAR }} || vm.IndexRelatorio.SELECTED.MENU_GRUPO == undefined || vm.Index.ALTERANDO == false" 
                    ng-click="vm.IndexRelatorio.modalAlterar()">
                    <span class="glyphicon glyphicon-edit"></span>Alterar
                </button>
            </li>                   
            <li>
                <button 
                    type="button" 
                    class="btn btn-danger" 
                    data-hotkey="f8"
                    ng-disabled="!{{ userMenu($menu)->EXCLUIR }} || vm.IndexRelatorio.SELECTED.ID == undefined || vm.IndexRelatorio.ALTERANDO" 
                    ng-click="vm.IndexRelatorio.excluir()">
                    <span class="glyphicon glyphicon-trash"></span> Excluir
                </button>
            </li>                     
        </ul>

        <input type="text" class="form-control input-maior" style="width: 100% !important; margin-bottom: 3px;" placeholder="Filtragem rápida..." ng-model="vm.IndexRelatorio.FILTRO_DADOS">

        <div ng-if="vm.Index.ALTERANDO == true" class="table-ec table-scroll" style="height: calc(100% - 110px); width: 100%">
            <table class="table table-striped table-bordered table-condensed table-no-break table-middle table-low">
                <thead>
                    <tr gc-order-by="vm.IndexRelatorio.ORDER_BY">
                        <th field="ID">ID</th>
                        <th field="MENU_GRUPO">Relatório</th>
                        <th field="NEGAR">Ver</th>
                    </tr>
                </thead>
                <tbody>
                    <tr 
                        ng-repeat="item in vm.IndexRelatorio.DADOS | orderBy:vm.IndexRelatorio.ORDER_BY  | find: {model : vm.IndexRelatorio.FILTRO_DADOS ,fields : 'all'}"
                        ng-click="vm.IndexRelatorio.SELECTED = item"
                        ng-focus="vm.IndexRelatorio.SELECTED = item"
                        ng-dblclick="vm.IndexRelatorio.modalAlterar();"
                        ng-class="{ 'selected' : vm.IndexRelatorio.SELECTED == item }"
                        tabindex="0"
                        >
                        <td>
                            <span>
                                @{{item.ID}}
                            </span>
                        </td>
                        <td>
                            <span>
                                @{{item.DESCRICAO}}
                            </span>
                        </td>
                        <td>
                            <span ng-if="item.VER == 1" class="glyphicon glyphicon-ok" 	 style="color: green;"></span>
							<span ng-if="item.VER == 0" class="glyphicon glyphicon-remove" style="color: red;"  ></span>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>

    <div ng-if="vm.Index.ALTERANDO == true" class="msg-alert" style="background-color: #ffd8a0; padding: 5px; border-radius: 5px; border: 1px solid #f1ad4d;">
        <div>Os grupos de menus dão permissão a todos os menus do grupo, uma permissão em um grupo de menus não tem precedência</div>
        <div>Um menu tem precedência sobre um grupo, se o perfil tem um grupo e um menu que dão direito a mesma tela, a permissão usada é a do menu</div>
        <div>Um menu aplicado ao usuário na tela 11300 tem precedência sobre o menu no perfil e o grupo de menu no perfil</div>
        <div>O negar bloqueia um menu para perfil ou usuário</div>
    </div>
@overwrite

@section('modal-end')
    </form>
@overwrite