@extends('master')

@section('titulo')
{{ Lang::get('financeiro/_20440.titulo') }}
@endsection

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

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

	<input type="hidden" class="_empresa" id="_empresa" value="{{$empresa}}">

	<ul class="list-inline acoes">

		<li ng-if="vm.FUNCIONALIDADES.length > 0 && vm.ArquivoRemessaCobranca.BACKUP_ITENS_MARCADOS.length > 0">
			<div class="dropdown" id="dropCompilado">
				<button id="dLabel" type="button" data-toggle="dropdown" data-hotkey="f2" class="btn btn-danger" ng-click="vm.ArquivoRemessaCobrancaImpressao.focusItem($event);" ng-dbclick="$event.stopPropagation();">
					<span class="fa fa-th-list"></span> Funcionalidades
				</button>
				<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 tabindex="0" ng-repeat="item in vm.FUNCIONALIDADES track by $index" ng-keypress="$event.keyCode == 13 && item.FUNCAO();" ng-keydown="vm.ArquivoRemessaCobrancaImpressao.changeSelection($event)">
						<a ng-click="item.FUNCAO()" style="cursor: pointer;">
							<span class="@{{item.ICONE}}"></span> @{{item.NOME}}
						</a>
					</li>
				</ul>
			</div>
		</li>

		<!---->
		<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.ArquivoRemessaCobranca.tabela_height()">
				Filtro
				<span class="caret"></span>
			</button>
		</li>
	</ul>

	<input type="hidden" id="estabelecimentoUsuario" value="{{estabelecimentoUsuario(Auth::user()->CODIGO)}}">

	<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.ArquivoRemessaCobranca.getItensAdd(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.ArquivoRemessaCobranca.TIPO_DATA_FILTRO" id="selectFormGroup" ng-change="vm.ArquivoRemessaCobranca.limparFiltragem();">
						<option style="font-weight: 600;" ng-value="1">Dt.Emissão</option>
						<option style="font-weight: 600;" ng-value="2">Dt.Vencimento</option>
					</select>
					<input 
						type="date" 
						style="width: 130px; margin-left: 4px; margin-top: 4px;" 
						class="form-control filter_main"
						ng-model="vm.ArquivoRemessaCobranca.DATA_INICIO" 
						ng-change="vm.ArquivoRemessaCobranca.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.ArquivoRemessaCobranca.DATA_FIM" 
						ng-change="vm.ArquivoRemessaCobranca.limparFiltragem();"
						ng-atalho>
				</div>		 
			</div>

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

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

			<div id="info-4" style="display: none">
				<div class="origem-container">
					<table class="table table-striped table-bordered">
						<thead>
							<tr>
								<th class="text-left"></th>
							</tr>
						</thead>
						<tbody>
							<tr>
								<td class="text-left"><a tabindex="-1" href="{{ url('') }}/_12360" target="_blank" rel="noopener noreferrer">12360 - Cadastro de Clientes</a></td>
							</tr>
							<tr>
								<td class="text-left"><a tabindex="-1" href="{{ url('') }}/_14080" target="_blank" rel="noopener noreferrer">14080 - Cadastro de Fornecedores</a></td>
							</tr>
							<tr>
								<td class="text-left"><a tabindex="-1" href="{{ url('') }}/_12350" target="_blank" rel="noopener noreferrer">12350 - Cadastro de Representantes</a></td>
							</tr>
							<tr>
								<td class="text-left"><a tabindex="-1" href="{{ url('') }}/_14011" target="_blank" rel="noopener noreferrer">14011 - Cadastro de Transportadoras</a></td>
							</tr>
						</tbody>
					</table>
				</div>
			</div>
			<div style="display: -webkit-inline-box;" class="consulta-banco-filtro"></div>

			<br>

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

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

			<div class="form-group">
				<label>Nome do Arquivo:</label>
				<input 
					type="text" 
					style="width: 100% !important; min-width: 170px;"
					class="form-control input-maior filter_main" 
					ng-model="vm.ArquivoRemessaCobranca.FILTRO_DADOS">
				</div>

			<div class="form-group">
				<label>ID Documento Fiscal:</label>
				<input 
					type="text" 
					style="width: 265px;"
					id="idDocFiscalFiltro"
					only-digits2
					class="form-control filter_main text-right" 
					ng-change="vm.ArquivoRemessaCobranca.limparFiltragem();"
					ng-model="vm.ArquivoRemessaCobranca.ID_DOCUMENTO_FISCAL">
			</div>

			<div class="form-group">
				<label>Documento Fiscal:</label>
				<input 
					type="text" 
					style="width: 265px;"
					id="docFiscalFiltro"
					only-digits2
					class="form-control filter_main text-right" 
					ng-change="vm.ArquivoRemessaCobranca.limparFiltragem();"
					ng-model="vm.ArquivoRemessaCobranca.DOCUMENTO_FISCAL">
			</div>

			<div class="form-group">
				<label for="numeroSerieFiltro">Série:</label>
				<input type="text" style="width: 60px;"
					id="numeroSerieFiltro"
					class="form-control filter_main text-right" 
					ng-change="vm.ArquivoRemessaCobranca.limparFiltragem();"
					ng-model="vm.ArquivoRemessaCobranca.SERIE"
					only-digits2
					maxlength="3">
			</div>

			<div class="form-group">
				<label style="opacity: 0;">.</label>       

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

						<input 
							id="checkFiltroArquivo"
							type="checkbox" 
							class="form-control" 
							ng-click="vm.ArquivoRemessaCobranca.FILTRO_ARQUIVO = vm.ArquivoRemessaCobranca.FILTRO_ARQUIVO ? false : true; vm.ArquivoRemessaCobranca.limparFiltragem();" 
							ng-checked="vm.ArquivoRemessaCobranca.FILTRO_ARQUIVO"
							/>
						<label for="checkFiltroArquivo" ng-class="{'fontBold': vm.ArquivoRemessaCobranca.FILTRO_ARQUIVO}" style="top: 4px !important; margin-left: 2px;"> 
							Parcelas com Arquivos Gerados
						</label>

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

			<div class="form-group" style="padding-top: 12px; 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.ArquivoRemessaCobranca')
	@include($menu.'.modal.ArquivoRemessaCobrancaItens')
	@include($menu.'.modal.ArquivoRemessaCobrancaImpressao')
	@include($menu.'.modal.ConfirmItensSelected')


	<div id="modalGeracaoArquivosRemessa" class="modal" data-backdrop="static" data-keyboard="false" role="dialog" aria-hidden="true" style="position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);">
		<div class="modal-dialog modal-m">
			<div class="modal-content">
				<div class="modal-header">
					<div class="modal-header-left">
						<h3 style="margin:0;" ng-bind="vm.ArquivoRemessaCobranca.TITLE_GERACAO"></h3>
					</div>
					<div class="modal-header-right">
						<button ng-if="vm.ArquivoRemessaCobranca.HABILITA_VOLTAR_GERACAO == true" type="button" class="btn btn-default btn-fechar-modal btn-voltar" ng-click="vm.ArquivoRemessaCobranca.fecharModalGeracao()" data-hotkey="esc">
        					<span class="glyphicon glyphicon-chevron-left"></span> Voltar
    					</button>	
					</div>
					
				</div>
				<div class="modal-body">
					<p ng-bind="vm.ArquivoRemessaCobranca.STATUS_PROGRESSO"></p>
					<p ng-bind="vm.ArquivoRemessaCobranca.DESC_PROGRESSO" style="font-weight: bold;"></p>
					<p ng-if="vm.ArquivoRemessaCobranca.ERROR == true" ng-bind="vm.ArquivoRemessaCobranca.DESC_SITUACAO" style="color: red; font-weight: bold;"></p>
					<p ng-if="vm.ArquivoRemessaCobranca.ERROR == false && vm.ArquivoRemessaCobranca.DESC_SITUACAO != ''" ng-bind="vm.ArquivoRemessaCobranca.DESC_SITUACAO" style="color: green; font-weight: bold;"></p>
					<div class="progress">
						<div id="progressoBarGeracaoArquivo" ng-class="{'progress-bar-danger': vm.ArquivoRemessaCobranca.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>
		</div>
	</div>

	<div id="modalProcessoGeracaoNumero" 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">
						<h3 style="margin:0;" ng-bind="vm.ArquivoRemessaCobranca.TEXTO_GERACAO_BANCO"></h3>
					</div>
					<div class="modal-header-right">
						<button ng-if="vm.ArquivoRemessaCobranca.HABILITA_VOLTAR_GERACAO_BANCO == true" type="button" class="btn btn-default btn-fechar-modal btn-voltar" ng-click="vm.ArquivoRemessaCobranca.fecharModalGeracaoNumeroBanco()" data-hotkey="esc">
        					<span class="glyphicon glyphicon-chevron-left"></span> Voltar
    					</button>	
					</div>
					
				</div>
				<div class="modal-body">
					<div class="panel-group" id="painelGeracaoNumeroBancoGroup">
						<div class="panel" 
							ng-repeat="item in vm.ArquivoRemessaCobranca.ARRAY_GERACAO_NUMERO track by $index" 
							style="margin-bottom: 20px !important;" 
							ng-class="{'panel-danger': item.REGISTRO_GERADO == 0, 'panel-success': item.REGISTRO_GERADO == 1, 'panel-warning': item.REGISTRO_GERADO == 3}">
							<div class="panel-heading">
								<h4 class="panel-title">
									<a data-toggle="collapse" href="#collapse@{{$index}}">
										@{{ item.STATUS }}
									</a>
								</h4>
							</div>
							<div id="collapse@{{$index}}" class="panel-collapse collapse" ng-class="{'in' : (item.REGISTRO_GERADO != 1 && $last)}">

								<div class="panel-body">

									<div class="row">
										<div class="col-md-4">
											<div class="list-group" id="list-tab" role="tablist">
												<a 
													class="list-group-item list-group-item-action listGroupGeracaoNumeroBanco" 
													style="cursor: pointer;"
													ng-class="{'active' : $last}"
													ng-repeat="collapse in item.DETAILS_COLLAPSE track by $index"
													data-toggle="list" 
													id="listCollapse@{{$index}}@{{collapse.INDEX}}" 
													ng-click="vm.ArquivoRemessaCobranca.collapseGeracaoNumeroBanco(collapse, $index, $parent.$index);"
													role="tab" ng-bind="collapse.STATUS"></a>
											</div>
										</div>
										<div class="col-md-8">
											<div class="tab-content" id="tabContentGeracaoNumeroBanco">
												<div
													class="tab-pane" 
													ng-repeat="collapse in item.DETAILS_COLLAPSE track by $index" 
													ng-class="{'active' : $last}" 
													id="subCollapse@{{$index}}@{{collapse.INDEX}}" 
													role="tabpanel">

														<div class="box_importacao_xml">
															<div class="box__content_multiple_products">
																<ul class="notification-list-multiple-products">
																	<li class="notification-list__item_multiple_products" ng-repeat="arr in collapse.DETALHES_INCLUSAO track by $index" ng-class="{'notification-list__item_multiple_products--new': $last}">
																		<a href="javascript:void(0);">
																			<small ng-if="arr.ERROR == '0'" style="margin-bottom: 5px;"><span class="fa fa-check" style="color: rgb(7, 214, 7);"></span></small>
																			<small ng-if="arr.ERROR == '1'" style="margin-bottom: 5px;"><span class="fa fa-remove" style="color: rgb(255, 0, 0);"></span></small>
																			<small ng-if="arr.ERROR == '2'" style="margin-bottom: 5px;"><span class="fa fa-exclamation-triangle" style="color: #f0ad4e;"></span></small>
																			<span ng-bind="arr.STATUS"></span>
																		</a>
																	</li>
																</ul>
															</div>
														</div>

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

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

	<div id="modalProcessoGeracaoArquivoErrors" class="modal" data-backdrop="static" data-keyboard="false" tabindex="-1" role="dialog" aria-hidden="true">
		<div class="modal-dialog" style="width: 75% !important;">
			<div class="modal-content">
				<div class="modal-header">
					<div class="modal-header-left">
						<h3 style="margin:0;">Registros com Erros na Geração do Arquivo</h3>
					</div>
					<div class="modal-header-right">
						<button type="button" class="btn btn-default btn-fechar-modal btn-voltar" ng-click="vm.ArquivoRemessaCobranca.fecharModalGeracaoArquivoErrors()" data-hotkey="esc">
        					<span class="glyphicon glyphicon-chevron-left"></span> Voltar
    					</button>	
					</div>
					
				</div>
				<div class="modal-body">
					<div class="tabela_erros_geracao_arquivo" id="tabela_erros_geracao_arquivo"></div>	
				</div>
			</div>
		</div>
	</div>

	<div id="modalProcessoBoleto" 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">
						<h3 style="margin:0;">Boletos Bancários</h3>
					</div>
					<div class="modal-header-right">
						<button ng-if="vm.ArquivoRemessaCobranca.HABILITA_FECHAR_MODAL_BOLETO == true" type="button" class="btn btn-default btn-fechar-modal btn-voltar" ng-click="vm.ArquivoRemessaCobranca.fecharModalProgressoBoleto()" data-hotkey="esc">
        					<span class="glyphicon glyphicon-chevron-left"></span> Voltar
    					</button>	
					</div>
					
				</div>
				<div class="modal-body">
					<p ng-bind="vm.ArquivoRemessaCobranca.DESC_PROGRESSO_BOLETO"></p>
					<p ng-if="vm.ArquivoRemessaCobranca.DESC_PROGRESSO_BOLETO == ''">Carregando registros...</p>
					<div class="progress">
						<div id="progressoBarAtualizacao" class="progress-bar progress-bar-striped progress-bar-animated active" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100">
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

	<div id="modalTratamentoEnvioBoleto" class="modal" data-backdrop="static" data-keyboard="false" role="dialog" aria-hidden="true">
		<div class="modal-dialog modal-lg" style="width: 1230px !important;">
			<div class="modal-content">
				<div class="modal-header">
					<div class="modal-header-left">
						<h3 style="margin:0;">Envio de boletos por e-mail </h3>
					</div>
					<div class="modal-header-right">

						<button type="button" class="btn btn-warning" ng-click="vm.ArquivoRemessaCobranca.enviarEmailBoletoBancario()" data-hotkey="f1">
        					<span class="glyphicon glyphicon-send"></span> Agendar envio
    					</button>	

						<button type="button" class="btn btn-default btn-fechar-modal btn-voltar" ng-click="vm.ArquivoRemessaCobranca.fecharModalTratamentoEnvioBoleto()" data-hotkey="esc">
        					<span class="glyphicon glyphicon-chevron-left"></span> Voltar
    					</button>	

					</div>
					
				</div>
				<div class="modal-body" style="height: calc(100vh - 150px) !important;">

					<div class="alert alert-danger mensagemClienteCenter" ng-if="vm.ArquivoRemessaCobranca.CLIENTES_ERROS_EMAIL == true">Clientes com e-mail de cobrança inválido</div>

					<div class="panel-group">
						<div class="panel panel-default" ng-repeat="item in vm.ArquivoRemessaCobranca.TRATAMENTO_ENVIO_BOLETOS | filter: { EMAIL_VERIFICADO: 0 }">
							<div class="panel-heading">
								<h4 class="panel-title">
									<a data-toggle="collapse" href="#collapse@{{item.POSITION}}" ng-click="vm.ArquivoRemessaCobranca.collapseOpenClose(item);" style="font-weight: bold !important;">
										Cliente @{{ item.EMPRESA_DESCRICAO }}
										
										<span class="fa" ng-class="{'fa-chevron-up': item.ABERTO, 'fa-chevron-down': !item.ABERTO}" style="float: right;"></span>
										
										<label class="label label-default labelEmailValorTotal">
											<span>R$</span> 
											<span style="border-left: 1px solid #fafafa; margin-left: 3px;">&nbsp;&nbsp;@{{ item.VALOR_TOTAL | number: 2 }}</span>
										</label>

									</a>

									<a style="border-top: 1px solid #b9b9b9; margin-top: 4px; margin-bottom: 0; height: 52px;">
										<span style="float: left; max-width: 87%; overflow-wrap: break-word;">E-mail: @{{ item.EMPRESA_EMAIL }}</span>

										<label title="Alterar e-mail de cobrança do cliente" class="label label-danger labelEmailCliente" ng-click="vm.ArquivoRemessaCobranca.changeEmailInvalido(item);">
											<span class="fa fa-pencil-square-o"></span> 
										</label>
									</a>
								</h4>
							</div>
							<div id="collapse@{{item.POSITION}}" class="panel-collapse collapse">
								<div class="panel-body">
									<div class="box_envio-boletos">
										<div class="box__content_envio-boletos">
											<ul class="notification-list-envio-boleto">
												<li class="notification-list__item_envio-boletos" ng-repeat="arr in item.BOLETOS track by $index">
												<a class="tagAPointerNone" href="javascript:void(0);">
														<small><span class="fa fa-check" style="color: rgb(7, 214, 7);"></span> &nbsp; Parcela: @{{ arr.DESC_PARCELA }} - Data de Vencimento: @{{ arr.DATA_VENCIMENTO_F }} - Valor: R$ @{{ arr.VALOR | number: 2 }} - Doc.Fiscal: @{{ arr.DOCUMENTO_FISCAL }} </small>
													</a>
												</li>
											</ul>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>

					<div class="alert alert-success mensagemClienteCenter" ng-if="vm.ArquivoRemessaCobranca.CLIENTES_ERROS_EMAIL == true">Clientes com e-mail de cobrança válido</div>

					<div class="panel-group">
						<div class="panel panel-default" ng-repeat="item in vm.ArquivoRemessaCobranca.TRATAMENTO_ENVIO_BOLETOS | filter: { EMAIL_VERIFICADO: 1 }">
							<div class="panel-heading">
								<h4 class="panel-title">
									<a data-toggle="collapse" href="#collapse@{{item.POSITION}}" ng-click="vm.ArquivoRemessaCobranca.collapseOpenClose(item);" style="font-weight: bold !important;">
										Cliente @{{ item.EMPRESA_DESCRICAO }}
										
										<span class="fa" ng-class="{'fa-chevron-up': item.ABERTO, 'fa-chevron-down': !item.ABERTO}" style="float: right;"></span>
										
										<label class="label label-default labelEmailValorTotal">
											<span>R$</span> 
											<span style="border-left: 1px solid #fafafa; margin-left: 3px;">&nbsp;&nbsp;@{{ item.VALOR_TOTAL | number: 2 }}</span>
										</label>

									</a>

									<a style="border-top: 1px solid #b9b9b9; margin-top: 4px; margin-bottom: 0; height: 52px;">
										<span style="float: left; max-width: 87%; overflow-wrap: break-word;">E-mail: @{{ item.EMPRESA_EMAIL }}</span>

										<label title="Alterar e-mail de cobrança do cliente" class="label label-success labelEmailCliente" ng-click="vm.ArquivoRemessaCobranca.changeEmailInvalido(item);">
											<span class="fa fa-pencil-square-o"></span> 
										</label>
										
									</a>
								</h4>
							</div>
							<div id="collapse@{{item.POSITION}}" class="panel-collapse collapse">
								<div class="panel-body">
									<div class="box_envio-boletos">
										<div class="box__content_envio-boletos">
											<ul class="notification-list-envio-boleto">
												<li class="notification-list__item_envio-boletos" ng-repeat="arr in item.BOLETOS track by $index">
												<a class="tagAPointerNone" href="javascript:void(0);">
														<small><span class="fa fa-check" style="color: rgb(7, 214, 7);"></span> &nbsp; Parcela: @{{ arr.DESC_PARCELA }} - Data de Vencimento: @{{ arr.DATA_VENCIMENTO_F }} - Valor: R$ @{{ arr.VALOR | number: 2 }} - Doc.Fiscal: @{{ arr.DOCUMENTO_FISCAL }} </small>
													</a>
												</li>
											</ul>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

	<div id="modalProcessoEnvioBoleto" 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">
						<h3 style="margin:0;">Envio de Boletos Bancários</h3>
					</div>
					<div class="modal-header-right">
						<button ng-if="vm.ArquivoRemessaCobranca.HABILITA_FECHAR_MODAL_ENVIO_BOLETO == true" type="button" class="btn btn-default btn-fechar-modal btn-voltar" ng-click="vm.ArquivoRemessaCobranca.fecharModalProgressoEnvioBoleto()" data-hotkey="esc">
        					<span class="glyphicon glyphicon-chevron-left"></span> Voltar
    					</button>	
					</div>
					
				</div>
				<div class="modal-body">
					<p ng-bind="vm.ArquivoRemessaCobranca.DESC_PROGRESSO_ENVIO_BOLETO"></p>
					<p ng-if="vm.ArquivoRemessaCobranca.DESC_PROGRESSO_ENVIO_BOLETO == ''">Gerando arquivos PDFs para envio...</p>
					<div class="progress">
						<div id="progressoBarAtualizacaoEnvioEmail" class="progress-bar progress-bar-striped progress-bar-animated active" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100">
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

	<div id="modalErrosProcessoEnvioBoleto" class="modal" data-backdrop="static" data-keyboard="false" tabindex="-1" role="dialog" aria-hidden="true">
		<div class="modal-dialog" style="width: 900px !important;">
			<div class="modal-content">
				<div class="modal-header">
					<div class="modal-header-left">
						<h3 style="margin:0;">20440 - Erros Envio de E-mail</h3>
					</div>
					<div class="modal-header-right">
						<button type="button" class="btn btn-default btn-fechar-modal btn-voltar" ng-click="vm.ArquivoRemessaCobranca.fecharModalErrosBoleto()" data-hotkey="esc">
        					<span class="glyphicon glyphicon-chevron-left"></span> Fechar
    					</button>	
					</div>
					
				</div>
				<div class="modal-body">
					<div class="tabela_erros_sem_email" id="tabela_erros_sem_email"></div>	
				</div>
			</div>
		</div>
	</div>

	<div id="modalUpdateEmailCliente" class="modal" data-backdrop="static" data-keyboard="false" role="dialog" aria-hidden="true">
		<div class="modal-dialog modal-lg" style="width: 1020px !important;">
			<div class="modal-content">
				<form class="form-inline">
					<div class="modal-header">
						<div class="modal-header-left">
							<h4 class="modal-title">
								<span>Alterar E-mail de Cobrança do Cliente</span>
							</h4>
						
						</div>
						<div class="modal-header-right">

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

							<button ng-click="vm.ArquivoRemessaCobranca.cancelarAlterarEmailCliente()" 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 - 360px) !important;">

						<div class="row">
							<div class="alert alert-success mensagemClienteCenter">@{{ vm.ArquivoRemessaCobranca.CLIENTE_EDIT.EMPRESA_DESCRICAO }}</div>
						</div>

						<br>

						<div class="row">
							<div class="col-md-6">
								<span style="font-weight: bold; font-size: 14px;">E-mails Atuais:</span>
							</div>
							<div class="col-md-6">
								<span style="font-weight: bold; font-size: 14px;">E-mails Novos:</span>
							</div>
							<div class="col-md-6" style="border-right: 1px solid lightgray !important;">
								<div id="tabela_emails_antigos" class="tabela_emails_antigos" style="margin-top: 66px !important;"></div>
							</div>

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

								<div class="form-group">
									<label>E-mail:</label>
									<input 
										type="email"
										id="emailNovoInput"
										class="form-control normal-case" 
										style="width: 362px;"
										required
										ng-model="vm.ArquivoRemessaCobranca.CLIENTE_EDIT.EMPRESA_EMAIL_NEW">
								</div>

								<button id="incluirEmailNovoBtn" ng-click="vm.ArquivoRemessaCobranca.incluirEmail()" style="margin-top: 19px !important;" type="button" class="btn btn-primary" data-hotkey="f2">
									<span class="glyphicon glyphicon-plus"></span> Incluir
								</button>

								<div id="tabela_emails_novos" class="tabela_emails_novos"></div>

							</div>
							
						</div>

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

</div>
@endsection

@section('script')
<script src="{{ elixir('assets/js/direct-print.js') }}"></script>
<script src="{{ elixir('assets/js/_20440.js') }}"></script>
@append