@extends('helper.include.view.modal', ['id' => 'modal-pedido-item'])

@section('modal-header-left')

<h4 class="modal-title">
	{{ Lang::get($menu.'.legend-pedido-item') }}
</h4>

@overwrite

@section('modal-header-right')

	<button ng-if="vm.Pedidos.ALTERANDO == true" type="button" ng-click="vm.addItem.confirmar()" class="btn btn-success" data-hotkey="f3">
        <span class="glyphicon glyphicon-ok"></span> Confirmar
    </button>
	
	<button ng-click="vm.addItem.cancelar()" type="button" class="btn btn-danger btn-cancelar" data-hotkey="f11">
        <span class="glyphicon glyphicon-ban-circle"></span> Cancelar
    </button>	

@overwrite

@section('modal-body')

	<div class="row">
			
			<div class="form-group">

				<label>{{ Lang::get($menu.'.label-modelo') }}:</label>

				<span 
					class="modelo-amostra-selec" 
					style="background-image: url(/assets/temp/modelo/@{{ vm.addItem.modelo.MODELO_CODIGO }})"
					ng-if="vm.addItem.modelo.MODELO_CODIGO"
				></span>

				<div class="input-group" style="width: 100%;">

					<input 
						type="text"
						style="width: calc(100% - 40px) !important;"
						class="form-control input-maior modelo-selec" 
						autocomplete="off"
						required 
						readonly 
						ng-model="vm.addItem.modelo"
						ng-value="
							(vm.addItem.modelo.MODELO_CODIGO) 
								? vm.addItem.modelo.MODELO_CODIGO +' - '+ vm.addItem.modelo.MODELO_DESCRICAO 
								: ''
						"
						ng-click="vm.addItem.alterarModelo()"
					/>
					
					<button 
						type="button" 
						class="input-group-addon btn-filtro" 
						tabindex="-1" 
						ng-click="vm.addItem.alterarModelo()"
					>
						<span class="fa fa-search"></span>
					</button>

				</div>

			</div>

			<div class="form-group">

				<label>{{ Lang::get($menu.'.label-cor') }}:</label>

				<span 
					class="cor-amostra-selec" 
					style="background-color: @{{ vm.addItem.cor.AMOSTRA | toColor }}"
					ng-class="{'sem-amostra': vm.addItem.cor.AMOSTRA < 1}"
					ng-if="vm.addItem.cor.CODIGO"
				></span>

				<div class="input-group" style="width: 100%;">

					<input 
						type="text"
						style="width: calc(100% - 40px) !important;"
						class="form-control input-maior cor-selec"
						autocomplete="off" 
						required 
						readonly 
						ng-model="vm.addItem.cor"
						ng-value="
							('{{ $pu218 }}' != '1' && vm.addItem.cor.CODIGO)
								? vm.addItem.cor.CODIGO +' - '+ vm.addItem.cor.DESCRICAO
								: ('{{ $pu218 }}' == '1' && vm.addItem.cor.CODIGO)
								? vm.addItem.cor.CODIGO +' ('+ vm.addItem.cor.CONDICAO +')'
								: ''
						"
						ng-click="vm.addItem.alterarCor()"
					/>
					
					<button 
						type="button" 
						class="input-group-addon btn-filtro btn-filtro-cor" 
						tabindex="-1"
						ng-click="vm.addItem.alterarCor()"
					>
						<span class="fa fa-search"></span>
					</button>

				</div>

			</div>

		</div>

		<div class="row">

			<div class="form-group">

				<label>{{ Lang::get($menu.'.label-tamanho-grade') }}:</label>

				<div class="table-container table-container-tamanho">
					<table class="table table-bordered table-header">
						<thead>
							<tr>
								<th class="tamanho text-right">{{ Lang::get($menu.'.th-tamanho') }}</th>
								<th class="tamanho-valor-unitario text-right">{{ Lang::get($menu.'.th-valor-unitario') }}</th>
								<th class="tamanho-quantidade">{{ Lang::get($menu.'.th-quantidade') }}</th>
								<th 
									class="tamanho-quantidade-min text-right"
									title="{{ Lang::get($menu.'.th-quantidade-min-title') }}"
								>
									{{ Lang::get($menu.'.th-quantidade-min') }}
								</th>
								<th 
									class="tamanho-quantidade-mult text-right"
									title="{{ Lang::get($menu.'.th-quantidade-mult-title') }}"
								>
									{{ Lang::get($menu.'.th-quantidade-mult') }}
								</th>
								<th 
									class="tamanho-estoque-min text-center"
									title="{{ Lang::get($menu.'.th-estoque-min-title') }}"
								>
									{{ Lang::get($menu.'.th-estoque-min') }}
								</th>
							</tr>
						</thead>
					</table>

					<div class="scroll-table">
						<table class="table table-striped table-bordered table-hover table-body">
							<tbody>

								<tr 
									ng-repeat="tam in vm.addItem.tamanho | orderBy:'TAMANHO_DESCRICAO'" 
									ng-if="tam.BLQ_PED == 0 && vm.addItem.modelo.MODELO_CODIGO > 0 && vm.addItem.cor.CODIGO > 0"
								>
									<td class="tamanho text-right">@{{ tam.TAMANHO_DESCRICAO }}</td>
									<td class="tamanho-valor-unitario text-right">@{{ tam.TAMANHO_PRECO | currency:"R$ ":2 }}</td>
									<td class="tamanho-quantidade">
										<input 
											type="number" 
											class="form-control input-menor quantidade qtd-tamanhos" 
											min="0" 
											ng-model="tam.quantidade" 
											ng-change="vm.addItem.somaQuantidade();"

											ng-min="tam.QTD_MULT_MODELO"
											min="@{{tam.QTD_MULT_MODELO}}"
											ng-step="tam.QTD_MULT_MODELO"
											step="@{{tam.QTD_MULT_MODELO}}"
												
											ng-blur="vm.addItem.arredondarQuantidadeModelo($event, tam);"
											ng-disabled="tam.BLQ_PED > 0"
											title="@{{ (tam.BLQ_PED > 0) ? 'Tamanho bloqueado para pedido.' : '' }}"
										/>
									</td>
									<td class="tamanho-quantidade-min text-right">@{{ (tam.QTD_MIN_LIBERADA > 0) ? tam.QTD_MIN_LIBERADA : tam.QTD_MIN_MODELO }}</td>
									<td class="tamanho-quantidade-mult text-right">@{{ tam.QTD_MULT_MODELO }}</td>
									<td class="tamanho-estoque-min text-center">
										<span class="fa fa-check" ng-if="tam.EST_MIN === '1'"></span>
										<span class="fa fa-times" ng-if="tam.EST_MIN === '0'"></span>
									</td>
								</tr>
								
							</tbody>
						</table>
					</div>
				</div>

			</div>
		</div>

		<div class="row" style="display: inline-flex;">

			<div class="form-group" style="width: 122px;">

				<label>{{ Lang::get($menu.'.label-quantidade-total') }}:</label>


				<div class="input-group left-icon">

					<input 
						type="text" 
						class="form-control input-menor"
						readonly
						ng-model="vm.addItem.quantidadeTotal"
						ng-value="vm.addItem.quantidadeTotal | number"
					/>

					<div class="input-group-addon"  style="width: 32px;">@{{ vm.addItem.produto.UM }}</div>

				</div>

			</div>

			<div class="form-group" style="margin-left: 20px; width: 180px;">

				<label>{{ Lang::get($menu.'.label-valor-total') }}:</label>

				<div class="input-group left-icon">

					<div class="input-group-addon">R$</div>

					<input 
						type="text" 
						class="form-control" 
						readonly
						ng-model="vm.addItem.valorTotal"
						ng-value="vm.addItem.valorTotal | number:2"
					/>

				</div>

			</div>

		</div>

@overwrite