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

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

@section('modal-header-left')

<h4 class="modal-title">
	<span ng-if="!vm.REGDEVTROCA.ALTERANDO">{{ Lang::get('pdv/_19030.titulo-exibir') }}</span>
	<span ng-if="vm.REGDEVTROCA.INCLUINDO">{{ Lang::get('pdv/_19030.titulo-incluir') }}</span>
	<span ng-if="vm.REGDEVTROCA.ALTERANDO == true && vm.REGDEVTROCA.INCLUINDO == false">{{ Lang::get('pdv/_19030.titulo-alterar') }}</span>	
</h4>

@overwrite

@section('modal-header-right')

	<button ng-if="vm.REGDEVTROCA.ALTERANDO" ng-disabled="vm.REGDEVTROCA.GRAVANDO_TROCA" type="submit" class="btn btn-success" data-hotkey="f1">
        <span class="glyphicon glyphicon-ok"></span> Gravar
    </button>
	
	<button ng-if="vm.REGDEVTROCA.ALTERANDO && !vm.REGDEVTROCA.INCLUINDO" ng-click="vm.REGDEVTROCA.cancelar()" type="button" class="btn btn-danger btn-cancelar" data-hotkey="esc">
        <span class="glyphicon glyphicon-ban-circle"></span> Cancelar
	</button>

	<button ng-if="vm.REGDEVTROCA.ALTERANDO && vm.REGDEVTROCA.INCLUINDO" type="button" class="btn btn-default btn-cancelar" ng-click="vm.REGDEVTROCA.voltarInclusao();" data-hotkey="esc">
        <span class="glyphicon glyphicon-chevron-left"></span> Voltar
    </button>	
	
	<div ng-if="!vm.REGDEVTROCA.ALTERANDO" class="btn-group">
		<button 
			type="button" 
			class="btn btn-warning dropdown-toggle" 
			data-hotkey="alt+a" 
			data-toggle="dropdown" 
			aria-haspopup="true" 
			aria-expanded="false">
			Imprimir <span class="caret"></span>
		</button>
		<ul class="dropdown-menu">
			<li ng-click="vm.REGDEVTROCA.gerarPDF();"><a href="javascript:void(0);">Papel A4</a></li>
			<li ng-click="vm.REGDEVTROCA.opcaoPapelTermico();"><a href="javascript:void(0);">Papel Térmico</a></li>
		</ul> 
	</div>
	
	<button ng-if="!vm.REGDEVTROCA.ALTERANDO && vm.REGDEVTROCA.SELECTED.TIPO_ED != 3" ng-click="vm.REGDEVTROCA.abrirModalCredito()" type="button" class="btn btn-primary">
        <span class="glyphicon glyphicon-list"></span> Crédito Utilizado
    </button> 
	
	<button ng-disabled="{{ userMenu($menu)->ALTERAR }} == 0" ng-if="!vm.REGDEVTROCA.ALTERANDO" ng-click="vm.REGDEVTROCA.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"  ng-if="!vm.REGDEVTROCA.ALTERANDO" ng-click="vm.REGDEVTROCA.excluir()" type="button" class="btn btn-danger" data-hotkey="f12">
        <span class="glyphicon glyphicon-trash"></span> Excluir
    </button>
	
	<button ng-if="!vm.REGDEVTROCA.ALTERANDO" data-consulta-historico data-tabela="TBPDV_DEVOLUCAO_TROCA" data-tabela-id="@{{ vm.REGDEVTROCA.SELECTED.ID }}" type="button" class="btn gerar-historico" data-hotkey="alt+h">
        <span class="glyphicon glyphicon-time"></span> {{ Lang::get('master.historico') }}
    </button>
	
	<button ng-if="!vm.REGDEVTROCA.ALTERANDO" data-consulta-arquivos data-tabela="TBPDV_DEVOLUCAO_TROCA" data-tabela-id="@{{ vm.REGDEVTROCA.SELECTED.ID }}" type="button" class="btn  btn-info" data-hotkey="alt+a">
        <span class="glyphicon glyphicon-file"></span> {{ Lang::get('master.arquivos') }}
    </button>
	
	<button ng-if="!vm.REGDEVTROCA.ALTERANDO" type="button" class="btn btn-default btn-fechar-modal btn-voltar" ng-click="vm.REGDEVTROCA.fecharModal()" data-hotkey="esc">
        <span class="glyphicon glyphicon-chevron-left"></span> Voltar
    </button>	

@overwrite

@section('modal-body')
<div style="height: calc(100vh - 230px);">
	
    <div class="row">
	
		<div class="form-group">
            <label>ID:</label>
            <input 
                type="text"
                class="form-control input-menor"
				value="@{{vm.REGDEVTROCA.SELECTED.FID}}"
                readonly="readonly">
		</div>
		
		<div class="form-group" ng-if="!vm.REGDEVTROCA.INCLUINDO">
			<label>Data/Hora:</label>
			<input 
				type="datetime-local"
				class="form-control" 
				ng-model="vm.REGDEVTROCA.SELECTED.DATAHORA_JS"
				ng-readonly="true">
		</div>
				
		<div class="form-group">
			<!-- 
			<label>Cliente:</label>
			<input type="text" style="width: 500px !important;" 
				class="form-control input-maior" ng-readonly="true"
				ng-model="vm.REGDEVTROCA.SELECTED.DESC_CLIENTE">			 -->
			<div style="display: -webkit-inline-box;" class="consulta-cliente3"
				ng-show="vm.REGDEVTROCA.SELECTED.TIPO_ED != 3 && !vm.REGDEVTROCA.SELECTED.COLABORADOR_ID > 0"> </div>
			
			<div class="form-group" ng-show="vm.REGDEVTROCA.SELECTED.TIPO_ED != 3 && vm.REGDEVTROCA.SELECTED.COLABORADOR_ID > 0">
				<label>Colaborador:
					<a tabindex="-1" href="{{ url('') }}/_23180" target="_blank" rel="noopener noreferrer"><span class="fa fa-external-link" title="23180 - Cadastro de Colaboradores"></span></a>
				</label>
					
				<input type="text" class="form-control input-maior" ng-model="vm.REGDEVTROCA.SELECTED.DESC_CLIENTE" readonly="readonly">
			</div>
			
			<div style="display: -webkit-inline-box;" ng-show="vm.REGDEVTROCA.SELECTED.TIPO_ED == 3" class="consulta-fornecedor3"></div>
			
			<!-- <button title="Alterar cliente @{{vm.REGDEVTROCA.SELECTED.TIPO_ED == 1 ? 'na devolução' : 'na troca'}}" style="margin-left: -10px; height: 34px; display: -webkit-inline-box; margin-top: 0px;"
				type="button" ng-click="vm.REGDEVTROCA.AlterarClientePrincipal();"  ng-if="!vm.REGDEVTROCA.ALTERANDO" class="btn btn-success btn-sam">
				<span class="glyphicon glyphicon-edit"></span>
			</button> -->
			<button title="Cadastrar Cliente" style="margin-left: -15px; height: 34px; margin-top: 20px; display: -webkit-inline-box;" 
				type="button" ng-click="vm.REGDEVTROCA.ngWinPopUp('/_12241/incluir',0,{width: 1200, height: 850},1)" 
				ng-disabled="vm.REGDEVTROCA.INCLUINDO == false" class="btn btn-success btn-sam" 
				ng-if="vm.REGDEVTROCA.INCLUINDO && vm.REGDEVTROCA.SELECTED.TIPO_ED != 3 && !vm.REGDEVTROCA.SELECTED.COLABORADOR_ID > 0">
				<span class="glyphicon glyphicon-plus"></span>
			</button>
		</div>
				
		<div class="form-group">
			<label>CPF/CNPJ:</label>
			<input type="text" style="width: 170px !important;" 
				class="form-control input-maior" ng-readonly="true"
				ng-model="vm.REGDEVTROCA.SELECTED.CNPJ_MASKED">
		</div>

		<div class="form-group" ng-if="vm.REGDEVTROCA.INCLUINDO && vm.REGDEVTROCA.SELECTED.TIPO_ED != 3">
			<label>Tipo:</label>
			<select class="form-group"
				ng-model="vm.REGDEVTROCA.SELECTED.TIPO_ED"
				ng-disabled="!vm.REGDEVTROCA.ALTERANDO || vm.REGDEVTROCA.SELECTED.TIPO_ED == 3">
				<option value="1">Devolução</option>
				<option value="2">Troca</option>
				<option value="4" ng-if="vm.incluirSemDocReferenciado == 1">Sem Documento Referenciado</option>
			</select>
		</div>
		
		<div class="form-group" ng-if="vm.REGDEVTROCA.INCLUINDO && (vm.REGDEVTROCA.SELECTED.TIPO_ED == 3 || vm.REGDEVTROCA.SELECTED.TIPO_ED == '3')">
			<label>Tipo:</label>
			<div style="display: flex;">
				<input type="text" class="form-group" ng-disabled="true" ng-readonly="true" ng-value="'TRANSFERÊNCIA'">
			</div>
		</div>
		
		<!--<div class="form-group" ng-if="vm.REGDEVTROCA.INCLUINDO && vm.REGDEVTROCA.SELECTED.TIPO_ED != 3">
			<label>Tipo:</label>
			<div style="display: flex;">
				<input type="text" class="form-group" ng-disabled="true" ng-readonly="true" ng-value="'TRANSFERÊNCIA'">
			</div>
		</div>-->

		<div class="form-group" ng-if="!vm.REGDEVTROCA.INCLUINDO">
			<label>Tipo:</label>
			<div style="display: flex;">
				<input type="text" class="form-group" ng-disabled="true" ng-readonly="true" ng-model="vm.REGDEVTROCA.SELECTED.FTIPO_ED" style="width: 270px !important;">
				<button ng-if="!vm.REGDEVTROCA.ALTERANDO && vm.REGDEVTROCA.SELECTED.TIPO_ED != 3 && vm.REGDEVTROCA.SELECTED.TIPO_ED != 4" title="Alterar tipo" style="margin-left: -15px; height: 34px; display: -webkit-inline-box; margin-top: 5px;"
					type="button" ng-click="vm.REGDEVTROCA.AlterarTipo();" class="btn btn-success btn-sam">
					<span class="glyphicon glyphicon-edit"></span>
				</button>
			</div>
		</div>

		<div class="form-group" ng-if="!vm.REGDEVTROCA.ALTERANDO" style="margin-top: 25px;">
		<!--  && item.NFS_NATUREZA == 1
			  && item.NFS_NATUREZA != 1
 -->
			<span ng-if="vm.REGDEVTROCA.SELECTED.NFE >  0" class="label label-success" style="padding: 7px; cursor: pointer; font-size: 12pt;" ng-click="vm.REGDEVTROCA.gerarDocFiscal(3,vm.REGDEVTROCA.SELECTED.NFE);">@{{vm.REGDEVTROCA.SELECTED.NFE_DESCRICAO}}</span>
			<span ng-if="vm.REGDEVTROCA.SELECTED.NFS >  0" class="label label-success" style="padding: 7px; cursor: pointer; font-size: 12pt;" ng-click="vm.REGDEVTROCA.gerarDocFiscal(3,vm.REGDEVTROCA.SELECTED.NFS);">@{{vm.REGDEVTROCA.SELECTED.NFS_DESCRICAO}}</span>
			<span ng-if="vm.REGDEVTROCA.SELECTED.ROMANEIO_DEVOLUCAO > 0 && vm.REGDEVTROCA.SELECTED.TIPO_ED != 3" class="label label-success" style="padding: 7px; cursor: pointer; font-size: 12pt;" 
				ng-click="vm.REGDEVTROCA.gerarDocFiscal(3,vm.REGDEVTROCA.SELECTED.ROMANEIO_DEVOLUCAO);">ROM.@{{vm.REGDEVTROCA.SELECTED.DESC_ROMANEIO_DEVOLUCAO}}</span>
			<!-- item.NFS 				  == 0 && item.TIPO_ED == 3 -->
			<span ng-if="vm.REGDEVTROCA.SELECTED.NFE == 0 && vm.REGDEVTROCA.SELECTED.TIPO_ED != 3 && vm.REGDEVTROCA.SELECTED.ITENS_EMISSAO > 0" 
				class="label label-danger"  style="padding: 7px; cursor: pointer; font-size: 12pt;" ng-click="vm.REGDEVTROCA.gerarDocFiscal(1);">Gerar NF</span>
			<!-- item.NFS 				  == 0 && item.TIPO_ED == 3 -->
			<span ng-if="vm.REGDEVTROCA.SELECTED.NFS == 0 && vm.REGDEVTROCA.SELECTED.TIPO_ED == 3" 
				class="label label-danger"  style="padding: 7px; cursor: pointer; font-size: 12pt;" ng-click="vm.REGDEVTROCA.gerarDocFiscal(1);">Gerar NF</span>
				<!--  && vm.REGDEVTROCA.SELECTED.HABILITA_ROM_ANTIGO > 0 -->
			<span ng-if="vm.REGDEVTROCA.SELECTED.ROMANEIO_DEVOLUCAO == 0 && vm.REGDEVTROCA.SELECTED.ITENS_ROMANEIO > 0 && vm.REGDEVTROCA.SELECTED.TIPO_ED != 3 && vm.REGDEVTROCA.SELECTED.NFE_DEVOLUCAO_NATUREZA != 2" 
				class="label label-danger"  style="padding: 7px; cursor: pointer; font-size: 12pt;" ng-click="vm.REGDEVTROCA.gerarDocFiscal(2);">Gerar ROM</span>
		</diV>
		
		<!--<div class="form-group" style="margin-top: 24px;" ng-if="vm.REGDEVTROCA.SELECTED.STATUS == 0">
			<label style="background-color: rgb(169, 15, 15); color: white; text-align: center;
				width: 200px; font-size: 20pt;border-radius: 10px;"> ENCERRADA</label>
		</div>

		<div class="form-group" style="margin-top: 24px;" ng-if="vm.REGDEVTROCA.SELECTED.STATUS == 1">
			<label style="background-color: rgb(97, 171, 97); color: white; text-align: center;
				width: 200px; font-size: 20pt;border-radius: 10px;"> EM ABERTO</label>
		</div>-->
    </div>
		
	<fieldset ng-show="vm.REGDEVTROCA.habilita_itens == true">		
		
		<ul id="tab" class="nav nav-tabs" role="tablist" ng-show="vm.REGDEVTROCA.SELECTED.TIPO_ED != 4"> 
			<li role="presentation" ng-repeat="agrupamento in vm.REGDEVTROCA.SELECTED.ARRAY_DETALHES track by $index" class="@{{$index == 0 ? 'active' : ''}} tab-detalhamento">
				<a href="#tab@{{$index+1}}-container" id="tab@{{$index+1}}-tab" role="tab" data-toggle="tab" aria-controls="tab@{{$index+1}}-container" aria-expanded="true">
					@{{agrupamento.DESCRICAO_ABA}}
					<span title="Abrir nota fiscal de origem"  tabindex="-1" ng-click="vm.AbrirAba('21140',agrupamento.DOCUMENTO_ID)" 
						ng-if="agrupamento.DOCUMENTO_TIPO == 1 && vm.REGDEVTROCA.SELECTED.TIPO_ED == 3"  target="_blank" rel="noopener noreferrer" class="btn btn-xs btn-default fa fa-external-link"></span>
					<span title="Abrir nota fiscal de origem"  tabindex="-1" ng-click="vm.AbrirAba('21150',agrupamento.DOCUMENTO_ID)" 
						ng-if="agrupamento.DOCUMENTO_TIPO == 1 && vm.REGDEVTROCA.SELECTED.TIPO_ED != 3"  target="_blank" rel="noopener noreferrer" class="btn btn-xs btn-default fa fa-external-link"></span>
					<span title="Abrir cupom fiscal de origem" tabindex="-1" ng-click="vm.AbrirAba('19040',agrupamento.DOCUMENTO_ID)" 
						ng-if="agrupamento.DOCUMENTO_TIPO == 2 && vm.REGDEVTROCA.SELECTED.TIPO_ED != 3"  target="_blank" rel="noopener noreferrer" class="btn btn-xs btn-default fa fa-external-link"></span>
				</a>				
			</li>
		</ul>

		<div id="tab-content" class="tab-content"  style="height: calc(100% - 45px);" ng-show="vm.REGDEVTROCA.SELECTED.TIPO_ED != 4">
			
			<div role="tabpanel" class="tab-pane @{{$index == 0 ? 'active in' : ''}}" 
				ng-repeat="agrupamento in vm.REGDEVTROCA.SELECTED.ARRAY_DETALHES track by $index" 
				id="tab@{{$index+1}}-container" name="" aria-labelledby="tab1-tab" style="height: 100%; overflow:auto;">
				<div class="row">	
					<div class="form-group">
						<label ng-if="vm.REGDEVTROCA.SELECTED.TIPO_ED != 3 && !agrupamento.COLABORADOR_ID > 0">Cliente:<a tabindex="-1" href="{{ url('') }}/_12360?CLIENTE_ID=@{{agrupamento.CLIENTE_ID > 0 ? agrupamento.CLIENTE_ID : 0 }}" 
							 target="_blank" rel="noopener noreferrer">
							<span class="fa fa-external-link" title="12360 - Cadastro de Clientes"></span></a></label>
						<label ng-if="vm.REGDEVTROCA.SELECTED.TIPO_ED != 3 && agrupamento.COLABORADOR_ID > 0">Colaborador:<a tabindex="-1" href="{{ url('') }}/_23180" target="_blank" rel="noopener noreferrer">
							<span class="fa fa-external-link" title="23180 - Cadastro de Colaboradores"></span></a></label>
						<label ng-if="vm.REGDEVTROCA.SELECTED.TIPO_ED == 3 || vm.REGDEVTROCA.SELECTED.TIPO_ED == '3'">Fornecedor:<a tabindex="-1" href="{{ url('') }}/_14080" 
							title="14080 - Cadastro de Fornecedores" target="_blank" rel="noopener noreferrer">
							<span class="fa fa-external-link" title="14080 - Cadastro de Fornecedores"></span></a></label>
						<input type="text" style="width: 500px !important;" class="form-control input-maior" 
							ng-model="agrupamento.DESC_CLIENTE" ng-readonly="true">
						<button ng-if="vm.REGDEVTROCA.SELECTED.TIPO_ED != 3 && vm.REGDEVTROCA.SELECTED.ID > 0" title="Alterar cliente @{{agrupamento.TIPO_DOCUMENTO == 1 ? 'na nota fiscal' : 'no cupom fiscal'}}" 
							style="margin-left: -10px; height: 34px; display: -webkit-inline-box; margin-top: 0px;"
							type="button" ng-click="vm.REGDEVTROCA.AlterarCliente(agrupamento);"  ng-if="(!agrupamento.NFE > 0)" class="btn btn-success btn-sam">
							<span class="glyphicon glyphicon-edit"></span>
						</button>
					</div>

					<div class="form-group" style="margin-bottom: 4px; width: 95%; display: flex;">						
						
						<button style="margin-right: 5px;" type="button" class="btn btn-primary btn-incluir" ng-disabled="!vm.REGDEVTROCA.ALTERANDO || vm.REGDEVTROCA.PRE_PEDIDO_ID > 0" 
							ng-if="(!agrupamento.NFE > 0)" ng-click="vm.REGDEVTROCA_DOC.incluir(agrupamento);">
							<span class="glyphicon glyphicon-plus"></span> Incluir
						</button>
						
						<button style="margin-right: 5px;" type="button" class="btn btn-primary btn-incluir" ng-disabled="!vm.REGDEVTROCA.ALTERANDO || vm.REGDEVTROCA.PRE_PEDIDO_ID > 0" 
							ng-click="vm.REGDEVTROCAItens.gravando_itens = false;vm.REGDEVTROCAItens.incluirAposGravado();">
							<span class="glyphicon glyphicon-plus"></span> Incluir por EAN
						</button>
						
						<!-- 
						<button style="margin-right: 5px;" type="button" class="btn btn-primary btn-incluir"
							ng-click="vm.REGDEVTROCA.gerarDocFiscal(agrupamento);" ng-if="!vm.REGDEVTROCA.ALTERANDO && (!agrupamento.NFE > 0)">
							<span class="glyphicon glyphicon-open-file"></span> Gerar NF-E
						</button>

						<button style="margin-right: 5px;" type="button" class="btn btn-success btn-incluir"
							ng-click="vm.REGDEVTROCA.gerarDocFiscal(agrupamento);" ng-if="(agrupamento.NFE > 0)">
							<span class="glyphicon glyphicon-new-window"></span> Abrir NF-E
						</button> -->

						<input type="text" style="width: 100% !important;" placeholder="Filtragem rápida..." 
						    class="form-control input-maior" ng-model="agrupamento.FILTRO_DADOS">
					</div>
					
					<div class="table-ec table-scroll" style="height: calc(100vh - 540px); min-height: 300px;">
						<table id="@{{agrupamento.AGRUPAMENTO_TAB}}" class="table table-striped table-bordered table-condensed table-no-break table-middle table-low">
							<thead>
								<tr gc-order-by="agrupamento.ORDER_BY">
									<th field="ID">ID</th>
									<th field="DESC_PRODUTO">Produto</th>
									<th field="TAMANHO">Tam</th>
									<th field="EAN">Ean</th>
									<th class="text-right" field="QUANTIDADE">Quantidade</th>									
									<th class="text-right" field="VALOR_UNITARIO">Vr.Unitário</th>
									<th class="text-right" field="VALOR_TOTAL">Vr.Total</th>
									<th class="text-right" field="VALOR_DESCONTO">Vr.Desconto</th>
									<th class="text-right" field="VALOR_LIQUIDO">Vr.Liquido</th>
									<th field="FDATAHORA_INCLUSAO">Data/Hora</th>
									<th field="OPCAO">Opções</th>
								</tr>
							</thead>
							<tbody>
								<tr ng-repeat="item in agrupamento.DADOS_RENDER = ( agrupamento.DADOS | orderBy : agrupamento.ORDER_BY | find: {model : agrupamento.FILTRO_DADOS ,fields : 'all'}) track by $index"
									ng-focus="agrupamento.SELECTED = item" ng-class="{ 'selected' : agrupamento.SELECTED == item }"  ng-keydown="vm.REGDEVTROCA.atalho_enter(agrupamento.SELECTED,item,$event)" tabindex="0">
									<td><span>@{{ item.ID || 0 | lpad: [5,0] }}</span></td>
									<td><span>@{{ item.DESC_PRODUTO }}</span></td>
									<td><span>@{{ item.DESC_TAM }}</span></td>
									<td><span>@{{ item.EAN }}</span></td>
									
									<td class="text-right">
										<span ng-if="vm.REGDEVTROCA.ALTERANDO == false || (agrupamento.NFE > 0)">@{{ item.QUANTIDADE | number:2 }}</span>
										<div ng-if="vm.REGDEVTROCA.ALTERANDO == true && (!agrupamento.NFE > 0)" class="input-group left-icon" style="width: 100px;">
											<input style="width: 80px;" onmouseup="return false;" type="text" 
												ng-number-format="@{{item.PODE_FRACIONAR == 'S' ? 2 : 0}}" onfocus="this.select();"
												min="@{{item.PODE_FRACIONAR == 'S' ? 0.01 : 1}}" max="@{{item.QTD_MAX}}"
												class="form-control text-right quantidade_item quantidade_@{{$index}}"
												ng-model="item.QUANTIDADE" ng-blur="item.QUANTIDADE = vm.validateNumberF(0,item.QTD_MAX,item.QUANTIDADE,item.PODE_FRACIONAR == 'S');vm.calcularTotal(1,item);vm.calcular_itens2();"
												ng-keypress="$event.keyCode === 13 && vm.atalho_campos($event,$index,agrupamento.AGRUPAMENTO_ID,'quantidade_');">
											<div class="input-group-addon" style="color: rgb(85 85 85); padding: 3px;"> @{{item.UM}} </div>
										</div>
									</td>

									<td class="text-right"><span>R$ @{{ item.VALOR_UNITARIO   | number:2 }}</span></td>
									<td class="text-right"><span>R$ @{{ item.VALOR_TOTAL      | number:2 }}</span></td>									
									<td class="text-right"><span>R$ @{{ item.VALOR_DESCONTO   | number:2 }}</span></td>
									<td class="text-right"><span>R$ @{{ item.VALOR_LIQUIDO    | number:2 }}</span></td>
									<td class="text-right"><span>@{{ item.FDATAHORA_INCLUSAO  }}</span></td>
									<td>
										<div class="form-group no-print" style="display: contents;"> 
											<div class="dropdown acoes no-print">
												<button type="button" class="btn btn-danger" style="margin-left: 6px;" data-toggle="dropdown" 
													aria-expanded="false" ng-click="vm.REGDEVTROCA.excluir_item($event,item,agrupamento); $event.stopPropagation();"
													ng-disabled="!vm.REGDEVTROCA.ALTERANDO" ng-if="vm.REGDEVTROCA.ALTERANDO == true && (!agrupamento.NFE > 0)"> 
													<span class="glyphicon glyphicon-trash"></span> 													
												</button> 
											</div> 
										</div> 
									</td>
								</tr>
							</tbody>
						</table>
					</div>
			
				</div>
			</div>
		</div>
	</fieldset>

	<div ng-show="vm.REGDEVTROCA.SELECTED.TIPO_ED == 4">
		<div class="tabela_secundaria" id="tabela_secundaria"></div>		
	</div>
	
	<div class="row" style="margin-top: 5px; display: flex;" ng-show="vm.REGDEVTROCA.SELECTED.TIPO_ED != 4">
		<label style="background-color: black; color: yellow; text-align: center;
			width: 33%; font-size: 20pt;border-radius: 10px;"> Quantidade Total: @{{vm.REGDEVTROCA.SELECTED.QUANTIDADE_TOTAL | number:0 }}</label>
		<label style="background-color: black; color: yellow; text-align: center;
			width: 33%; font-size: 20pt;border-radius: 10px;"> Valor Total: R$ @{{vm.REGDEVTROCA.SELECTED.TOTAL_ITENS | number:2 }}</label>
		<label style="background-color: black; color: yellow; text-align: center;
			width: 33%; font-size: 20pt;border-radius: 10px;"> Saldo Total: R$ @{{vm.REGDEVTROCA.SELECTED.VALOR_SALDO | number:2 }}</label>		
	</div>
	
</div>
</form>

@overwrite