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

@section('modal-start')
    <form class="form-inline" ng-submit="vm.CRTEstoque.replicar_regras()">
@overwrite

@section('modal-header-left')

<h4 class="modal-title">
	Replicação Regras
</h4>

@overwrite

@section('modal-header-right')

	<button type="submit" class="btn btn-success" ng-show="vm.CRTEstoque.REPLICANDO" data-hotkey="f1" ng-disabled="vm.CRTEstoque.DADOS_RPL_REG == [] || !vm.CRTEstoque.VERIFIC_MARCAR_REG">
        <span class="glyphicon glyphicon-ok"></span> Replicar
	</button>
	
	<button type="button" class="btn btn-danger btn-fechar-modal btn-cancelar" ng-show="vm.CRTEstoque.REPLICANDO" ng-click="vm.CRTEstoque.cancelar_replicar_regras()"  data-hotkey="esc">
      	<span class="glyphicon glyphicon-ban-circle"></span> Cancelar
	</button>
	
	<button type="button" class="btn btn-light btn-fechar-modal btn-voltar" ng-show="!vm.CRTEstoque.REPLICANDO" ng-click="vm.CRTEstoque.fechar_replicar_regras()" data-hotkey="esc">
		<span class="glyphicon glyphicon-chevron-left"></span> Voltar
  	</button>

@overwrite

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

    <div class="row">
		<div class="form-group" style="display: flex;">
			<div class="form-group" style="display: grid;">	
				<div style="display: -webkit-inline-box;" class="consulta-grupo-rpl"></div>
				
				<div style="display: -webkit-inline-box;" class="consulta-perfil-rpl"></div>
			</div>

			<div class="form-group" style="display: grid;">
				<div style="display: -webkit-inline-box;" class="consulta-grupo-rpl-d"></div>

				<div style="display: -webkit-inline-box;" class="consulta-perfil-rpl-d"></div>
			</div>
		</div>
		<br>
		<div class="table-filter collapse in" aria-expanded="true" 
				style="display: flex;
					width: 100%;
					margin-bottom: 0px;
					background: rgba(221,221,221,.33);
					padding: 0px 2px;
					padding-top: 18px;">

			<div class="form-group" 
					style="display: inline-block;
						padding: 3px 10px 7px;
						padding-bottom: 20px;
						border-radius: 5px;">
				<label>FIltragem dos dados consultados</label>
				<input type="text"
						style="width: 350% !important;"
						placeholder="Filtragem rápida..."
						class="form-control input-maior" 
						ng-model="vm.CRTEstoque.FILTRO_DADOS_RPL">
			</div>

			<div class="form-group">
				<button type="button" class="btn btn-xs btn-primary btn-filtrar" ng-click="vm.CRTEstoque.consultar_rpl_regras()" data-hotkey="alt+f" id="btn-table-filter" style="vertical-align: text-top;
						top: 19px;
						left: 430px;">
					<span class="glyphicon glyphicon-filter"></span> Consultar
				</button>
			</div>

		</div>
			
	</div>

	<div class="table-ec table-scroll" style="height: calc(100vh - 490px);">
		<table class="table table-striped table-bordered table-condensed table-no-break table-middle table-low">
			<thead>
				<tr gc-order-by="vm.CRTEstoque.ORDER_BY">
					<th id="CheckField" style="width:3%;">
						<input
							id="check_all_rpl_regra"
							data-hotkey="alt+g"
							type="checkbox"
							class="chk-selec-form"
							ng-click="vm.CRTEstoque.MarcarLinhasRPL_REG();vm.CRTEstoque.CheckMarkRPL_REG();vm.CRTEstoque.CheckMarkRPL_REG_LINE();"
							tabindex="-1">
					</th>
					<th field="ID">ID</th>
					<th field="DESC_GRUPO_RPL">Grupo</th>
					<th field="DESC_PERFIL_RPL">Perfil</th>
					<th field="DESC_FAMILIA_ID_RPL">Família</th>
					<th field="DESC_TIPO_RPL">Tipo</th>
				</tr>
			</thead>
			<tbody vs-repeat>
				<tr ng-repeat="item in vm.CRTEstoque.DADOS_RENDER_3 = ( vm.CRTEstoque.DADOS_RPL_REG | orderBy : vm.CRTEstoque.ORDER_BY | find: {model : vm.CRTEstoque.FILTRO_DADOS_RPL ,fields : 'all'})"
					ng-focus="vm.CRTEstoque.SELECTED_RPL_REG = item"
					ng-class="{ 'selected' : vm.CRTEstoque.SELECTED_RPL_REG == item }"
					tabindex="0">
					<td>
						<span>
						<input
							type="checkbox"
							class="chk-selec-form"
							ng-model="item.Check_reg"
							ng-click="vm.CRTEstoque.CheckMarkRPL_REG_LINE();">
						</span>
					</td>
					<td>
						<span style="text-align: right;padding-right: 0; display: block; font-size: medium;">
							@{{ item.ID }}
						</span>
					</td>
					<td>
						<span>
							@{{ item.DESC_GRUPO_RPL }}
						</span>
					</td>
					<td>
						<span>
							@{{ item.DESC_PERFIL_RPL }}
						</span>
					</td>
					<td>
						<span>
							@{{ item.DESC_FAMILIA_ID_RPL }}
						</span>
					</td>
					<td>
						<span>
							@{{ item.DESC_TIPO_RPL }}
						</span>
					</td>
				</tr>
			</tbody>
		</table>
	</div>

    </div>
</div>
</form>

@overwrite