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

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

@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="submit" class="btn btn-primary confirmar_pedido_itens" data-hotkey="f1">
        <span class="glyphicon glyphicon-ok"></span> Confirmar
    </button>
	
	<button ng-click="vm.addItem.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 - 230px);">
	<div class="row">
		<div class="row" style="display: flex;">
			<div class="form-group">

				<label>Linha:  <a tabindex="-1" href="{{ url() }}/_22350" target="_blank" rel="noopener noreferrer"><span class="fa fa-external-link" title="22350 - Cadastro de Linhas de Produção"></span></a></label>

				<span 
					class="modelo-amostra-selec" 
					style="background-image: url(/fotos/modelos/@{{ vm.addItem.linha.ID}})"
					ng-if="vm.addItem.linha.ID"
				></span>

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

					<input 
						type="text"
						style="width: calc(400px) !important;"
						class="form-control input-maior modelo-selec" 
						autocomplete="off"
						required 
						readonly 
						ng-model="vm.addItem.linha"
						ng-value="
							(vm.addItem.linha.ID) 
								? vm.addItem.linha.ID +' - '+ vm.addItem.linha.DESCRICAO 
								: ''
						"
					
					/>
					@php //	ng-click="vm.addItem.alterarLinha()"
					<button 
						type="button" 
						class="input-group-addon btn-filtro" 
						tabindex="-1" 
						ng-click="vm.addItem.alterarLinha()"
					>
						<span class="fa fa-search"></span>
					</button>

				</div>

			</div>

			<div class="form-group" style="margin-left: 15px;">

				<label>{{ Lang::get($menu.'.label-cor') }}: <a tabindex="-1" href="{{ url() }}/_22340" target="_blank" rel="noopener noreferrer"><span class="fa fa-external-link" title="22340 - Cadastro de Cores"></span></a></label>

				<span ng-class="{'sem-amostra': vm.addItem.cor2.AMOSTRA < 1}" ng-if="vm.addItem.cor2.CODIGO" style="background-image: linear-gradient(to right top, @{{ vm.addItem.cor2.AMOSTRA1 | toColor }} 45% , @{{ vm.addItem.cor2.AMOSTRA2 | toColor }} 55%);" class="cor-amostra-selec"></span>
						

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

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

				</div>

			</div>
		</div>		
		@php /*
		<div class="form-group" ng-if="vm.Pedidos.TABELA_PRECO == 2 || vm.Pedidos.TABELA_PRECO == 3">
			<label>{{ Lang::get($menu.'.label-condicao-pagamento') }}: <a tabindex="-1" href="{{URL::to('/')}}/_20160" target="_blank" rel="noopener noreferrer"><span class="fa fa-external-link" title="20160 - Cadastro de Condições de Pagamento"></span></a></label>
			<div class="input-group" style="width: 100%;">
				<input 
					type="text"
					style="width: calc(300px) !important;"
					class="form-control input-maior"
					autocomplete="off" 
					required 
					readonly 
					ng-value="vm.addItem.condpagamento_desc"
					ng-model="vm.addItem.condpagamento_desc"/>

			</div>
		</div>
		@php */
	</div>

	<div class="row" style="width: 100%;">
		<div class="form-group" style="width: 100%;">
			<label>{{ Lang::get($menu.'.label-tamanho-grade') }}:</label>
			<div id="tabela_grade_tamanho2" class="tabela_grade_tamanho2" style="width: 100%;"></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 text-right"
					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 text-right" 
					readonly
					ng-model="vm.addItem.valorTotal"
					ng-value="vm.addItem.valorTotal | number:2"
				/>

			</div>

		</div>

	</div>
</div>
</form>
@overwrite