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

@section('modal-start')
    <form class="form-inline" ng-submit="vm.RomaneioItens.TIPO_ADD < 3 ? vm.RomaneioItens.gravar() : vm.RomaneioItens.confirmItensSelected()">
@overwrite

@section('modal-header-left')

<h4 class="modal-title">
	<!-- @{{vm.Romaneio.SELECTED.DESCRICAO}} -->
	<span ng-if="!vm.RomaneioItens.ALTERANDO">{{ Lang::get('logistica/_14200.titulo2-exibir') }}</span>
	<span ng-if="vm.RomaneioItens.INCLUINDO">{{ Lang::get('logistica/_14200.titulo2-incluir') }}</span>
	<span ng-if="vm.RomaneioItens.COPIANDO">{{ Lang::get('logistica/_14200.titulo2-copiar') }}</span>
	<span ng-if="vm.RomaneioItens.ALTERANDO == true && vm.RomaneioItens.INCLUINDO == false && vm.RomaneioItens.COPIANDO == false">{{ Lang::get('logistica/_14200.titulo2-alterar') }}</span>
</h4>

@overwrite

@section('modal-header-right')
	
	<button type="button" class="btn btn-success btn-fechar-modal btn-voltar" ng-click="vm.RomaneioItens.GravarAlter()" data-hotkey="f1">
		<span class="glyphicon glyphicon-ok"></span> Gravar
	</button>
	
	<button type="button" class="btn btn-danger btn-fechar-modal btn-voltar" ng-click="vm.RomaneioItens.cancelarAlter()" data-hotkey="esc">
		<span class="glyphicon glyphicon-ban-circle"></span> Cancelar
    </button>

@overwrite

@section('modal-header-end')

@overwrite

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

	<div class="form-group" style="width: 191px;">
		<label>Pedido:</label>
		<input 
			type="text"
			only-digits2
			class="form-control input-medio text-right"
			ng-model="vm.RomaneioItens.SELECTED.PEDIDO"
			>
	</div>

	<div class="form-group">
		<label>Pedido Cliente:</label>
		<input 
			type="text"
			only-digits2
			class="form-control input-medio text-right"
			ng-model="vm.RomaneioItens.SELECTED.V_PEDIDO_CLIENTE"
			>
	</div>

	<div class="form-group">
		<label>Modelo:</label>
		<input 
			type="text"
			only-digits2
			class="form-control input-medio text-right"
			ng-model="vm.RomaneioItens.SELECTED.V_MODELO_ID"
			>
	</div>

	<div class="form-group">
		<label>Cor:</label>
		<input 
			type="text"
			class="form-control input-medio" 
			ng-model="vm.RomaneioItens.SELECTED.V_COR_DESCRICAO"
			>
	</div>
	
	<div class="form-group">
		<label>Descrição:</label>
		<input 
			type="text"
			class="form-control input-maior" 
			ng-model="vm.RomaneioItens.SELECTED.V_MODELO_DESCRICAO"
			>
	</div>
	
	<div class="form-group">
		<label>Descrição EDI:</label>
		<input 
			type="text"
			class="form-control input-maior" 
			style="width: 100%;"
			ng-model="vm.RomaneioItens.SELECTED.DESCRICAO_EDI"
			>
	</div>

	<fieldset ng-if="vm.RomaneioItens.SELECTED.LISTA_GARDE.length > 0" style="margin-top: 10px !important;">
		<legend>Quantidade por Tamanho</legend>					
		<div class="form-group" style="display: contents; width: 100% !important; padding-left: 15px; padding-bottom: 15px; border-radius: 9px; border-width: 1px 1px 1px 1px; border-color: rgb(221, 221, 221); border-style: solid; margin-top: -9px;">
			<div class="form-group" style="width: 100%" id="test">

				<div class="input-group" ng-if="item.ALTERAR == '1'" ng-repeat="item in vm.RomaneioItens.SELECTED.LISTA_GARDE track by $index" style="margin-right: 10px; margin-bottom: 5px; margin-top: 2px; margin-left: 5px;">
					<div class="input-group-addon registroTransacaoTamanhoAddon" ng-class="item.ALTERAR == '1' ? 'green999box' : 'gray999box'" style="background-color: #3ec33e!important; color: #fff!important; padding: 9px; width: 47px;">
						<span>@{{ vm.RomaneioItens.SELECTED['DT'+(item.TAMANHO+'').padStart(2,'0')] }}</span>
					</div>

					<input
						ng-if="item.FRACIONAR == 'N' || item.FRACIONAR == '' || item.FRACIONAR == undefined"
						ng-number-format="0"
						type="text"
						style="width: 100px !important "
						class="form-control text-right imput-tamanho-grade imput-tamanho-focar-@{{$index}}"
						ng-model="vm.RomaneioItens.SELECTED['T' + (item.TAMANHO+'').padStart(2,'0')]"
						ng-readonly="!vm.RomaneioItens.ALTERANDO || item.ALTERAR == 0"
						ng-disabled="item.ALTERAR == 0"
						min="0"
						onfocus="this.select();">

					<input
						ng-if="item.FRACIONAR == 'S'"
						ng-number-format="5"
						type="text"
						style="width: 130px !important"
						class="form-control text-right imput-tamanho-grade imput-tamanho-focar-@{{$index}}"
						ng-model="vm.RomaneioItens.SELECTED['T'+(item.TAMANHO+'').padStart(2,'0')]"
						ng-readonly="!vm.RomaneioItens.ALTERANDO || item.ALTERAR == 0"
						ng-disabled="item.ALTERAR == 0"
						min="0"
						onfocus="this.select();">

				</div>

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

@overwrite