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

@section('modal-header-left')

<h4 class="modal-title">	
	<span ng-if="!vm.Menus.ALTERANDO">{{ Lang::get('admin/_11300.titulo-m-exibir') }}</span>
	<span ng-if="vm.Menus.INCLUINDO">{{ Lang::get('admin/_11300.titulo-m-incluir') }}</span>
	<span ng-if="vm.Menus.ALTERANDO == true && vm.Menus.INCLUINDO == false">{{ Lang::get('admin/_11300.titulo-m-alterar') }}</span>	
</h4>

@overwrite

<form class="form-inline" ng-submit="vm.Menus.INCLUINDO == true ? vm.Menus.gravar_menus() : vm.Menus.Gravar()">
@section('modal-header-right')

	<button type="submit" class="btn btn-primary btn-voltar" ng-show="vm.Menus.INCLUINDO == true && vm.Menus.ALTERANDO == true" data-hotkey="f1">
        <span class="glyphicon glyphicon-ok"></span> Confirmar
	</button>
	
	<button type="submit" class="btn btn-success btn-voltar" ng-show="vm.Menus.INCLUINDO == false && vm.Menus.ALTERANDO == true" data-hotkey="f1">
        <span class="glyphicon glyphicon-ok"></span> Gravar
    </button>

    <button type="button" class="btn btn-danger btn-fechar-modal btn-voltar ng-scope" ng-click="vm.Menus.cancelar_i()" data-hotkey="esc">
		<span class="glyphicon glyphicon-ban-circle"></span> Cancelar
	</button>

@overwrite

@section('modal-body')
	<div style="height: calc(100vh - 185px);">
		<div class="form-group">
			<label>Usuário selecionado</label>
			<input type="text" class="form-control input-maior" ng-model="vm.Usuario.SELECTED.DESC_USER" ng-readonly="true">
		</div>

		<div id="filtro_main" ng-show="vm.Menus.INCLUINDO" class="table-filter collapse in" aria-expanded="true" 
			style="margin-bottom: 4px; background: rgba(221,221,221,.33); padding: 2px 10px 7px; border-radius: 5px;">
			<div class="form-group" style="width: calc(100% - 200px); padding-top: 16px; min-width: 200px;">
				<input type="text" style="width: 100% !important; min-width: 170px;" placeholder="FILTRAGEM POR CONTROLE E DESCRIÇÃO DO MENU"
					class="form-control input-maior filter_main3" ng-model="vm.Menus.FILTRO_DADOS">
			</div>

			<div class="form-group" style="padding-top: 5px; width: fit-content; padding-right: 10px;">
				<button type="button" class="btn btn-xs btn-primary btn-filtrar" ng-click="vm.Menus.consultar_inc2()"
					data-hotkey="alt+f" id="btn-menu-filter" style="top: 5px;">
					<span class="glyphicon glyphicon-filter"></span> Filtrar
				</button>
			</div>	
		</div>

		<div id="filtro_main2" ng-show="vm.Menus.ALTERANDO == true && vm.Menus.INCLUINDO == false" class="table-filter collapse in" aria-expanded="true" 
			style="margin-bottom: 4px; background: rgba(221,221,221,.33); padding: 2px 10px 7px; border-radius: 5px;">
			<div class="form-group" style="width: calc(100% - 200px); padding-top: 16px; min-width: 200px;">
				<input type="text" style="width: 100% !important; min-width: 170px;" placeholder="FILTRAGEM POR CONTROLE E DESCRIÇÃO DO MENU"
					class="form-control input-maior filter_main5" ng-model="vm.Menus.FILTRO_DADOS3">
			</div>

			<div class="form-group" style="padding-top: 5px; width: fit-content; padding-right: 10px;">
				<button type="button" class="btn btn-xs btn-primary btn-filtrar" ng-click="vm.Menus.consultar_alt(66)"
					data-hotkey="alt+f" id="btn-menu-alt-filter" style="top: 5px;">
					<span class="glyphicon glyphicon-filter"></span> Filtrar
				</button>
			</div>	
		</div>

		<div class="form-group" style="margin-top: -140px !important; height: 65px; width: calc(41%); float: right; margin-right: 10px;">
			<label style="width: calc(100%); text-align: center; background-color: #337ab7; color: white;
				margin-bottom: 0px !important; border-radius: 4px; border: 1px solid white;">Esquema de Marcação </label>	
			<div class="table-ec" style="height: 65px;">
				<table class="table table-striped table-bordered table-condensed table-no-break table-middle table-low">
					<thead>
						<tr>
							<th 
								style="text-align: center; width: @{{vm.Menus.calc_width($index+1)}}" 
								field="@{{coluna.NAME}}" 
								ng-repeat="coluna in vm.Menus.MODEL_PERMISSAO track by $index">@{{coluna.RNAME}}</th>
						</tr>
					</thead>
					<tbody>
						<tr>
						<td style="text-align: center;" ng-repeat="celula in vm.Menus.MODEL_PERMISSAO track by $index"
								ng-click="vm.Menus.mudar_valor_modelo(celula)">							
								<span ng-if="celula.VALOR == 1" class="glyphicon glyphicon-ok"     style="color: green;"></span>
								<span ng-if="celula.VALOR == 0" class="glyphicon glyphicon-remove" style="color: red;">	 </span> 
							</td>
						</tr>
					</tbody>
				</table>
			</div>			
		</div>
		
		<div class="check-group" ng-show="vm.Menus.INCLUINDO == true && vm.Menus.ALTERANDO == true">
			<label class="lbl" ng-click="vm.Menus.FILTRO_MENU = item.VALOR; vm.Menus.consultar_inc2(1);"
				ng-repeat="item in vm.Menus.MENU_FILTROS track by $index" style="position: relative; top: 2px; margin-right: 0px;">
				<input type="radio" value="@{{vm.Menus.FILTRO_MENU == item.VALOR}}" ng-checked="vm.Menus.FILTRO_MENU == item.VALOR">
				<label style="font-weight: bold; top: 5px;"> @{{ item.DESC }}</label>
			</label>
		</div>

		<div class="check-group" ng-show="vm.Menus.ALTERANDO == true && vm.Menus.INCLUINDO == false">
			<label class="lbl" ng-click="vm.Menus.FILTRO_MENU = item.VALOR; vm.Menus.consultar_alt();"
				ng-repeat="item in vm.Menus.MENU_FILTROS track by $index" style="position: relative; top: 2px; margin-right: 0px;">
				<input type="radio" value="@{{vm.Menus.FILTRO_MENU == item.VALOR}}" ng-checked="vm.Menus.FILTRO_MENU == item.VALOR">
				<label style="font-weight: bold; top: 5px;"> @{{ item.DESC }}</label>
			</label>
		</div>
		<!-- <div ng-click="vm.Menus.FILTRO_MENU = item.VALOR; vm.Menus.consultar_inc2();" ng-repeat="item in vm.Menus.MENU_FILTROS track by $index"
			class="form-group" style="display: inline-block; margin-left: 30px;">
			<label class="input-group">
				<input type="checkbox" value="item.VALOR" ng-checked="vm.Menus.FILTRO_MENU == item.VALOR">
				<label style="font-weight: bold; margin-left: 7px">Grupo: @{{ item.DESC }}</label>
				<div class="slider"></div>
			</label>
		</div> -->
		<!-- <div ng-show="vm.Menus.INCLUINDO" class="table-filter collapse in" aria-expanded="true" style="margin-bottom: 4px; background: rgba(221,221,221,.33); padding: 2px 10px 7px; border-radius: 5px;">
			
		</div> -->
		<!-- <div ng-show="vm.Menus.INCLUINDO" class="table-filter collapse in" aria-expanded="true" 
			style="margin-bottom: 4px; background: rgba(221,221,221,.33); padding: 2px 10px 7px; border-radius: 5px;">

			<div ng-class="vm.Menus.FILTRO_MENU == item.VALOR ? 'btn_select' : ''" ng-repeat="item in vm.Menus.MENU_FILTROS track by $index" class="form-group" style="width: fit-content; padding-right: 10px; padding: 6px;">
				<button type="button" class="btn btn-xs btn-primary btn-filtrar" ng-click="vm.Menus.consultar_inc2();vm.Menus.FILTRO_MENU = item.VALOR;" style="margin-left: 4px; background-color: @{{item.COR}} !important;">
					<span class="glyphicon glyphicon-filter"></span> Grupo: @{{item.DESC}}
				</button>
			</div>	
		</div> -->
		
		<div id="tabela_inc_menu" ng-show="vm.Menus.INCLUINDO" class="tabela_inc_menu"></div>

		<div id="tabela_menu_alt" ng-show="!vm.Menus.INCLUINDO" class="tabela_menu_alt"></div>
	</div>

</form>

@overwrite