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

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

@section('modal-header-left')

<h4 class="modal-title">
	<span>{{ Lang::get('vendas/_12150.titulo3-exibir') }}</span>
</h4>

@overwrite

@section('modal-header-right')

	<button ng-if="vm.SupervisorItens.ALTERANDO" type="submit" class="btn btn-success" data-hotkey="f1">
        <span class="glyphicon glyphicon-ok"></span> Gravar
    </button>
	
	<button ng-if="vm.SupervisorItens.ALTERANDO" ng-click="vm.SupervisorItens.cancelar_itens()" type="button" class="btn btn-default btn-cancelar" 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">
				<label>Supervisor selecionado:</label>
				<input type="text" class="input-maior" ng-model="vm.SupervisorItens.DESC_SUPERVISOR"
					ng-readonly="true">
			</div>
		</div>
		<div class="alert alert-warning" ng-if="vm.SupervisorItens.DESCRIPTION != ''" style="display: flex;">
			<ul style="list-style-type: disc">
				<p style="font-size: 12pt !important;margin-bottom: 0px !important;">@{{vm.SupervisorItens.DESCRIPTION}}</p>
			</ul>
		</div>
		<fieldset>
			<legend> Representantes a serem vinculados </legend>
			<div class="table-ec table-scroll" style="height: calc(100vh - 450px); min-height: 200px;">		
				<table class="table table-striped table-bordered table-condensed table-no-break table-middle table-low">
					<thead>
						<tr gc-order-by="vm.SupervisorItens.ORDER_BY2">
							<th field="STATUS" style="width: 23px; min-width: 23px;" ttitle="Status<br/>Verde: Ativo | Vermelho: Inativo"></th>                    
							<th field="ID">ID</th>
							<th field="RAZAOSOCIAL">Representante</th>
							<th field="NOMEFANTASIA">Nome Fantasia</th>
							<th field="DESC_SUPERVISOR">Supervisor Vinculado</th>
						</tr>
					</thead>
					<tbody>
						<tr ng-repeat="item in vm.SupervisorItens.DADOS_INC_RENDER = (vm.SupervisorItens.DADOS_INC | orderBy : vm.SupervisorItens.ORDER_BY2) track by $index"
							tabindex="0">
							<td class="t-status status-@{{ item.STATUS }}">
							</td>
							<td>
								<span>
									@{{ item.ID || 0 | lpad: [4,0] }}
								</span>
							</td>
							<td>
								<span>
									@{{ item.RAZAOSOCIAL }}
								</span>
							</td>
							<td>
								<span>
									@{{ item.NOMEFANTASIA }}
								</span>
							</td>
							<td>
								<span>
									@{{ item.DESC_SUPERVISOR }}
								</span>
							</td>
						</tr>
					</tbody>
				</table>
			</div>	
		</fieldset>
    </div>
</div>
</form>

@overwrite