@extends('master')

@section('titulo')
{{ Lang::get('vendas/_12400.titulo') }}
@endsection

@section('estilo')
<link rel="stylesheet" href="{{ elixir('assets/css/12400.css') }}" />
@endsection

@section('conteudo')
<div ng-controller="Ctrl as vm" ng-cloak>

	@php $btnGravarNF 			= fn_parametro('SISTEMA.BTN_GRAVAR_NF');

	<input type="hidden" value="{{controleSistema(14)}}"  id="valorPisPadrao">
	<input type="hidden" value="{{controleSistema(232)}}" id="valorPisPadraoDiferenciado">

	<input type="hidden" value="{{controleSistema(15)}}"  id="valorCofinsPadrao">
	<input type="hidden" value="{{controleSistema(233)}}" id="valorCofinsPadraoDiferenciado">

	<input type="hidden" value="{{controleSistema(280)}}" id="dataReducaoPisCof">

	<input type="hidden" value="{{controleUser(144)}}" id="controleAlteracoesFiscais">

	<input type="hidden" value="{{controleUser(121)}}" id="controlePerfilPedidos">

	<input type="hidden" value="{{controleUser(242)}}" id="controleTransferenciaEstoqueAlocado">
	
	<input type="hidden" value="{{controleUser(919)}}" id="controleProjecaoConsumo">

	<input type="hidden" value="{{controleSistema(14)}}" id="valorPisPadrao">
	<input type="hidden" value="{{controleSistema(232)}}" id="valorPisPadraoDiferenciado">

	<input type="hidden" value="{{controleSistema(15)}}" id="valorCofinsPadrao">
	<input type="hidden" value="{{controleSistema(233)}}" id="valorCofinsPadraoDiferenciado">

	<input type="hidden" value="{{controleSistema(280)}}" id="dataReducaoPisCof">


	<input type="hidden" value="{{controleSistema(127)}}" id="especiePadrao">
	<input type="hidden" class="_padrao_acumular_item"	  value="{{fn_parametro('SISTEMA.PADRAO_ACUMULA_ITEM_NF'   , Auth::user()->CODIGO )}}">	

	<input type="hidden" class="_btn_gravar_nf" id="_btn_gravar_nf" value="{{$btnGravarNF}}">
	<input type="hidden" class="_empresa" id="_empresa" value="{{$empresa}}">
	
	<ul class="list-inline acoes">
		<li>
			<button type="button" class="btn btn-default" id="filtrar-toggle" data-toggle="collapse" data-target="#filtro_main" aria-expanded="true" aria-controls="filtro_main" ng-click="vm.AtendimentoPedAberto.tabela_height()">
				Filtro
				<span class="caret"></span>
			</button>
		</li>

		<li ng-show="vm.TabelaPrincipal.DADOS.length >= 1 && vm.AtendimentoPedAberto.FILTRO_PROJECAO == false && vm.AtendimentoPedAberto.FILTRO_ALOCACAO == false">
			<div class="dropdown" id="dropCompilado">
				<a id="dLabel" role="button" data-toggle="dropdown" class="btn btn-danger" ng-dblclick="$event.stopPropagation();">
					<span class="fa fa-th-list"></span> Processar todos os pedidos
				</a>
				<ul class="dropdown-menu multi-level" role="menu" aria-labelledby="dropdownMenu">
					<li class="dropdown-header" style="text-transform: initial; font-weight: bold;">Ações Disponíveis</li>
					<li><a href="javascript:void(0)" ng-click="vm.AtendimentoPedAberto.reprocessarDatasAll(); $event.stopPropagation();"><span class="fa fa-calendar"></span> Reprocessar Datas</a></li>
					<li class="divider"></li>
					<li class="dropdown-submenu" id="liAlocar">
						<a tabindex="-1" href="javascript:void(0)">Alocar</a>
						<ul class="dropdown-menu">
							<li><a tabindex="-1" href="javascript:void(0)" ng-click="vm.AtendimentoPedAberto.processOptionAll('A', 1); $event.stopPropagation();">1. Estoque</a></li>
							<li><a tabindex="-1" href="javascript:void(0)" ng-click="vm.AtendimentoPedAberto.processOptionAll('A', 2); $event.stopPropagation();">2. Talões de Produção</a></li>
							<li><a tabindex="-1" href="javascript:void(0)" ng-click="vm.AtendimentoPedAberto.processOptionAll('A', 3); $event.stopPropagation();">3. Matéria Prima</a></li>
							<li><a tabindex="-1" href="javascript:void(0)" ng-click="vm.AtendimentoPedAberto.processOptionAll('A', 4); $event.stopPropagation();">4. Agrupamento</a></li>
							<li class="divider"></li>
							<li><a tabindex="-1" href="javascript:void(0)" ng-click="vm.AtendimentoPedAberto.processOptionAll('A', 5); $event.stopPropagation();">5. Estoque + Talões de Produção</a></li>
							<li><a tabindex="-1" href="javascript:void(0)" ng-click="vm.AtendimentoPedAberto.processOptionAll('A', 6); $event.stopPropagation();">6. Matéria Prima + Agrupamento</a></li>
							<li class="divider"></li>
							<li><a tabindex="-1" href="javascript:void(0)" ng-click="vm.AtendimentoPedAberto.processOptionAll('A', 7); $event.stopPropagation();" ng-if="vm.AtendimentoPedAberto.EMPRESA_SYSTEMA != 'gc'">7. Estoque + Talões de Produção + Matéria Prima + Agrupamento</a></li>
							<li><a tabindex="-1" href="javascript:void(0)" ng-click="vm.AtendimentoPedAberto.processOptionAll('A', 9); $event.stopPropagation();" ng-if="vm.AtendimentoPedAberto.EMPRESA_SYSTEMA != 'gc'">8. Estoque + Talões de Produção (com desalocação de talões)</a></li>
						</ul>
					</li>
					<li class="dropdown-submenu" id="liDesalocar">
						<a tabindex="-1" href="javascript:void(0)">Desalocar</a>
						<ul class="dropdown-menu">
							<li><a tabindex="-1" href="javascript:void(0)" ng-click="vm.AtendimentoPedAberto.processOptionAll('D', 1); $event.stopPropagation();">1. Estoque</a></li>
							<li><a tabindex="-1" href="javascript:void(0)" ng-click="vm.AtendimentoPedAberto.processOptionAll('D', 2); $event.stopPropagation();">2. Talões de Produção</a></li>
							<li><a tabindex="-1" href="javascript:void(0)" ng-click="vm.AtendimentoPedAberto.processOptionAll('D', 3); $event.stopPropagation();">3. Matéria Prima</a></li>
							<li><a tabindex="-1" href="javascript:void(0)" ng-click="vm.AtendimentoPedAberto.processOptionAll('D', 4); $event.stopPropagation();">4. Agrupamento</a></li>
							<li class="divider"></li>
							<li><a tabindex="-1" href="javascript:void(0)" ng-click="vm.AtendimentoPedAberto.processOptionAll('D', 5); $event.stopPropagation();">5. Estoque + Talões de Produção</a></li>
							<li><a tabindex="-1" href="javascript:void(0)" ng-click="vm.AtendimentoPedAberto.processOptionAll('D', 6); $event.stopPropagation();">6. Matéria Prima + Agrupamento</a></li>
							<li class="divider"></li>
							<li><a tabindex="-1" href="javascript:void(0)" ng-click="vm.AtendimentoPedAberto.processOptionAll('D', 7); $event.stopPropagation();" ng-if="vm.AtendimentoPedAberto.EMPRESA_SYSTEMA != 'gc'">7. Estoque + Talões de Produção + Matéria Prima + Agrupamento</a></li>
						</ul>
					</li>
				</ul>
			</div>
		</li>

		<li ng-show="vm.TabelaPrincipal.DADOS.length >= 1 && vm.AtendimentoPedAberto.FILTRO_PROJECAO == true && vm.AtendimentoPedAberto.FILTRO_ALOCACAO == false && vm.AtendimentoPedAberto.PERMISSAO_PROJECAO_CONSUMO == '1'">
			<button type="button" class="btn btn-warning" data-hotkey="f2" ng-click="vm.AtendimentoPedAberto.calcularProjecao();">
				<span class="glyphicon glyphicon-play"></span> Projeção
			</button>
		</li>

		<li ng-show="vm.TabelaPrincipal.DADOS.length >= 1 && vm.AtendimentoPedAberto.FILTRO_PROJECAO == false && vm.AtendimentoPedAberto.FILTRO_ALOCACAO == true">
			<button type="button" class="btn btn-warning" data-hotkey="f2" ng-click="vm.AtendimentoPedAberto.processarAlocacaoDetalhada();">
				<span class="glyphicon glyphicon-play"></span> Processar alocação detalhada
			</button>
		</li>

	</ul>

	<style>
		.t-status.status-0:before {
			background-color: rgb(217, 83, 79);
		}

		.t-status.status-1:before {
			background-color: rgb(68, 157, 68);
		}

		.table-condensed>thead>tr>th,
		.table-condensed>thead>tr>td,
		.table-condensed>tbody>tr>th,
		.table-condensed>tbody>tr>td,
		.table-condensed>tfoot>tr>th,
		.table-condensed>tfoot>tr>td {
			padding: 5px !important;
		}
	</style>
	<form ng-submit="vm.AtendimentoPedAberto.consultar(1)" class="form-inline">
		<div id="filtro_main" class="table-filter collapse in" aria-expanded="true" style="margin-bottom: 4px;
						background: rgba(221,221,221,.33);
						padding: 2px 10px 7px;
						border-radius: 5px;">


			<div class="form-group" style="margin-right: 0px !important;">
				<div class="form-group" id="formGroutMotherData">
					<select class="form-control" ng-model="vm.AtendimentoPedAberto.TIPO_DATA_FILTRO" id="selectFormGroup" ng-change="vm.AtendimentoPedAberto.limparFiltragem();">
						<option style="font-weight: 600;" ng-value="1">Dt.Emissão</option>
						<option style="font-weight: 600;" ng-value="2">Dt.Agrup.Prod.</option>
						<option style="font-weight: 600;" ng-value="3">Dt.Cliente</option>
					</select>
					<input type="date" style="width: 130px; margin-left: 4px; margin-top: 4px;" class="form-control filter_main" ng-model="vm.AtendimentoPedAberto.DATA_INICIO" ng-change="vm.AtendimentoPedAberto.limparFiltragem();" ng-atalho>
					<label style="padding-top: 8px; padding-right: 5px; padding-left: 5px;"> à </label>
					<input type="date" style="width: 130px; margin-top: 4px;" class="form-control filter_main" ng-model="vm.AtendimentoPedAberto.DATA_FIM" ng-change="vm.AtendimentoPedAberto.limparFiltragem();" ng-atalho>
				</div>
			</div>

			<div class="form-group">
				<label>Status:</label>
				<div class="input-group">
					<select ng-model="vm.AtendimentoPedAberto.STATUS_PEDIDO" ng-style="{color: {true: vm.AtendimentoPedAberto.ITEM_STATUS.STYLE, false:'rgb(0, 0, 0);'}[vm.AtendimentoPedAberto.ITEM_STATUS.STYLE !== undefined]}" ng-change="vm.AtendimentoPedAberto.filtroStatusOnChange();">
						<option ng-repeat="item in vm.AtendimentoPedAberto.STATUS_OPT track by $index" ng-value="item.VALOR" ng-style="{color: {true: item.STYLE, false:'rgb(0, 0, 0);'}[item.STYLE !== undefined]}">@{{item.DESCRICAO}}</option>
					</select>
				</div>
			</div>

			<div class="form-group">
				<label>Programado:</label>
				<div class="input-group">
					<select style="width: 120px;" ng-model="vm.AtendimentoPedAberto.STATUS_PROGRAMADO" ng-change="vm.AtendimentoPedAberto.limparFiltragem();">
						<option ng-value="-1">Todos</option>
						<option ng-value="1">Sim</option>
						<option ng-value="0">Não</option>
					</select>
				</div>
			</div>
			
			<div class="form-group">
				<label>Estoque:</label>
				<div class="input-group">
					<select style="width: 120px;" ng-model="vm.AtendimentoPedAberto.FILTRO_ESTOQUE" ng-change="vm.AtendimentoPedAberto.limparFiltragem();">
						<option ng-value="-1">Todos</option>
						<option ng-value="1">100% disponível</option>
						<option ng-value="2">Incompleto</option>
					</select>
				</div>
			</div>

			<div class="form-group">
				<label>Conferência:</label>
				<div class="input-group">
					<select style="width: 130px;" ng-model="vm.AtendimentoPedAberto.FILTRO_CONFERENCIA" ng-change="vm.AtendimentoPedAberto.limparFiltragem();">
						<option ng-value="-1">Todos</option>
						<option ng-value="1">Não Realizada</option>
						<option ng-value="2">Iniciada</option>
						<option ng-value="3">Finalizada 100%</option>
						<option ng-value="4">Finalizada Incompleta</option>
					</select>
				</div>
			</div>

			<div style="display: contents;" class="consulta-estab-filtro"></div>
			
			<div class="email-container" style="display: inline-block; padding-right: 10px;">
				<div class="form-group EmailContato1" style="margin: 5px 0px 5px 0px;">
					<label>Perfis de Pedido:</label>
					<div class="contato-div-container" ng-click="vm.ListObjPerfis.setFoco()"
					 	 style="height: 30px;
								max-width: 600px;
								overflow: hidden;
								display: -webkit-inline-box;
								overflow: auto;">

						<div style="opacity: 0; margin-left: -3px;" class="contato-iten"></div>

						<div style="cursor: pointer;" ng-click="vm.ListObjPerfis.setFoco()" title="@{{valor.DESCRICAO}}" ng-repeat="valor in vm.ListObjPerfis.itens track by $index" class="contato-iten">@{{valor.ID}}
						<div style="cursor: pointer;" ng-click="vm.ListObjPerfis.deletarItem($index)">x</div></div>
						
						<input  ng-blur="vm.ListObjPerfis.blur()"
							type="text"
							ng-keydown="vm.ListObjPerfis.keydown($event)"
							ng-keypress="vm.ListObjPerfis.keypress($event)"
							ng-model="vm.ListObjPerfis.valor"
							class="form-control input-maior">
					</div>  

					<button style="position: absolute; display: inline-block; margin-left: -30px; height: 29px !important; border-radius: 0px 4px 4px 0px; padding: 0px 7px 3px 8px;"
						type="button"
						class="btn btn-success"
						ng-click="vm.AtendimentoPedAberto.abrirConsultaMultipla(vm.AtendimentoPedAberto.CONSULTAS2[0],0,'CONSULTAS2')">
						<span class="glyphicon glyphicon-plus"></span>
					</button> 
				</div> 
			</div>
			
			<div style="display: contents;" class="consulta-representante-filtro"></div>
			
			<div class="email-container" style="display: inline-block; padding-right: 10px;">
				<div class="form-group EmailContato2" style="margin: 5px 0px 5px 0px;">
					<label>Grupo de Clientes:</label>
					<div class="contato-div-container" ng-click="vm.ListObjGrupoCliente.setFoco()"
					 	 style="height: 30px;
								max-width: 600px;
								overflow: hidden;
								display: -webkit-inline-box;
								overflow: auto;">

						<div style="opacity: 0; margin-left: -3px;" class="contato-iten"></div>

						<div style="cursor: pointer;" ng-click="vm.ListObjGrupoCliente.setFoco()" title="@{{valor.DESCRICAO}}" ng-repeat="valor in vm.ListObjGrupoCliente.itens track by $index" class="contato-iten">@{{valor.ID}}
						<div style="cursor: pointer;" ng-click="vm.ListObjGrupoCliente.deletarItem($index)">x</div></div>
						
						<input  ng-blur="vm.ListObjGrupoCliente.blur()"
							type="text"
							ng-keydown="vm.ListObjGrupoCliente.keydown($event)"
							ng-keypress="vm.ListObjGrupoCliente.keypress($event)"
							ng-model="vm.ListObjGrupoCliente.valor"
							class="form-control input-maior">
					</div>  

					<button style="position: absolute; display: inline-block; margin-left: -30px; height: 29px !important; border-radius: 0px 4px 4px 0px; padding: 0px 7px 3px 8px;"
						type="button"
						class="btn btn-success"
						ng-click="vm.AtendimentoPedAberto.abrirConsultaMultipla(vm.AtendimentoPedAberto.CONSULTAS2[1],1,'CONSULTAS2')">
						<span class="glyphicon glyphicon-plus"></span>
					</button> 
				</div> 
			</div>
			<!-- <div style="display: contents;" class="consulta-perfil-filtro"></div> -->


			<!-- <div style="display: contents;" class="consulta-grupo-cliente-filtro"></div> -->

			<div style="display: contents;" class="consulta-cliente-filtro"></div>

			<!-- <br> -->

			<div style="display: contents;" class="consulta-localizacao-filtro"></div>

			<div style="display: contents;" class="consulta-produto-filtro"></div>


			<div class="form-group">
				<label>Pedido:</label>				
				<input type="text" style="width: 100px !important; min-width: 100px;" class="form-control input-maior filter_main" 
					ng-change="vm.AtendimentoPedAberto.limparFiltragem();" ng-model="vm.AtendimentoPedAberto.FILTRO_DADOS">
			</div>

			<div class="form-group">
				<label>Pedido Cliente:</label>
				<input type="text" style="width: 100px !important; min-width: 100px;" class="form-control input-maior filter_main" 
					ng-change="vm.AtendimentoPedAberto.limparFiltragem();" ng-model="vm.AtendimentoPedAberto.FILTRO_PEDIDO_CLIENTE">
			</div>

			<div class="form-group">
				<label> Prioridade: </label>
				<div class="input-group left-icon">							
					<input type="text"  only-digits2 maxlength="5" style="width: 58px !important;"
						class="form-control text-right" ng-change="vm.AtendimentoPedAberto.limparFiltragem();" 
						ng-model="vm.AtendimentoPedAberto.FILTRO_PRIORIDADE"/>
				</div>
			</div> 

			<div class="form-group">
				<label>Bloqueio Pedido:</label>
				<div class="input-group">
					<select ng-model="vm.AtendimentoPedAberto.FILTRO_BLOQUEIO" ng-change="vm.AtendimentoPedAberto.limparFiltragem();">
						<option ng-value="-1">Todos</option>
						<option ng-value="0">Sem Bloqueio</option>
						<option ng-value="4">Com Bloqueio</option>
						<option ng-value="1">Bloqueio para Alocação/Desalocação</option>
						<option ng-value="2">Bloqueio para Alocação</option>
						<option ng-value="3">Bloqueio para Desalocação</option>
					</select>
				</div>
			</div>

			<div class="form-group">
				<label>Bloqueio Cliente:</label>
				<div class="input-group">
					<select ng-model="vm.AtendimentoPedAberto.FILTRO_BLOQUEIO_CLIENTE" ng-change="vm.AtendimentoPedAberto.limparFiltragem();">
						<option ng-value="-1">Todos</option>
						<option ng-value="1">Sem Bloqueio</option>
						<option ng-value="2">Com Bloqueio</option>
					</select>
				</div>
			</div>

			<div class="form-group">
				<label>Ordenar Pedidos Por:</label>
				<select class="form-control ordenacao_principal"
					ng-model="vm.AtendimentoPedAberto.OrdenacaoPrincipal"
					ng-change="vm.AtendimentoPedAberto.ReordenarDadosPrincipal()">
					<option ng-value="1">Data de Emissão/Pedido		</option>
					<option ng-value="2">Data de Emissão/Prioridade	</option>
					<option ng-value="3">Data do Cliente/Pedido		</option>
					<option ng-value="4">Data do Cliente/Prioridade </option>
					<option ng-value="5">Prioridade/Data de Emissão	</option>
					<option ng-value="6">Prioridade/Data do Cliente	</option>
				</select>								
			</div>

			<div class="form-group">
				<label style="font-weight: bold;">Filtrar Pedidos por:</label>

				<div class="check-group">
					<label class="lbl" style="margin-right: 25px;">

						<input id="chk-pedidos-abertos" type="checkbox" class="form-control" ng-click="vm.AtendimentoPedAberto.FILTRO_PEDIDOS_ABERTO = vm.AtendimentoPedAberto.FILTRO_PEDIDOS_ABERTO ? false : true; vm.AtendimentoPedAberto.limparFiltragem();" ng-checked="vm.AtendimentoPedAberto.FILTRO_PEDIDOS_ABERTO" />
						<label for="chk-pedidos-abertos" ng-class="{'fontBold': vm.AtendimentoPedAberto.FILTRO_PEDIDOS_ABERTO}" style="top: 4px !important; margin-left: 2px;">
							Pedidos em Aberto
						</label>

					</label>

					<label class="lbl" style="margin-right: 25px;">
						<input id="chk-pedidos-estoque-minimo" type="checkbox" class="form-control" ng-click="vm.AtendimentoPedAberto.FILTRO_PEDIDOS_ESTOQUE_MINIMO = vm.AtendimentoPedAberto.FILTRO_PEDIDOS_ESTOQUE_MINIMO ? false : true; vm.AtendimentoPedAberto.limparFiltragem();" ng-checked="vm.AtendimentoPedAberto.FILTRO_PEDIDOS_ESTOQUE_MINIMO" />
						<label for="chk-pedidos-estoque-minimo" ng-class="{'fontBold': vm.AtendimentoPedAberto.FILTRO_PEDIDOS_ESTOQUE_MINIMO}" style="top: 4px !important; margin-left: 2px;">
							Itens com Estoque Mínimo
						</label>
					</label>

					<label class="lbl" style="margin-right: 25px;">
						<input id="chk-pedidos-confirmados" type="checkbox" class="form-control" ng-click="vm.AtendimentoPedAberto.FILTRO_PEDIDOS_CONFIRMADOS = vm.AtendimentoPedAberto.FILTRO_PEDIDOS_CONFIRMADOS ? false : true; vm.AtendimentoPedAberto.limparFiltragem();" ng-checked="vm.AtendimentoPedAberto.FILTRO_PEDIDOS_CONFIRMADOS" />
						<label for="chk-pedidos-confirmados" ng-class="{'fontBold': vm.AtendimentoPedAberto.FILTRO_PEDIDOS_CONFIRMADOS}" style="top: 4px !important; margin-left: 2px;">
							Pedidos Confirmados
						</label>
					</label>

				</div>
			</div>

			<div class="form-group" ng-if="vm.AtendimentoPedAberto.FILTRO_PROJECAO == false">
				<label style="opacity: 0;">.</label>

				<div class="check-group">
					<label class="lbl" style="margin-right: 25px;">

						<input id="chk-pedidos-alocacao-det" type="checkbox" class="form-control" ng-click="vm.AtendimentoPedAberto.FILTRO_ALOCACAO = vm.AtendimentoPedAberto.FILTRO_ALOCACAO ? false : true" ng-checked="vm.AtendimentoPedAberto.FILTRO_ALOCACAO" />
						<label for="chk-pedidos-alocacao-det" ng-class="{'fontBold': vm.AtendimentoPedAberto.FILTRO_ALOCACAO}" style="top: 4px !important; margin-left: 2px;">
							Alocação detalhada
						</label>
					</label>

				</div>
			</div>

			<div class="form-group" ng-show="vm.AtendimentoPedAberto.PERMISSAO_PROJECAO_CONSUMO == '1'">
				<label style="opacity: 0;">.</label>

				<div class="check-group">
					<label class="lbl" style="margin-right: 25px;">

						<input id="chk-pedidos-abertos2" type="checkbox" class="form-control" ng-click="vm.AtendimentoPedAberto.FILTRO_PROJECAO = vm.AtendimentoPedAberto.FILTRO_PROJECAO ? false : true" ng-checked="vm.AtendimentoPedAberto.FILTRO_PROJECAO" />
						<label for="chk-pedidos-abertos2" ng-class="{'fontBold': vm.AtendimentoPedAberto.FILTRO_PROJECAO}" style="top: 4px !important; margin-left: 2px;">
							Projeção de Consumo
						</label>

					</label>
				</div>
			</div>

			<!-- <div class="check-group">
						<label class="lbl" style="margin-right: 25px;">
							<input type="checkbox" ng-model="vm.TIPO_PEDIDO" ng-value="1" ng-checked="vm.TIPO_PEDIDO == 1">
							<span>Pedidos em Aberto</span>
						</label>
						<label class="lbl" style="margin-right: 25px;">
							<input type="radio" ng-model="vm.TIPO_PEDIDO" ng-value="2" ng-checked="vm.TIPO_PEDIDO == 2">
							<span>Itens com Estoque Mínimo</span>
						</label>
					</div> -->

			<div class="form-group" style="padding-top: 16px; width: fit-content; padding-right: 10px;">
				<button type="submit" class="btn btn-xs btn-primary btn-filtrar" data-hotkey="alt+f" id="btn-table-filter">
					<span class="glyphicon glyphicon-filter"></span> Filtrar
				</button>
			</div>
		</div>
	</form>
	<div class="tabela_principal" id="tabela_principal"></div>

	@include($menu.'.modal.AtendimentoPedAberto')
	@include($menu.'.modal.ConsultaMultipla')
	@include($menu.'.modal.AtendimentoPedAbertoItens')
	@include($menu.'.modal.AtendimentoPedAbertoDetalhamentoItem')
	@include($menu.'.modal.AtendimentoPedAbertoDocFiscal')
	@include($menu.'.modal.AtendimentoPedAbertoItensValorUnitario')
	@include($menu.'.modal.AtendimentoPedAbertoItensAlterarQtd')
	@include($menu.'.modal.AtendimentoPedAbertoComandaAlocacao')
	@include($menu.'.modal.AtendimentoPedAbertoComandaAlocacao_Inc')
	@include($menu.'.modal.ConfirmItensSelectedComandaAlocacao')
	@include($menu.'.modal.AtendimentoPedAbertoAlteracoesFiscais')	
	
	<div id="modalOpcoes" class="modal" data-keyboard="false" role="dialog" aria-hidden="true">
		<div class="modal-dialog modal-m" style="margin-left: 0;">
			<div class="modal-content" style="width: calc(700px - 10px);">
				<div class="modal-header">
					<div class="modal-header-left">
						<h4>Ações Disponíveis</h4>
					</div>
					<div class="modal-header-right">
						<button type="button" class="btn btn-default btn-fechar-modal btn-voltar" 
							ng-click="vm.AtendimentoPedAberto.fecharOpcoes()" data-hotkey="esc">
        					<span class="glyphicon glyphicon-chevron-left"></span> Voltar
    					</button>	
					</div>					
				</div>
				<div class="modal-body">
					<ul style="display: grid;">
						<li class="@{{opcao.tipo == 'dropdown' ? 'dropdown dropbtn' : ''}}" 
							ng-click="opcao.tipo != 'dropdown' ? opcao.funcao($event,vm.AtendimentoPedAberto.SELECTED) : ''"
							style="border: 1px solid #c8c8c8;
								   height: 30px;
								   padding: 5px;
								   font-size: 11pt;
								   border-radius: 5px;
								   cursor: pointer;
								   width: calc(300px);" 
							ng-repeat="opcao in vm.OpcoesAtendimentoPedAberto track by $index"
							ng-if="opcao.visible == undefined || opcao.visible(vm.AtendimentoPedAberto.SELECTED) == true">
							<span><span class="@{{opcao.icon}}"></span> @{{($index+1) | lpad: [2,0]}} @{{opcao.desc}}</span>
							<span ng-if="opcao.tipo == 'dropdown'" class="glyphicon glyphicon-play" style="float: right;"></span>
							<div ng-if="opcao.tipo == 'dropdown'" class="dropdown-content" style="left: 300px; top: -1px; width: 310px;">
								<a ng-repeat="opcao2 in opcao.OPCAO track by $index" target="_blank" style="text-transform: initial; cursor: pointer;"
									ng-click="opcao2.funcao($event,vm.AtendimentoPedAberto.SELECTED); $event.stopPropagation();"
									ng-if="opcao2.visible == undefined || opcao2.visible(vm.AtendimentoPedAberto.SELECTED) == true">
									<span class="@{{opcao2.icon}}"></span>@{{opcao.sub_index}}.@{{($index+1) | lpad: [2,0]}} @{{opcao2.desc}}</a>
							</div>
						</li>
						 
						<!-- <li class="dropdown" style="border: 1px solid #c8c8c8; height: 30px; padding: 5px; 
							font-size: 11pt; border-radius: 5px; cursor: pointer;" 
							ng-repeat="opcao in vm.OpcoesDocumentosFiscais track by $index"
							ng-if="(opcao.visible == undefined || opcao.visible(vm.Pedidos.SELECTED) == true)
							&& opcao.tipo == 'dropdown'">
							<span><span class="@{{opcao.icon}}"></span> @{{($index+1) | lpad: [2,0]}} @{{opcao.desc}}</span>							
						</li> -->
					</ul>
				</div>
			</div>
		</div>
	</div>

	<div id="modalNotifications" class="modal" data-backdrop="static" data-keyboard="false" role="dialog" aria-hidden="true">
		<div class="modal-dialog modal-m" style="width: 800px !important;">
			<div class="modal-content">
				<div class="modal-header">
					<div class="modal-header-left">
						<h4 class="modal-title">
							<span>Informações do Destinatário</span>
						</h4>

					</div>
					<div class="modal-header-right">

						<!-- <button ng-if="vm.AtendimentoPedAbertoDocFiscal.SELECTED.HABILITA_EDICAO == true" ng-click="vm.AtendimentoPedAbertoDocFiscal.editarNotificacao()" type="button" class="btn btn-primary" data-hotkey="f9">
							<span class="glyphicon glyphicon-edit"></span> Alterar
						</button> 

						<button ng-if="vm.AtendimentoPedAbertoDocFiscal.SELECTED.HABILITA_EDICAO == false" ng-click="vm.AtendimentoPedAbertoDocFiscal.gravarNotificacao()" type="button" class="btn btn-success" data-hotkey="f1">
							<span class="glyphicon glyphicon-ok"></span> Gravar
						</button>

						<button ng-if="vm.AtendimentoPedAbertoDocFiscal.SELECTED.HABILITA_EDICAO == false" ng-click="vm.AtendimentoPedAbertoDocFiscal.cancelarEdicaoNotificacao()" type="button" class="btn btn-danger btn-cancelar" data-hotkey="esc">
							<span class="glyphicon glyphicon-ban-circle"></span> Cancelar
						</button> -->

						<button type="button" class="btn btn-default btn-fechar-modal btn-voltar" ng-click="vm.AtendimentoPedAbertoDocFiscal.fecharModalNotifications()" data-hotkey="esc">
							<span class="glyphicon glyphicon-chevron-left"></span> Fechar
						</button>
					</div>


				</div>
				<div class="modal-body">
					<div class="row">

						<div class="col-md-12">

							<div class="panel panel-danger">
								<div class="panel-heading" style="color: white; background-color: #af1e1e !important;">
									<h3 class="panel-title">Notificações</h3>
								</div>
								<div class="panel-body">

									<textarea class="form-control" id="textareaNotificacoes" cols="30" rows="25" style="resize: none;" ng-model="vm.AtendimentoPedAbertoDocFiscal.SELECTED.NOTIFICACOES" disabled>
									</textarea>

								</div>
							</div>

						</div>

					</div>
				</div>
			</div>
		</div>
	</div>


	<div id="modalAlterarValorUnitario" class="modal" data-backdrop="static" data-keyboard="false" role="dialog" aria-hidden="true">
		<div class="modal-dialog modal-m">
			<div class="modal-content">
				<div class="modal-header">
					<div class="modal-header-left">
						<h4 class="modal-title">
							<span>Alterar Valor Unitário</span>
						</h4>

					</div>
					<div class="modal-header-right">

						<button ng-click="vm.AtendimentoPedAbertoDocFiscal.gravarAlteracaoValorUnitario();" type="button" class="btn btn-success" data-hotkey="f1">
							<span class="glyphicon glyphicon-ok"></span> Confirmar
						</button>

						<button ng-click="vm.AtendimentoPedAbertoDocFiscal.cancelarAlteracaoValorUnitario();" type="button" class="btn btn-danger btn-cancelar" data-hotkey="esc">
							<span class="glyphicon glyphicon-ban-circle"></span> Cancelar
						</button>

					</div>
				</div>
				<div class="modal-body" style="height: 370px !important;">
					<form class="form-inline">
						<div class="row">
							<div style="display: contents;" class="consulta-tabela-preco"></div>
							<br>
							<div class="" ng-show="vm.AtendimentoPedAbertoDocFiscal.HABILITA_PROGRESSO_UPD_VL_UNITARIO">
								<p ng-bind="vm.AtendimentoPedAbertoDocFiscal.STATUS_PROGRESSO" style="text-align: left !important;"></p>
								<p ng-bind="vm.AtendimentoPedAbertoDocFiscal.DESC_PROGRESSO" style="font-weight: bold; text-align: left !important;"></p>
								<div class="progress">
									<div id="progressoBarVlUnitario" ng-class="{'progress-bar-danger': vm.AtendimentoPedAbertoDocFiscal.ERROR == true}" class="progress-bar progress-bar-striped progress-bar-animated" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100">
									</div>
								</div>
							</div>
						</div>
					</form>
				</div>
			</div>
		</div>
	</div>

	<div id="modalIntervaloItens" class="modal" data-backdrop="static" data-keyboard="false" role="dialog" aria-hidden="true">
		<div class="modal-dialog modal-m">
			<div class="modal-content">
				<div class="modal-header">
					<div class="modal-header-left">
						<h4 class="modal-title">
							<span>Intervalo para Itens</span>
						</h4>

					</div>
					<div class="modal-header-right">

						<button ng-click="vm.AtendimentoPedAbertoDocFiscal.gravarIntervaloItens();" type="button" class="btn btn-success" data-hotkey="f1">
							<span class="glyphicon glyphicon-ok"></span> Confirmar
						</button>

						<button ng-click="vm.AtendimentoPedAbertoDocFiscal.cancelarIntervaloItens();" type="button" class="btn btn-danger btn-cancelar" data-hotkey="esc">
							<span class="glyphicon glyphicon-ban-circle"></span> Cancelar
						</button>

					</div>
				</div>
				<div class="modal-body" style="height: 265px !important;">
					<form class="form-inline">
						<div class="row">
							<div class="form-group">
								<label>Intervalo:</label>
								<div class="form-group" style="display: flex !important;">
									<input 
										type="text"
										class="form-control"
										style="width: 120px !important; text-align: center;"
										ng-model="vm.AtendimentoPedAbertoDocFiscal.SELECTED.INTERVALO_INICIAL"
										only-digits2
										id="intervaloInicial"
										maxlength="4">
									<label style="padding-top: 5px; padding-right: 5px; padding-left: 5px; font-weight: bold;"> à </label>
									<input 
										type="text"
										style="width: 120px !important; text-align: center;"
										class="form-control"
										ng-model="vm.AtendimentoPedAbertoDocFiscal.SELECTED.INTERVALO_FINAL"
										only-digits2
										maxlength="4">
								</div>
							</div>
						</div>
					</form>
				</div>
			</div>
		</div>
	</div>


	<div id="modalDocsFiscaisNaoUtilizados" class="modal" data-backdrop="static" data-keyboard="false" role="dialog" aria-hidden="true">
		<div class="modal-dialog modal-m" style="width: 800px !important;">
			<div class="modal-content">
				<div class="modal-header">
					<div class="modal-header-left">
						<h4 class="modal-title">
							<span>Documentos fiscais não utilizados</span>
						</h4>

					</div>
					<div class="modal-header-right">

						<button type="button" data-hotkey="esc" class="btn btn-default btn-cancelar" ng-click="vm.AtendimentoPedAbertoDocFiscal.fecharModalDocsFiscais();">
							<span class="glyphicon glyphicon-chevron-left"></span>
							Voltar
						</button>

					</div>

				</div>
				<div class="modal-body" style="height: calc(100vh - 385px);">
					<form class="form-inline" style="width: calc(100% - 225px); margin: 0 auto;">
						<div class="row">
							<div class="tabela_docs_fiscais_nao_utilizados" id="tabela_docs_fiscais_nao_utilizados"></div>

						</div>
					</form>

				</div>
			</div>
		</div>
	</div>

	<div id="modalAlterarQtd" class="modal" data-backdrop="static" data-keyboard="false" role="dialog" aria-hidden="true">
		<div class="modal-dialog modal-lg">
			<div class="modal-content">
				<div class="modal-header">
					<div class="modal-header-left">
						<h4 class="modal-title">
							<span>Alterar quantidade</span>
						</h4>

					</div>
					<div class="modal-header-right">

						<button ng-click="vm.AtendimentoPedAbertoDocFiscal.confirmarGravarQtd();" type="button" class="btn btn-success" data-hotkey="f1">
							<span class="glyphicon glyphicon-ok"></span> Confirmar
						</button>

						<button ng-click="vm.AtendimentoPedAbertoDocFiscal.cancelarAlterarQtd();" type="button" class="btn btn-danger btn-cancelar" data-hotkey="esc">
							<span class="glyphicon glyphicon-ban-circle"></span> Cancelar
						</button>

					</div>
				</div>
				<div class="modal-body" style="height: 580px !important;">
					<form class="form-inline">
						<div ng-class="{'heightProdutoSemGrade': vm.AtendimentoPedAbertoDocFiscal.SELECTED_QTD.HABILITA_GRADE == false, 'heightProdutoComGrade': vm.AtendimentoPedAbertoDocFiscal.SELECTED_QTD.HABILITA_GRADE == true}">
							<div class="row">

								<div class="form-group">
									<label>Produto: <a tabindex="-1" href="{{ url('') }}/_15060?PRODUTO_ID=@{{vm.AtendimentoPedAbertoDocFiscal.SELECTED_QTD.PRODUTO_CODIGO}}" target="_blank" rel="noopener noreferrer"><span class="fa fa-external-link" title="15060 - Verificar Saldo no Estoque"></span></a></label>
									<input type="text" class="form-control" ng-model="vm.AtendimentoPedAbertoDocFiscal.SELECTED_QTD.DESC_PRODUTO" disabled style="width: 350px !important;">
								</div>

								<div class="form-group">
									<label>Saldo Disponível:</label>
									<div class="input-group right-icon">
										<input ng-number-format="5" type="text" class="form-control text-right" ng-model="vm.AtendimentoPedAbertoDocFiscal.SELECTED_QTD.QTD_ALOCADO" disabled style="width: 130px !important;">

										<div class="input-group-addon" style="padding: 9px !important;"><span class="" ng-bind="vm.AtendimentoPedAbertoDocFiscal.SELECTED_QTD.PRODUTO_UNIDADEMEDIDA"></span></div>
									</div>
								</div>

								<div class="form-group">
									<label ng-if="vm.AtendimentoPedAbertoDocFiscal.SELECTED_QTD.HABILITA_GRADE == true">Quantidade Total:</label>
									<label ng-if="vm.AtendimentoPedAbertoDocFiscal.SELECTED_QTD.HABILITA_GRADE == false">Quantidade à Utilizar:</label>
									<div class="input-group right-icon">

										<input ng-number-format="5" type="text" style="width: 120px !important;" class="form-control text-right" ng-model="vm.AtendimentoPedAbertoDocFiscal.SELECTED_QTD.QUANTIDADE_UTILIZAR" ng-disabled="vm.AtendimentoPedAbertoDocFiscal.SELECTED_QTD.HABILITA_GRADE == true">

										<div class="input-group-addon" style="padding: 9px !important;"><span class="" ng-bind="vm.AtendimentoPedAbertoDocFiscal.SELECTED_QTD.PRODUTO_UNIDADEMEDIDA"></span></div>
									</div>
								</div>
							</div>
							<hr>

							<div class="row" ng-if="vm.AtendimentoPedAbertoDocFiscal.SELECTED_QTD.HABILITA_GRADE == true">
								<fieldset style="margin-top: 10px !important;">
									<legend>Quantidade por Tamanho</legend>
									<div class="form-group">
										<div class="form-group">
											<div class="input-group" ng-repeat="item in vm.AtendimentoPedAbertoDocFiscal.SELECTED_QTD.TAMANHOS_PRODUTO 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="padding: 9px; width: 47px;">
													<span>@{{item.TAMANHO_DESCRICAO}}</span>
												</div>

												<input ng-if="vm.AtendimentoPedAbertoDocFiscal.SELECTED_QTD.PODE_FRACIONAR == 'N' || vm.AtendimentoPedAbertoDocFiscal.SELECTED_QTD.PODE_FRACIONAR == '' || vm.AtendimentoPedAbertoDocFiscal.SELECTED_QTD.PODE_FRACIONAR == undefined" ng-number-format="0" type="text" style="width: 120px !important;" class="form-control text-right" ng-model="item.QUANTIDADE" ng-blur="vm.AtendimentoPedAbertoDocFiscal.changeValorQuantidadeTotalTamanho();" ng-disabled="item.ALTERAR == '0'" min="0">

												<input ng-if="vm.AtendimentoPedAbertoDocFiscal.SELECTED_QTD.PODE_FRACIONAR == 'S'" ng-number-format="5" type="text" style="width: 120px !important;" class="form-control text-right" ng-model="item.QUANTIDADE" ng-blur="vm.AtendimentoPedAbertoDocFiscal.changeValorQuantidadeTotalTamanho();" ng-disabled="item.ALTERAR == '0'" min="0">
											</div>

										</div>
									</div>
									<hr />


								</fieldset>

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

	<div id="modalAlocacaoDetalhada" class="modal" data-backdrop="static" data-keyboard="false" role="dialog" aria-hidden="true">
		<div class="modal-dialog modal-big">
			<div class="modal-content">
				<div class="modal-header">
					<div class="modal-header-left">
						<h4 class="modal-title">
							<span>Alocação detalhada de pedidos</span>
						</h4>

					</div>
					<div class="modal-header-right">


						<button ng-click="vm.AtendimentoPedAberto.confirmarAlocacaoDetalhada();" type="button" class="btn btn-success" data-hotkey="f1" ng-if="vm.AtendimentoPedAberto.PROCESSO_REALIZADO == false">
							<span class="glyphicon glyphicon-ok"></span> Processar
						</button>

						<button ng-click="vm.AtendimentoPedAberto.processOptionAll('A', 1); $event.stopPropagation();" type="button" class="btn btn-success" data-hotkey="f1" ng-if="vm.AtendimentoPedAberto.PROCESSO_REALIZADO == true">
							<span class="glyphicon glyphicon-ok"></span> Confirmar alocação
						</button>

						<button type="button" data-hotkey="esc" class="btn btn-danger btn-cancelar" ng-click="vm.AtendimentoPedAberto.fecharModalAlocacaoDetalhada();">
							<span class="glyphicon glyphicon-ban-circle"></span>
							Cancelar
						</button>

					</div>

				</div>
				<div class="modal-body" style="height: calc(100vh - 130px);">
					<form class="form-inline">

						<div class="form-group">
							<label>Alocação base:</label>
							<div class="input-group right-icon">

								<input ng-number-format="2" style="width: 100px !important;" type="text" class="form-control text-right fontBold" ng-model="vm.AtendimentoPedAberto.PERCENTUAL_ALOCACAO" min="0" max="100" ng-change="vm.AtendimentoPedAberto.changePercentualBaseAlocacao();">

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

							</div>
						</div>

						<div class="form-group" style="display: inline-block !important;">
							<label style="font-weight: bold; margin-right: 4px;">Ordenação:</label>
							<div class="check-group">
								<label class="lbl" style="margin-right: 25px;">
									<input type="radio" ng-model="vm.AtendimentoPedAberto.ORDENACAO" ng-value="0" ng-checked="vm.AtendimentoPedAberto.ORDENACAO == 0" ng-change="vm.AtendimentoPedAberto.changePercentualBaseAlocacao();" tabindex="-1">
									<span>Data de emissão</span>
								</label>
								<label class="lbl" style="margin-right: 25px;">
									<input type="radio" ng-model="vm.AtendimentoPedAberto.ORDENACAO" ng-value="1" ng-checked="vm.AtendimentoPedAberto.ORDENACAO == 1" ng-change="vm.AtendimentoPedAberto.changePercentualBaseAlocacao();" tabindex="-1">
									<span>Data do cliente</span>
								</label>
								<label class="lbl" style="margin-right: 25px;">
									<input type="radio" ng-model="vm.AtendimentoPedAberto.ORDENACAO" ng-value="2" ng-checked="vm.AtendimentoPedAberto.ORDENACAO == 2" ng-change="vm.AtendimentoPedAberto.changePercentualBaseAlocacao();" tabindex="-1">
									<span>Maior valor</span>
								</label>
							</div>
						</div>

						<div class="form-group" style="display: inline-block !important;">
							<label style="font-weight: bold; margin-right: 4px;">Critério para alocação:</label>
							<div class="check-group">
								<label class="lbl" style="margin-right: 25px;">
									<input id="chk-pedidos-alocacao-modelo-completo" type="checkbox" class="form-control" style="display: inline-block;" ng-click="vm.AtendimentoPedAberto.changeAlocarModeloCompleto();" ng-checked="vm.AtendimentoPedAberto.FILTRO_ALOCAR_MODELO_COMPLETO"/>
									<label for="chk-pedidos-alocacao-modelo-completo" ng-class="{'fontBold': vm.AtendimentoPedAberto.FILTRO_ALOCAR_MODELO_COMPLETO}" style="top: 6px !important; margin-left: 2px;">
										Alocar modelo completo
									</label>
								</label>
							</div>
						</div>

						<div class="row">
							<div class="col-sm-12">
								<fieldset style="margin-top: 20px !important;">
									<legend>Itens selecionados</legend>
									
									<div class="form-group">
										<label>Pedido:</label>				
										<input type="text" style="width: 138px !important; min-width: 100px;" class="form-control" ng-model="vm.TabelaAlocacaoDetalhada.FILTRO_PEDIDO" ng-change="vm.TabelaAlocacaoDetalhada.filtroOnChange()">
									</div>

									<div class="form-group" style="width: 92% !important;">
										<label>Filtragem rápida:</label>
										<input type="text" style="width: 100% !important;" class="form-control" ng-model="vm.TabelaAlocacaoDetalhada.FILTRO">
									</div>

									<div class="tabela_alocacao_pedidos" id="tabela_alocacao_pedidos"></div>
									
								</fieldset>
							</div>
						</div>
					</form>

				</div>
			</div>
		</div>
	</div>
	
	<div id="modalDetalheAlocacaoDetalhada" class="modal" data-backdrop="static" data-keyboard="false" role="dialog" aria-hidden="true">
		<div class="modal-dialog modal-big">
			<div class="modal-content">
				<div class="modal-header">
					<div class="modal-header-left">
						<h4 class="modal-title">
							<span>Alocação detalhada do pedido @{{vm.AtendimentoPedAberto.ALOCACAO_TABELA.SELECTED.PEDIDO}}</span>
						</h4>

					</div>
					<div class="modal-header-right">

						<button type="button" data-hotkey="esc" class="btn btn-default btn-cancelar" ng-click="vm.AtendimentoPedAberto.fecharModalDetalheAlocacao();">
							<span class="glyphicon glyphicon-chevron-left"></span>
							Voltar
						</button>

					</div>

				</div>
				<div class="modal-body" style="height: calc(100vh - 130px);">
					<form class="form-inline">
						<div class="row">
							<div class="col-sm-6">
								<legend>Maior valor atendido</legend>
								<div class="tabela_accordion_detalhamento_alocacao" id="tabela_accordion_detalhamento_alocacao_vl"></div>
							</div>
							
							<div class="col-sm-6">
								<legend>Maior quantidade atendida</legend>
								<div class="tabela_accordion_detalhamento_alocacao" id="tabela_accordion_detalhamento_alocacao_qtd"></div>
							</div>
						</div>
					</form>

				</div>
			</div>
		</div>
	</div>

	<div id="modalMultiplasFormasPagamento" class="modal" data-backdrop="static" data-keyboard="false" role="dialog" aria-hidden="true">
		<div class="modal-dialog modal-lg">
			<div class="modal-content">
				<div class="modal-header">
					<div class="modal-header-left">
						<h4 class="modal-title">
							<span>12400 - Múltiplas Formas de Pagamento</span>
						</h4>

					</div>
					<div class="modal-header-right">

						<button ng-click="vm.AtendimentoPedAbertoDocFiscal.confirmarGravarMultiplasFormasPagamento();" type="button" class="btn btn-success" data-hotkey="f1">
							<span class="glyphicon glyphicon-ok"></span> Gravar
						</button>

						<button ng-click="vm.AtendimentoPedAbertoDocFiscal.cancelarMultiplasFormasPagamento();" type="button" class="btn btn-danger btn-cancelar" data-hotkey="esc">
							<span class="glyphicon glyphicon-ban-circle"></span> Cancelar
						</button>

					</div>

				</div>
				<div class="modal-body" style="height: calc(100vh - 495px);">
					<form class="form-inline">

						<div style="display: contents;" class="consulta-forma-pag-doc-fiscal-multi"></div>

						<div class="form-group" ng-show="vm.ConsultaFormaPagDocFiscalMulti.item.dados.EMPRESA_ID > 0">
							<label ttitle="Somente para Forma de Pagamento Cartão de Crédito ou Débito">Código Autorização:</label>
							<input 
								type="text"
								class="form-control"
								ng-model="vm.AtendimentoPedAbertoDocFiscal.PARCELAS.SELECTED.CODIGO_AUTORIZACAO"
								maxlength="50">
						</div>

						<div class="form-group" ng-show="vm.ConsultaFormaPagDocFiscalMulti.item.dados.EMPRESA_ID > 0">
							<label ttitle="Somente para Forma de Pagamento Cartão de Crédito ou Débito">NSU:</label>
							<input 
								type="text"
								class="form-control"
								ng-model="vm.AtendimentoPedAbertoDocFiscal.PARCELAS.SELECTED.NSU"
								maxlength="50">
						</div>

						<div style="display: contents;" ng-show="vm.AtendimentoPedAbertoDocFiscal.PARCELAS.SELECTED.NFE_TIPPAG != '05' && vm.AtendimentoPedAbertoDocFiscal.PARCELAS.SELECTED.NFE_TIPPAG != '21' && vm.PedidosDocFiscal.PARCELAS.SELECTED.NFE_TIPPAG != '12'" class="consulta-cond-pag-doc-fiscal-multi"></div>

						<div style="display: contents;" ng-show="vm.AtendimentoPedAbertoDocFiscal.PARCELAS.SELECTED.NFE_TIPPAG == '05' || vm.AtendimentoPedAbertoDocFiscal.PARCELAS.SELECTED.NFE_TIPPAG == '21'" class="consulta-devolucao">	  </div>

						<div style="display: contents;" ng-show="vm.AtendimentoPedAbertoDocFiscal.PARCELAS.SELECTED.NFE_TIPPAG == '12'" class="consulta-voucher">	  </div>

						<div class="form-group">
							<label>Valor:</label>
							<div class="input-group right-icon">
								<div class="input-group-addon" style="padding: 9px !important;"><span class="">R$</span></div>

								<input
									ng-number-format="2"
									type="text"
									class="form-control text-right"
									ng-model="vm.AtendimentoPedAbertoDocFiscal.PARCELAS.SELECTED.VALOR_PARCELA"
									style="width: 130px !important;">
							</div>
						</div>

						<hr>

						<div style="display: -webkit-inline-box;" class="consulta-operacao-cre">			</div>

						<div style="display: contents;" class="consulta-class-fin-multi"></div>

						<div style="display: contents;" class="consulta-ccusto-multi"></div>

						<div style="display: -webkit-inline-box;" ng-show="vm.AtendimentoPedAbertoDocFiscal.PARCELAS.SELECTED.NFE_TIPPAG == '15'" class="consulta-banco-cre">	  </div>
					 	<div style="display: -webkit-inline-box;" ng-show="vm.AtendimentoPedAbertoDocFiscal.PARCELAS.SELECTED.NFE_TIPPAG == '15'" class="consulta-posicao-cre">	  </div> 

						<div style="display: -webkit-inline-box;" 
							ng-show="vm.AtendimentoPedAbertoDocFiscal.PARCELAS.SELECTED.NFE_TIPPAG == '03' 
								|| vm.AtendimentoPedAbertoDocFiscal.PARCELAS.SELECTED.NFE_TIPPAG == '04' 
								|| vm.AtendimentoPedAbertoDocFiscal.PARCELAS.SELECTED.NFE_TIPPAG == '15'"
							class="consulta-cobranca-cre"></div> 


						<br>

						<div ng-show="vm.AtendimentoPedAbertoDocFiscal.MARGEM_GERADA == 1" tabindex="0" class="form-group" ng-click="vm.AtendimentoPedAbertoDocFiscal.changeParcelaNF();" style="display: inline-flex; border: 1px solid #cccccc; border-radius: 18px; cursor: pointer; background-color: white;margin-top: 10px;">
							<label class="conc_switch">
								<input type="checkbox" disabled class="no_selection" ng-checked="vm.AtendimentoPedAbertoDocFiscal.PARCELAS.SELECTED.PARCELA_NF == '1'">
								<span class="slider round">
									<label ng-if="vm.AtendimentoPedAbertoDocFiscal.PARCELAS.SELECTED.PARCELA_NF == '0'" style="margin-left: 35px; margin-top: 5px; color: white; font-size: 14pt;">S</label>
									<label ng-if="vm.AtendimentoPedAbertoDocFiscal.PARCELAS.SELECTED.PARCELA_NF == '1'" style="margin-left: 10px; margin-top: 5px; font-size: 14pt; color: white;">N</label>
								</span>		
							</label>			
							<label style="margin-top: 7px; margin-left: 9px; margin-right: 8px; cursor: pointer;" ttitle="Parcelas residual <br> S - Sim / N - Não">Parcela Residual</label>
						</div>

					</form>
				</div>
			</div>
		</div>
	</div>
	
	<div id="modalAlteracaoDadosDocumento" class="modal" data-backdrop="static" data-keyboard="false" role="dialog" aria-hidden="true">
		<div class="modal-dialog modal-lg">
			<div class="modal-content">
				<form class="form-inline">
					<div class="modal-header">
						<div class="modal-header-left">
							<h4 class="modal-title">
								<span>Alterar Dados do Documento</span>
							</h4>
						
						</div>
						<div class="modal-header-right">

							<button ng-click="vm.AtendimentoPedAbertoDocFiscal.confirmAlterarDadosDocumento()" type="button" class="btn btn-success" data-hotkey="f1">
								<span class="glyphicon glyphicon-ok"></span> Gravar
							</button>

							<button ng-click="vm.AtendimentoPedAbertoDocFiscal.cancelarAlteracaoDadosDocumento()" type="button" class="btn btn-danger btn-cancelar" data-hotkey="esc">
								<span class="glyphicon glyphicon-ban-circle"></span> Cancelar
							</button>

						</div>
						
					</div>
					<div class="modal-body" style="height: 470px !important;">

						<div class="row">											
							<div class="form-group">
								<label>Número Documento:</label>
								<div class="input-group left-icon">
									<div class="input-group-addon" style="padding: 9px !important;"><span class="glyphicon glyphicon-file"></span></div>
									<input 
										type="text"
										id="documentoFiscal"
										style="height: 34px; width: 142px;" 
										class="form-control text-right"
										ng-model="vm.AtendimentoPedAbertoDocFiscal.SELECTED.NOVO_NF_NUMERO" 
										maxlength="9"					
										only-digits
										ng-readonly="!vm.AtendimentoPedAbertoDocFiscal.ALTERANDO">	
								</div>
							</div>

							<div class="form-group">
								<label>Série:</label>
								<div class="input-group left-icon">
									<div class="input-group-addon" style="padding: 9px !important;"><span class="glyphicon glyphicon-tag"></span></div>
									<input 
										type="text"
										id="numeroSerie"
										style="height: 34px; width: 75px;" 
										class="form-control text-right" 
										ng-model="vm.AtendimentoPedAbertoDocFiscal.SELECTED.NOVO_SERIE" 					
										maxlength="3"
										only-digits
										ng-readonly="!vm.AtendimentoPedAbertoDocFiscal.ALTERANDO">
								</div>
							</div>

							<div class="form-group">
								<label>Data de Emissão:</label>
								<input 
									type="datetime-local"
									id="dataEmissao"
									class="form-control input-medio" 
									required
									ng-atalho 
									ng-model="vm.AtendimentoPedAbertoDocFiscal.SELECTED.NOVO_DT_EMISSAO"
									ng-readonly="!vm.AtendimentoPedAbertoDocFiscal.ALTERANDO">
							</div>
							
							<div class="form-group">
								<label>Chave de Acesso:</label>
								<div class="input-group left-icon">
									<div class="input-group-addon" style="padding: 9px !important;"><span class="fa fa-key"></span></div>
									<input 										
										type="text"
										id="chaveAcesso"
										style="height: 35px; width: 466px;" 
										class="form-control text-right"
										ng-model="vm.AtendimentoPedAbertoDocFiscal.SELECTED.NOVO_CHAVE_ACESSO" 
										maxlength="44" only-digits2
										ng-readonly="!vm.AtendimentoPedAbertoDocFiscal.ALTERANDO">	
								</div>
							</div>

							<div class="form-group">
								<label>Tipo do Documento:</label>
								<select class="form-control" style="width: 237px;" 
									ng-disabled="!vm.AtendimentoPedAbertoDocFiscal.ALTERANDO" 
									ng-model="vm.AtendimentoPedAbertoDocFiscal.SELECTED.NOVO_TIPO_DOCUMENTO">	
									<option value="0">Serviços ISS</option>
									<option value="2">Serviços ICMS</option>
									<option value="1">Mercadorias ICMS/IPI</option>
								</select>
							</div>
							
						</div>
					</div>
				</form>
			</div>
		</div>
	</div>

	
	<div id="modalOutrosPedidos" class="modal" data-backdrop="static" data-keyboard="false" role="dialog" aria-hidden="true">
		<div class="modal-dialog modal-big">
			<div class="modal-content">
				<form class="form-inline">
					<div class="modal-header">
						<div class="modal-header-left">
							<h4 class="modal-title">
								<span>Incluir Outros Pedidos</span>
							</h4>						
						</div>
						<div class="modal-header-right">

							<button ng-click="vm.AtendimentoPedAbertoDocFiscal.confirmAddOutrosPedidos()" type="button" class="btn btn-success" data-hotkey="f1">
								<span class="glyphicon glyphicon-ok"></span> Gravar
							</button>

							<button ng-click="vm.AtendimentoPedAbertoDocFiscal.cancelarAddOutrosPedidos()" type="button" class="btn btn-danger btn-cancelar" data-hotkey="esc">
								<span class="glyphicon glyphicon-ban-circle"></span> Cancelar
							</button>

						</div>						
					</div>
					
					<div class="modal-body" style="height: calc(100vh - 150px);">
						<div class="row">	
							
							<div style="width: 100%; /* height: 50px; */ background-color: rgb(31, 142, 229); color: white; border-radius: 10px; font-size: 13pt; padding-left: 9px; padding-top: 4px;">
								<label>DESTINATÁRIO: @{{vm.AtendimentoPedAberto.SELECTED.DESC_CLIENTE2}}</label>
								<br>		
								<label>@{{ vm.AtendimentoPedAberto.SELECTED.CLIENTE_CNPJF }} @{{ vm.AtendimentoPedAberto.SELECTED.CLIENTE_IE == 'IE: ' ? 'IE: NÃO POSSUI' : vm.AtendimentoPedAberto.SELECTED.CLIENTE_IE }} @{{ vm.AtendimentoPedAberto.SELECTED.CLIENTE_SUFRAMA == 'SUFRAMA: ' ? 'SUFRAMA: NÃO POSSUI' : vm.AtendimentoPedAberto.SELECTED.CLIENTE_SUFRAMA }}</label>
							</div>

							<div class="panel-filter">								
								<div class="form-group" style="margin-right: 0px !important;">
									<div class="form-group" style="display:flex; width: calc(29%); min-width: fit-content; max-width: fit-content; margin-top: 16px;
										background-color: #e2e2e2; padding: 0px; border-radius: 6px; height: 35px; padding-right: 4px; border: 1px solid #cccccc;">
										<select class="form-control" ng-model="vm.AtendimentoPedAbertoDocFiscal.Filtro.TipoData" 
											ng-change="vm.AtendimentoPedAbertoDocFiscal.Filtro.apagar_filtro(); vm.TabelaPrincipal.apagar();"
											style="margin-right: 0px; background-color: #e2e2e2; border-radius: 4px 0px 0px 4px; height: 35px; font-weight: 600;
												border-top: 0px; border-left: 0px; margin-top: -1px; margin-bottom: -1px; text-transform: capitalize;">
											<option style="font-weight: 600;" value="1" ng-value="1">Dt.Emissão</option>
											<option style="font-weight: 600;" value="2" ng-value="2">Dt.Cliente</option>
										</select>
										<input type="date" style="width: 130px; margin-left: 4px; margin-top: 4px;" class="form-control filter_main_doc"
											ng-model="vm.AtendimentoPedAbertoDocFiscal.Filtro.DATA_INICIO" ng-atalho ng-readonly="vm.AtendimentoPedAbertoDocFiscal.Filtro.TipoData == 3">
										<label style="padding-top: 8px; padding-right: 5px; padding-left: 5px;"> à </label>
										<input type="date" style="width: 130px; margin-top: 4px;" class="form-control filter_main_doc"
											ng-model="vm.AtendimentoPedAbertoDocFiscal.Filtro.DATA_FIM" ng-atalho ng-readonly="vm.AtendimentoPedAbertoDocFiscal.Filtro.TipoData == 3">
									</div>		 
								</div>

								<!--div class="consulta-filtro-estab"    style="display: -webkit-inline-box;"></div>
								<div class="consulta-filtro-sup" 	  style="display: -webkit-inline-box;"></div>
								<div class="consulta-filtro-rep" 	  style="display: -webkit-inline-box;"></div>
								<div class="consulta-corretor-filtro" style="display: -webkit-inline-box;" ng-show="vm.CORRETOR"></div>
								<div class="consulta-filtro-vend"     style="display: -webkit-inline-box;"></div>
								
								<div class="consulta-grupo-cliente" style="display: -webkit-inline-box;"></div>
								<div class="consulta-cliente" 		style="display: -webkit-inline-box;"></div>
								<div class="consulta-perfil-pedido" style="display: -webkit-inline-box;"></div>
								<div ng-show="vm.CANAL_VENDAS" class="consulta-canal-vendas-filtro" style="display: -webkit-inline-box;"></div-->
								
								<div class="form-group" style="padding-top: 16px; min-width: 463px;">
									<input type="text" style="width: 100% !important; min-width: 200px;" placeholder="Filtragem por Pedido, Pedido Cliente" class="form-control input-maior filter_main_doc" ng-model="vm.AtendimentoPedAberto.Filtro.FILTRO_DADOS">
								</div>
								
								<!--<div class="form-group">
									<label>Origem do Pedido:</label>
									<div class="input-group">
										<select ng-model="vm.PedidosDocFiscal.Filtro.FiltroOrigem">
											<option ng-value="'GCWEB'">GCWEB  	   	</option>						
											<option ng-value="'ECO'">Ecommerce	   	</option>						
											<option ng-value="'CAT'">Catalogo		</option>
											<option ng-value="'PRE'">Pré-Pedido	   	</option>
											<option ng-value="'RES'">Ressuprimento  </option>
											<option ng-value="'IMP'">Importado	   	</option>
											<option ng-value="'APP'">Aplicativo		</option>
											<option ng-value="''"> 	 Todas	   	    </option>
										</select>
									</div>
								</div>-->

								<button type="button" ng-click="vm.AtendimentoPedAbertoDocFiscal.consultarAddOutrosPedidos()" class="btn btn-xs btn-primary" data-hotkey="alt+f" id="filtro_main7874">
									<span class="glyphicon glyphicon-filter"></span>Filtrar
								</button>        

							</div>
							<div class="tabela_add_out_pedidos" id="tabela_add_out_pedidos"></div>
						</div>
					</div>
				</form>

				
			</div>
		</div>
	</div>

	<div id="modalProgressoAlocacao" class="modal" data-backdrop="static" data-keyboard="false" role="dialog" aria-hidden="true">
		<div class="modal-dialog modal-m">
			<div class="modal-content">
				<div class="modal-header">
					<div class="modal-header-left">
						<h4 class="modal-title">
							<span>Processo</span>
						</h4>

					</div>
					<div class="modal-header-right">

						<button type="button" class="btn btn-default btn-fechar-modal btn-voltar" ng-click="vm.AtendimentoPedAberto.fecharModelProgressoAlocacao();" data-hotkey="esc">
							<span class="glyphicon glyphicon-chevron-left"></span> Fechar
						</button>

					</div>
				</div>
				<div class="modal-body" style="height: 370px !important;">
					<form class="form-inline">
						<div class="row">
							<div class="">
								<p ng-bind="vm.AtendimentoPedAberto.STATUS_PROGRESSO_ALOC" style="text-align: left !important;"></p>
								<p ng-bind="vm.AtendimentoPedAberto.DESC_PROGRESSO_ALOC" style="font-weight: bold; text-align: left !important;"></p>
								<div class="progress">
									<div id="progressoBarAlocarDesalocar" class="progress-bar progress-bar-striped progress-bar-animated" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100">
									</div>
								</div>
							</div>
						</div>
					</form>
				</div>
			</div>
		</div>
	</div>

	<div id="modalPedidosPendentesAlocacao" class="modal" data-backdrop="static" data-keyboard="false" role="dialog" aria-hidden="true">
		<div class="modal-dialog modal-extend">
			<div class="modal-content">
				<div class="modal-header">
					<div class="modal-header-left">
						<h4 class="modal-title">
							<span>Pedidos pendentes para alocação/desalocação</span>
						</h4>

					</div>
					<div class="modal-header-right">

						<button type="button" data-hotkey="esc" class="btn btn-success" ng-click="vm.AtendimentoPedAberto.tentarNovamentePedidosPendentes();">
							<span class="glyphicon glyphicon-refresh"></span>
							Tentar novamente
						</button>

						<button type="button" data-hotkey="esc" class="btn btn-default btn-cancelar" ng-click="vm.AtendimentoPedAberto.fecharModalPedidosPendentes();">
							<span class="glyphicon glyphicon-chevron-left"></span>
							Voltar
						</button>

					</div>
				</div>
				<div class="modal-body" style="height: calc(100vh - 160px) !important;">
					<form class="form-inline">
						<div class="row">
							<div class="tabela_pedidos_pendentes" id="tabela_pedidos_pendentes"></div>
						</div>
					</form>
				</div>
			</div>
		</div>
	</div>




</div>
@endsection

@section('script')
<script src="{{ elixir('assets/js/_12400.js') }}"></script>
@append