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

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

@section('modal-header-left')

<h4 class="modal-title">
	<!-- @{{vm.AtendimentoPedAberto.SELECTED.DESCRICAO}} -->
	<span>12400 - Atendimento de Pedidos em Aberto - Visualização do Item</span>
	<!-- <span ng-if="vm.AtendimentoPedAbertoItens.SELECTED.TAM_DESCRICAO != '' && vm.AtendimentoPedAbertoItens.SELECTED.TAM_DESCRICAO != null">12400 - Item @{{vm.AtendimentoPedAbertoItens.SELECTED.DESC_SEQUENCIA}} - Produto @{{vm.AtendimentoPedAbertoItens.SELECTED.DESC_PRODUTO}} (Tam: @{{vm.AtendimentoPedAbertoItens.SELECTED.TAM_DESCRICAO}})</span>
	<span ng-if="vm.AtendimentoPedAbertoItens.SELECTED.TAM_DESCRICAO == '' || vm.AtendimentoPedAbertoItens.SELECTED.TAM_DESCRICAO == null">12400 - Item @{{vm.AtendimentoPedAbertoItens.SELECTED.DESC_SEQUENCIA}} - Produto @{{vm.AtendimentoPedAbertoItens.SELECTED.DESC_PRODUTO}}</span> -->
</h4>

@overwrite

@section('modal-header-right')

	<!-- <button ng-if="vm.AtendimentoPedAbertoItens.ALTERANDO && vm.AtendimentoPedAbertoItens.TIPO_ADD < 3" type="submit" class="btn btn-success" data-hotkey="f1">
        <span class="glyphicon glyphicon-ok"></span> Gravar
    </button>
	
	<button ng-if="vm.AtendimentoPedAbertoItens.ALTERANDO && vm.AtendimentoPedAbertoItens.TIPO_ADD == 3" type="submit" class="btn btn-success" data-hotkey="f1">
        <span class="glyphicon glyphicon-ok"></span> Confirmar
    </button>
	
	<button ng-if="vm.AtendimentoPedAbertoItens.ALTERANDO" ng-click="vm.AtendimentoPedAbertoItens.cancelar()" type="button" class="btn btn-danger btn-cancelar" data-hotkey="esc">
        <span class="glyphicon glyphicon-ban-circle"></span> Cancelar
    </button>
	
	<button ng-disabled="{{ userMenu($menu)->ALTERAR }} == 0 || (vm.AtendimentoPedAbertoItens.TIPO_ADD == 2 && vm.AtendimentoPedAberto.ALTERANDO == false)" ng-if="!vm.AtendimentoPedAbertoItens.ALTERANDO" ng-click="vm.AtendimentoPedAbertoItens.alterar()" type="button" class="btn btn-primary" data-hotkey="f9">
        <span class="glyphicon glyphicon-edit"></span> Alterar
    </button>   
	
	<button ng-disabled="{{ userMenu($menu)->EXCLUIR }} == 0 || (vm.AtendimentoPedAbertoItens.TIPO_ADD == 2 && vm.AtendimentoPedAberto.ALTERANDO == false)" ng-if="!vm.AtendimentoPedAbertoItens.ALTERANDO" ng-click="vm.AtendimentoPedAbertoItens.excluir()" type="button" class="btn btn-danger" data-hotkey="f12">
        <span class="glyphicon glyphicon-trash"></span> Excluir
    </button> -->
	
	<button ng-if="!vm.AtendimentoPedAbertoItens.ALTERANDO" type="button" class="btn btn-default btn-fechar-modal btn-voltar" ng-click="vm.AtendimentoPedAbertoItens.fecharModal()" data-hotkey="esc">
		<span class="glyphicon glyphicon-chevron-left"></span> Voltar
    </button>	

@overwrite

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

	<fieldset>
		<legend>Dados do Pedido</legend>

		<div class="row">

			<div class="form-group">
				<label>Pedido:</label>
				<input 
					type="text"
					required
					style="font-weight: bold !important; width: 183px;"
					class="form-control"
					ng-model="vm.AtendimentoPedAberto.SELECTED.DESC_PEDIDO"
					readonly="readonly">
			</div>

			<div class="form-group">
				<label>Pedido Cliente:</label>
				<input 
					type="text"
					class="form-control input-medio"
					ng-model="vm.AtendimentoPedAberto.SELECTED.PEDIDO_CLIENTE"
					readonly="readonly">
			</div>
			
			<div class="form-group">
				<label>Data de Emissão:</label>
				<input 
					type="date"
					class="form-control input-medio" 
					required
					ng-atalho
					ng-model="vm.AtendimentoPedAberto.SELECTED.DATA_EMISSAO"
					ng-readonly="!vm.AtendimentoPedAberto.ALTERANDO">
			</div>
			
			<div class="form-group">
				<label>Data Agrup. Produção:</label>
				<input 
					type="date"
					class="form-control input-medio" 
					required
					ng-atalho
					ng-model="vm.AtendimentoPedAberto.SELECTED.DATA_ENTREGA"
					ng-readonly="!vm.AtendimentoPedAberto.ALTERANDO">
			</div>
			
			<div class="form-group">
				<label>Data Cliente:</label>
				<input 
					type="date"
					class="form-control input-medio" 
					required
					ng-atalho
					ng-model="vm.AtendimentoPedAberto.SELECTED.DATA_CLIENTE"
					ng-readonly="!vm.AtendimentoPedAberto.ALTERANDO">
			</div>

			<div class="form-group">
				<label>Cliente:</label>
				<input 
					type="text"
					style="font-weight: bold !important; width: 394px;"
					class="form-control" 
					required
					ng-model="vm.AtendimentoPedAberto.SELECTED.DESC_CLIENTE"
					ng-readonly="!vm.AtendimentoPedAberto.ALTERANDO">
			</div>

			<div class="form-group">
				<label>Programado:</label>
				<label class="switch">
					<input 
						type="checkbox" 
						ng-checked="vm.AtendimentoPedAberto.SELECTED.PROGRAMADO == 1"
						ng-true-value="1"
						ng-false-value="0"
						ng-disabled="!vm.AtendimentoPedAberto.ALTERANDO">
					<div 
						class="slider"></div>
				</label>
			</div>

		</div>
	</fieldset>

	<fieldset>
		<legend>Item do Pedido</legend>

		<div class="row">

			<div class="form-group">
				<label>Sequência:</label>
				<input 
					type="text"
					style="font-weight: bold !important; width: 100px;"
					class="form-control"
					ng-model="vm.AtendimentoPedAbertoItens.SELECTED.DESC_SEQUENCIA"
					readonly="readonly">
			</div>

			<div class="form-group">
				<label>Localização:</label>
				<input 
					type="text"
					style="font-weight: bold !important; width: 200px;"
					class="form-control"
					ng-model="vm.AtendimentoPedAbertoItens.SELECTED.DESC_LOCALIZACAO"
					readonly="readonly">
			</div>

			<div class="form-group">
				<label>Produto:</label>
				<input 
					type="text"
					style="font-weight: bold !important; width: 447px;"
					class="form-control"
					ng-model="vm.AtendimentoPedAbertoItens.SELECTED.DESC_PRODUTO"
					readonly="readonly">
			</div>

			<div class="form-group">
				<label>Tamanho:</label>
				<input 
					type="text"
					style="font-weight: bold !important; width: 85px;"
					class="form-control"
					ng-model="vm.AtendimentoPedAbertoItens.SELECTED.TAM_DESCRICAO"
					readonly="readonly">
			</div>

			<div class="form-group">
				<label>Quantidade:</label>
				<div class="input-group left-icon">
					<input
						ng-number-format="2"
						type="text"
						style="width: 150px; font-weight: bold;"
						class="form-control text-right"
						ng-model="vm.AtendimentoPedAbertoItens.SELECTED.QUANTIDADE"
						ng-readonly="true">

					<div class="input-group-addon" style="padding: 9px !important;"><span>@{{vm.AtendimentoPedAbertoItens.SELECTED.UNIDADEMEDIDA_SIGLA}}</span></div>
				</div>
			</div>
			
			<br>

			<div class="form-group">
				<label>A Faturar:</label>
				<div class="input-group left-icon">
					<input
						ng-number-format="2"
						type="text"
						style="width: 150px; font-weight: bold;"
						class="form-control text-right"
						ng-model="vm.AtendimentoPedAbertoItens.SELECTED.SALDO_FATURAR"
						ng-readonly="true">

					<div class="input-group-addon" style="padding: 9px !important;"><span class="fa fa-calculator"></span></div>
				</div>
			</div>

			<div class="form-group">
				<label style="color: #a94442;">A Produzir:</label>
				<div class="input-group left-icon">
					<input
						ng-number-format="2"
						type="text"
						style="width: 150px; color: #a94442;"
						class="form-control text-right"
						ng-model="vm.AtendimentoPedAbertoItens.SELECTED.SALDO_PRODUZIR"
						ng-readonly="true">

					<div class="input-group-addon" style="padding: 9px !important;"><span class="fa fa-calculator"></span></div>
				</div>
			</div>

			<div class="form-group">
				<label style="color: #8a6d3b;">Em Agrupamento:</label>
				<div class="input-group left-icon">
					<input
						ng-number-format="2"
						type="text"
						style="width: 150px; color: #8a6d3b;"
						class="form-control text-right"
						ng-model="vm.AtendimentoPedAbertoItens.SELECTED.SALDO_AGRUPAMENTO"
						ng-readonly="true">

					<div class="input-group-addon" style="padding: 9px !important;"><span class="fa fa-calculator"></span></div>
				</div>
			</div>

			<div class="form-group">
				<label style="color: #31708f;">Em Produção:</label>
				<div class="input-group left-icon">
					<input
						ng-number-format="2"
						type="text"
						style="width: 150px; color: #31708f;"
						class="form-control text-right"
						ng-model="vm.AtendimentoPedAbertoItens.SELECTED.SALDO_PRODUCAO"
						ng-readonly="true">

					<div class="input-group-addon" style="padding: 9px !important;"><span class="fa fa-calculator"></span></div>
				</div>
			</div>
			<div class="form-group">
				<label style="color: #3c763d;">Estoque Alocado:</label>
				<div class="input-group left-icon">
					<input
						ng-number-format="2"
						type="text"
						style="width: 255px; color: #3c763d;"
						class="form-control text-right"
						ng-model="vm.AtendimentoPedAbertoItens.SELECTED.SALDO_ESTOQUE_ALOCADO"
						ng-readonly="true">

					<div class="input-group-addon" style="padding: 9px !important;"><span class="fa fa-calculator"></span></div>
				</div>
			</div>

		</div>

	</fieldset>

	<div class="panel panel-edit-danger"> 
		<div class="panel-heading" style="cursor: pointer !important;" id="headerPainelInformacoesMP" data-toggle="collapse" data-target="#painelInformacoesMP" aria-expanded="true" aria-controls="painelInformacoesMP" ng-click="vm.AtendimentoPedAbertoItens.showHideDivMP();"> 
			<h3 class="panel-title"> Matéria Prima Projetada/Alocada
				<i class="fa" style="float: right; cursor: pointer;" ng-class="{'fa-chevron-circle-down': !vm.AtendimentoPedAbertoItens.TOGGLE_DIV_MP, 'fa-chevron-circle-up': vm.AtendimentoPedAbertoItens.TOGGLE_DIV_MP}" aria-hidden="true"></i></h3> 
		</div> 
		<div class="panel-body" style="padding: 18px !important;" id="painelInformacoesMP">

			<div class="row">
				<div class="tabela_mp_projetada_alocada" id="tabela_mp_projetada_alocada"></div> 
			</div>

		</div>

	</div>

	<div class="row">
		<div class="col-sm-4">
			<div class="tabela_agrupamento" id="tabela_agrupamento"></div> 
		</div>
		<div class="col-sm-4">
			<div class="tabela_gps" id="tabela_gps"></div> 
		</div>
		<div class="col-sm-4">
			<div class="tabela_ferramentas" id="tabela_ferramentas"></div> 
		</div>
	</div>
	
</div>
</form>

@overwrite