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

@section('modal-header-left')

<h4 class="modal-title">	
	<span>{{ Lang::get('admin/_11300.titulo-p-alterar') }}</span>	
</h4>

@overwrite

<form class="form-inline" ng-submit="vm.PerfilPedido.gravar()">
@section('modal-header-right')

	<button ng-if="vm.PerfilPedido.ALTERANDO" type="submit" class="btn btn-success" data-hotkey="f1">
        <span class="glyphicon glyphicon-ok"></span> Gravar
    </button>
	
	<button ng-if="vm.PerfilPedido.ALTERANDO" ng-click="vm.PerfilPedido.cancelar()" type="button" class="btn btn-danger btn-cancelar" data-hotkey="esc">
        <span class="glyphicon glyphicon-ban-circle"></span> Cancelar
    </button>

@overwrite

@section('modal-body')
	<div style="height: calc(100vh - 185px);">		
		<div class="row" style="height: 135px;">

			<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 class="form-group" style="height: 105px; width: calc(60%); min-width: calc(40%); 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: 105px;">
					<table class="table table-striped table-bordered table-condensed table-no-break table-middle table-low">
						<thead>
							<tr>
								<th style="text-align: center; text-align: -webkit-center; max-width: 130px; min-width: 90px; white-space: pre-line;"
									field="@{{coluna.NAME}}" ng-repeat="coluna in vm.PerfilPedido.MODEL_PERMISSAO track by $index">@{{coluna.RNAME}}</th>
							</tr>
						</thead>
						<tbody>
							<tr>
								<td style="text-align: center;" ng-repeat="celula in vm.PerfilPedido.MODEL_PERMISSAO track by $index"
									ng-click="vm.PerfilPedido.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>
		
		<div id="tabela_perfis_pedido_inc" class="tabela_perfis_pedido_inc"></div>
			
	</div>

</form>

@overwrite