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

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

@section('modal-header-left')

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

@overwrite

@section('modal-header-right')

	<button ng-if="vm.MDFe.ALTERANDO" type="submit" class="btn btn-success" data-hotkey="f1">
        <span class="glyphicon glyphicon-ok"></span> Gravar
    </button>
	
	<button ng-if="vm.MDFe.ALTERANDO" ng-click="vm.MDFe.cancelar()" type="button" class="btn btn-danger btn-cancelar" data-hotkey="esc">
        <span class="glyphicon glyphicon-ban-circle"></span> Cancelar
    </button>
	
	<button ng-disabled="{{ userMenu($menu)->ALTERAR }} == 0" ng-if="!vm.MDFe.ALTERANDO" ng-click="vm.MDFe.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.MDFe.ALTERANDO" ng-click="vm.MDFe.excluir()" type="button" class="btn btn-danger" data-hotkey="f12">
        <span class="glyphicon glyphicon-trash"></span> Excluir
    </button>
	
	<button ng-if="!vm.MDFe.ALTERANDO" data-consulta-historico data-tabela="TBMDF" data-tabela-id="@{{ vm.MDFe.SELECTED.ID }}" type="button" class="btn gerar-historico" data-hotkey="alt+h">
        <span class="glyphicon glyphicon-time"></span> {{ Lang::get('master.historico') }}
    </button>

	<div ng-if="!vm.MDFe.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">
			Arquivos <span class="caret"></span>
		</button>
		<ul class="dropdown-menu">
			<li ng-click="vm.MDFeTransmissaoSefaz.damdfePdf()"><a href="javascript:void(0);">Gerar Novo Damdfe</a></li>
			<li ng-click="vm.MDFeTransmissaoSefaz.verXml()"><a href="javascript:void(0);">Ver Xml</a></li>
			<li role="separator" class="divider"></li>
			<li ng-click="vm.MDFeTransmissaoSefaz.imprimirDamdfe()"><a href="javascript:void(0);">Imprimir Damdfe Existente</a></li>
		</ul> 
	</div>

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

@overwrite

@section('modal-body')
<div style="height: calc(100vh - 230px);">
	<!--<span class="btn btn-xs btn-default glyphicon glyphicon-refresh"></span>-->
	<div class="row" style="margin-bottom: 8px;" ng-if="vm.MDFe.SELECTED.ID > 0">
		<label class="styleLabelSituacao" ng-class="{
			'labelAtiva': vm.MDFe.SELECTED.SITUACAO == '0', 
			'labelAutorizada': vm.MDFe.SELECTED.SITUACAO == '1', 
			'labelCancelada': vm.MDFe.SELECTED.SITUACAO == '2', 
			'labelEncerrada': vm.MDFe.SELECTED.SITUACAO == '3', 
			'labelDenegada': vm.MDFe.SELECTED.SITUACAO == '4'}"
		ng-bind="vm.MDFe.SELECTED.SITUACAO_DESCRICAO"></label>
	</div>
	<!-- Informações Gerais do Documento Fiscal --> 
	<div class="panel panel-default"> 
		<div class="panel-heading" id="headerInformacoesGerais" style="cursor: pointer !important;"> 
			<h3 class="panel-title">
				Informações Gerais do MDF-e

			</h3> 
				
		</div> 
		<div class="panel-body collapse in">

			<div class="row">
				<!-- ng-if="!vm.MDFe.INCLUINDO" -->
				<div class="form-group">
					<label>ID:</label>
					<input 
						type="text"
						class="form-control input-menor"
						ng-model="vm.MDFe.SELECTED.DESC_ID"
						readonly="readonly">
				</div>

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

				<div class="form-group">
					<label>Tipo do Emitente:</label>
					<select 
						class="form-control" 
						style="width: 437px;"
						id="slcTipoEmitente"
						required
						ng-disabled="!vm.MDFe.ALTERANDO"
						ng-model="vm.MDFe.SELECTED.TIPO_EMITENTE">	
						<option ng-value="1">1 - Prestador de Serviço de Transporte</option>
						<option ng-value="2">2 - Transportador de Carga Própria</option>
						<option ng-value="3">3 - Prestador de Serviço de Transporte que Emitirá CT-e Globalizado</option>
					</select>
				</div>

				
				<div class="form-group">
					<label>Tipo do Transportador:</label>
					<select 
						class="form-control" 
						style="width: 437px;"
						id="slcTipoTransportador"
						required
						ng-disabled="!vm.MDFe.ALTERANDO"
						ng-model="vm.MDFe.SELECTED.TIPO_TRANSPORTADOR">	
						<option ng-value="0">0 - Nenhum</option>
						<option ng-value="1">1 - ETC(Empresa de Transporte de Cargas)</option>
						<option ng-value="2">2 - TAC(Transportador Autônomo de Cargas)</option>
						<option ng-value="3">3 - CTC(Cooperativa de Transporte de Cargas)</option>
					</select>
				</div>

				
				<br>

				<div class="form-group">
					<label>Número MDF-e:</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: 205px;" 
							class="form-control text-right"
							ng-model="vm.MDFe.SELECTED.NUMERO_MDF" 
							maxlength="9"
							only-digits
							ng-readonly="!vm.MDFe.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: 153px;" 
							class="form-control text-right" 
							ng-model="vm.MDFe.SELECTED.SERIE" 
							required
							maxlength="3"
							only-digits
							ng-readonly="!vm.MDFe.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.MDFe.SELECTED.DATA_EMISSAO"
						ng-readonly="!vm.MDFe.ALTERANDO">
				</div>

				<div class="form-group">
					<label>Forma de Emissão:</label>
					<select 
						class="form-control" 
						style="width: 233px;"
						required
						id="slcFormaEmissao"
						ng-disabled="!vm.MDFe.ALTERANDO"
						ng-model="vm.MDFe.SELECTED.FORMA_EMISSAO">	
						<option ng-value="1">1 - Normal</option>
						<!-- <option ng-value="2">2 - Contingência</option> -->
					</select>
				</div>

				<div class="form-group">
					<label>Data Início Viagem:</label>
					<input 
						type="datetime-local"
						id="dataEmissao"
						class="form-control input-medio" 
						required
						ng-atalho
						ng-model="vm.MDFe.SELECTED.DATAHORA_INICIO_VIAGEM"
						ng-readonly="!vm.MDFe.ALTERANDO">
				</div>

				<div class="form-group">
					<label>Modalidade de Transporte:</label>
					<select 
						class="form-control" 
						style="width: 234px;"
						required
						id="slcModalidadeTransporte"
						ng-disabled="!vm.MDFe.ALTERANDO"
						ng-model="vm.MDFe.SELECTED.MODALIDADE_TRANSPORTE">	
						<option ng-value="1">1 - Rodoviário</option>
						<!-- <option ng-value="2">2 - Aéreo</option>
						<option ng-value="3">3 - Aquaviário</option>
						<option ng-value="4">4 - Ferroviário</option> -->
					</select>
				</div>

				<br>

				<div style="display: -webkit-inline-box;" class="consulta-cidade-origem-inclusao"></div>

				<div style="display: -webkit-inline-box;" class="consulta-cidade-destino-inclusao"></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"
							style="height: 35px; width: 405px;" 
							class="form-control text-right"
							ng-model="vm.MDFe.SELECTED.CHAVE_ACESSO" 
							maxlength="44"
							id="chaveAcessoDocFiscal"
							disabled>	
					</div>
				</div>

				<br>

				<div class="form-group">
					<label>Valor Total:</label>
					<div class="input-group right-icon">
						<div class="input-group-addon" style="padding: 9px !important;"><span class="">R$</span></div>
						<input
							type="text"
							style="width: 181px;"
							ng-number-format="2"
							class="form-control text-right"
							ng-model="vm.MDFe.SELECTED.VALOR_TOTAL"
							ng-readonly="!vm.MDFe.ALTERANDO"
							required>
					</div>
				</div>

				<div class="form-group">
					<label>Peso Bruto:</label>
					<div class="input-group right-icon">
						<input
							ng-number-format="2"
							id="inputPesoBruto"
							type="text"
							style="width: 167px;"
							class="form-control text-right"
							ng-model="vm.MDFe.SELECTED.PESO_TOTAL"
							ng-readonly="!vm.MDFe.ALTERANDO"
							required>
						<div class="input-group-addon" style="padding: 9px !important;">KG</div>
					</div>
				</div>

				<div class="form-group">
					<label>Informações Complementares:</label>
                    <textarea style="resize: none; width: 839px;"
						type="text"
						class="form-control" 
						ng-model="vm.MDFe.SELECTED.INFORMACOES_COMPLEMENTARES"
						ng-readonly="!vm.MDFe.ALTERANDO"
						maxlength="255"
						rows="1">
					</textarea>
				</div>

				<div ng-show="vm.MDFe.SELECTED.TIPO_TRANSPORTADOR == 2 || vm.MDFe.SELECTED.TIPO_EMITENTE == 1 || vm.MDFe.SELECTED.TIPO_EMITENTE == 3">
				
					<legend style="margin-top: 10px !important;">Produto Predominante</legend>


					<div class="form-group">
						<label>Tipo da Carga:</label>
						<select 
							class="form-control" 
							style="width: 437px;"
							id="slcTipoTransportador"
							required
							ng-disabled="!vm.MDFe.ALTERANDO"
							ng-model="vm.MDFe.SELECTED.TIPO_CARGA">	
							<option ng-value="1">01 - Granel Sólido</option>
							<option ng-value="2">02 - Granel Líquido</option>
							<option ng-value="3">03 - Frigorificada</option>
							<option ng-value="4">04 - Conteinerizada</option>
							<option ng-value="5">05 - Carga Geral</option>
							<option ng-value="6">06 - Neogranel</option>
							<option ng-value="7">07 - Perigosa(Granel Sólido)</option>
							<option ng-value="8">08 - Perigosa(Granel Líquido)</option>
							<option ng-value="9">09 - Perigosa(Carga Frigorificada)</option>
							<option ng-value="10">10 - Perigosa(Conteinerizada)</option>
							<option ng-value="11">11 - Perigosa(Carga Geral)</option>
						</select>
					</div>

					<div class="form-group">
						<label>Descrição:</label>
						<textarea style="resize: none; width: 607px;"
							type="text"
							class="form-control" 
							ng-model="vm.MDFe.SELECTED.PRODUTO_PREDOMINANTE"
							ng-readonly="!vm.MDFe.ALTERANDO"
							maxlength="120"
							rows="1">
						</textarea>
					</div>

					<div class="form-group">
						<label>CEP Carregamento:</label>
						<input style="resize: none; width: 150px;"
							type="text"
							class="form-control" 
							ui-br-cep-mask
							ng-model="vm.MDFe.SELECTED.CEP_CARREGAMENTO"
							ng-readonly="!vm.MDFe.ALTERANDO">
						</textarea>
					</div>
					
					<div class="form-group">
						<label>CEP Descarregamento:</label>
						<input style="resize: none; width: 150px;"
							type="text"
							class="form-control" 
							ui-br-cep-mask
							ng-model="vm.MDFe.SELECTED.CEP_DESCARREGAMENTO"
							ng-readonly="!vm.MDFe.ALTERANDO">
						</textarea>
					</div>
				</div>

			</div>

		</div>

	</div>

	<div class="panel panel-default"> 
		<div class="panel-heading" id="headerDadosVeiculo" style="cursor: pointer !important;" data-toggle="collapse" data-target="#painelDadosVeiculo" aria-expanded="true" aria-controls="painelDadosVeiculo" ng-click="vm.MDFe.showHideDiv();"> 
			<h3 class="panel-title">
				Dados do Veículo
				<i class="fa" style="float: right; cursor: pointer;" ng-class="{'fa-chevron-circle-down': !vm.MDFe.DROPDOWN_DADOS_VEICULO, 'fa-chevron-circle-up': vm.MDFe.DROPDOWN_DADOS_VEICULO}" aria-hidden="true"></i>
			</h3> 
				
		</div> 
		<div class="panel-body collapse in" id="painelDadosVeiculo" aria-expanded="true">
			<div class="row">
				<div style="display: -webkit-inline-box;" class="consulta-veiculo-inclusao"></div>

				<div class="form-group" ng-class="{'has-error': vm.MDFe.SELECTED.ERRO_VEICULO_RNTRC == true}">
					<label>RNTRC:
						<i 
							ttitle="RNTRC do Veículo Inválido" 
							ng-if="vm.MDFe.SELECTED.ERRO_VEICULO_RNTRC == true"
							id="errorValidation"
							class="fa fa-exclamation-triangle">
						</i>
					</label>
					<input 
						type="text"
						id="veiculoRNTRC"
						style="width: 210px;"
						class="form-control text-right"
						maxlength="8"
						only-digits
						disabled
						ng-model="vm.MDFe.SELECTED.VEICULO_RNTRC" 
						ng-readonly="!vm.MDFe.ALTERANDO">	
				</div>

				<div class="form-group">
					<label>CIOT:</label>
					<input 
						type="text"
						id="veiculoCIOT"
						style="width: 215px;" 
						only-digits
						disabled
						class="form-control text-right"
						ng-model="vm.MDFe.SELECTED.VEICULO_CIOT" 
						ng-readonly="!vm.MDFe.ALTERANDO">	
				</div>

				<div class="form-group">
					<label>Placa:</label>
					<input 
						type="text"
						required
						disabled
						ng-mask-placa
						style="width: 200px;" 
						class="form-control text-right"
						ng-model="vm.MDFe.SELECTED.VEICULO_PLACA" 
						ng-readonly="!vm.MDFe.ALTERANDO">	
				</div>
				
				<div class="form-group">
					<label>Renavam:</label>
					<input 
						type="text"
						disabled
						style="width: 223px;" 
						class="form-control text-right"
						ng-model="vm.MDFe.SELECTED.VEICULO_RENAVAM" 
						maxlength="20"
						ng-readonly="!vm.MDFe.ALTERANDO">	
				</div>

				<br>

				<div class="form-group">
					<label>Tara:</label>
					<input 
						type="text"
						required
						disabled
						ng-number-format="2"
						style="width: 210px;" 
						class="form-control text-right"
						ng-model="vm.MDFe.SELECTED.VEICULO_TARA" 
						ng-readonly="!vm.MDFe.ALTERANDO">	
				</div>

				<div class="form-group">
					<label>Capacidade:</label>
					<div class="input-group left-icon">
						<div class="input-group-addon" style="padding: 9px !important;">KG</div>
						<input 
							type="text"
							ng-number-format="2"
							disabled
							style="width: 172px;" 
							class="form-control text-right"
							ng-model="vm.MDFe.SELECTED.VEICULO_CAPACIDADE"
							ng-readonly="!vm.MDFe.ALTERANDO">	
					</div>
				</div>
				
				<div class="form-group">
					<label>Tipo Rodado:</label>
					<select
						type="text"
						class="form-control"
						disabled
						required
						ng-model="vm.MDFe.SELECTED.VEICULO_TIPO_RODADO">
						<option value="00">00 - Truck</option>
						<option value="01">01 - Toco</option>
						<option value="02">02 - Cavalo Mecânico</option>
						<option value="03">03 - VAN</option>
						<option value="04">04 - Utilitário</option>
						<option value="05">05 - Outros</option>
					</select>
				</div>

				<div class="form-group">
					<label>Tipo Carroceria:</label>
					<select
						type="text"
						class="form-control"
						required
						disabled
						style="width: 215px;"
						ng-model="vm.MDFe.SELECTED.VEICULO_TIPO_CARROCERIA">
						<option value="00">00 - Não Aplicável</option>
						<option value="01">01 - Aberta</option>
						<option value="02">02 - Fechada</option>
						<option value="03">03 - Graneleira</option>
						<option value="04">04 - Porta Container</option>
						<option value="05">05 - Sider</option>
					</select>
				</div>

				<div style="display: -webkit-inline-box;" class="consulta-uf-tracao-inclusao"></div>

				<legend style="margin-top: 20px; font-size: 16px !important; font-weight: bold !important;">Dados do Proprietário</legend>

				<div class="row">

					<div class="form-group" ng-class="{'has-error': vm.MDFe.SELECTED.ERRO_PROPRIETARIO_RNTRC == true}">
						<label>RNTRC: 
							<i 
								ttitle="RNTRC do Proprietário Inválido" 
								ng-if="vm.MDFe.SELECTED.ERRO_PROPRIETARIO_RNTRC == true"
								id="errorValidation"
								class="fa fa-exclamation-triangle">
							</i>
						</label>
						<input 
							type="text"
							disabled
							style="width: 140px;"
							class="form-control text-right"
							maxlength="8"
							required
							only-digits
							ng-model="vm.MDFe.SELECTED.PROPRIETARIO_RNTRC" 
							ng-readonly="!vm.MDFe.ALTERANDO">	
					</div>


					<div class="form-group">
						<label>Tipo de Propriedade:</label>
						<select
							type="text"
							class="form-control"
							required
							disabled
							ng-model="vm.MDFe.SELECTED.PROPRIETARIO_TIPO_PROPRIEDADE">
							<option value="0">Agregado</option>
							<option value="1">Independente</option>
							<option value="2">Outros</option>
						</select>
					</div>

					<div class="form-group">
						<label>Nome:</label>
						<div class="input-group left-icon">
							<div class="input-group-addon" style="padding: 9px !important;"><span class="fa fa-user"></span></div>
							<input 
								type="text"
								style="width: 304px;" 
								class="form-control"
								ng-model="vm.MDFe.SELECTED.PROPRIETARIO_NOME" 
								maxlength="100"
								required
								disabled
								ng-readonly="!vm.MDFe.ALTERANDO">	
						</div>
					</div>

					<div class="form-group">
						<label>CNPJ/CPF:</label>
						<input 
							type="text"
							style="width: 216px;"
							class="form-control"
							ui-br-cpfcnpj-mask
							required
							disabled
							ng-model="vm.MDFe.SELECTED.PROPRIETARIO_CNPJ" 
							ng-readonly="!vm.MDFe.ALTERANDO">	
					</div>

					<div class="form-group">
						<label>IE:</label>
						<input 
							type="text"
							style="width: 202px;"
							class="form-control"
							ui-br-ie-mask="vm.ConsultaUFProprietarioInclusao.item.dados.ID"
							required
							ng-model="vm.MDFe.SELECTED.PROPRIETARIO_IE" 
							ng-readonly="!vm.MDFe.ALTERANDO"
							disabled>	
					</div>

					<div style="display: -webkit-inline-box;" class="consulta-uf-proprietario-inclusao"></div>

				</div>

				<legend style="margin-top: 20px; font-size: 16px !important; font-weight: bold !important;">
					Dados do Condutor
				</legend>

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

				<div class="form-group">
					<label>CPF:</label>
					<input 
						type="text"
						style="width: 216px;"
						class="form-control"
						ui-br-cpf-mask
						required
						disabled
						ng-model="vm.MDFe.SELECTED.CONDUTOR_CPF" 
						ng-readonly="!vm.MDFe.ALTERANDO">	
				</div>

			</div>

		</div>

	</div>
		
		
	<ul id="tab" class="nav nav-tabs" role="tablist"> 
		<li role="presentation" class="active tab-detalhamento">
			<a href="#tab1-container" id="tab1-tab" data-hotkey="alt+1" role="tab" data-toggle="tab" aria-controls="tab1-container" aria-expanded="true">
				Notas Fiscais
			</a>
		</li>
		
		<li role="presentation" class="tab-detalhamento">
			<a href="#tab2-container" id="tab2-tab" data-hotkey="alt+2" role="tab" data-toggle="tab" aria-controls="tab2-container" aria-expanded="true" ng-click="!vm.MDFe.INCLUINDO && vm.MDFe.CONSULTAR_PERCURSO == true ? vm.MDFe.getMDFePercurso() : ''">
				Percurso
			</a>
		</li>

		<li role="presentation" class="tab-detalhamento" ng-show="!vm.MDFe.ALTERANDO" ng-click="!vm.MDFe.INCLUINDO && vm.MDFeTransmissaoSefaz.CONSULTAR == true ? vm.MDFeTransmissaoSefaz.consultar() : ''">
			<a href="#tab3-container" id="tab3-tab" data-hotkey="alt+3" role="tab" data-toggle="tab" aria-controls="tab3-container" aria-expanded="false">
				Transmissão SEFAZ
			</a>
		</li>
	</ul>

	<div id="tab-content" class="tab-content"  style="height: calc(100% - 45px);">
		
		<div role="tabpanel" class="tab-pane active in" id="tab1-container" name="" aria-labelledby="tab1-tab" style="height: 100%; overflow:auto;">
			<div class="row">
				<div style="margin-top: 10px;">   
					<ul class="list-inline">    
						<li ng-if="vm.FUNCIONALIDADES_ITENS.length > 0">
							<div class="dropdown" id="dropCompilado">
								<button id="dLabel" ng-disabled="!{{ userMenu($menu)->INCLUIR }} || !vm.MDFe.ALTERANDO" type="button" data-toggle="dropdown" data-hotkey="f6" class="btn btn-primary" ng-click="vm.MDFeItens.focusItem($event);" ng-dbclick="$event.stopPropagation();">
									<span class="glyphicon glyphicon-plus"></span> Incluir
								</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_ITENS track by $index" ng-keypress="$event.keyCode == 13 && item.FUNCAO();" ng-keydown="vm.MDFeItens.changeSelection($event)">
										<a ng-click="item.FUNCAO()" style="cursor: pointer;">
											@{{item.NOME}}
										</a>
									</li>
								</ul>
							</div>
						</li>
					</ul>
					<div class="tabela_secundaria" id="tabela_secundaria"></div>
				</div>
		
			</div>
		</div>

		<div role="tabpanel" class="tab-pane" id="tab2-container" name="" aria-labelledby="tab2-tab" style="height: 100%; overflow:auto;">
			<div class="row">
				<div style="margin-top: 10px;">   
					<ul class="list-inline">    
						<li>
							<button 
								type="button" 
								class="btn btn-primary btn-incluir" 
								data-hotkey="f6"
								ng-disabled="!{{ userMenu($menu)->INCLUIR }} || !vm.MDFe.ALTERANDO" 
								ng-click="vm.MDFe.getPercurso()">
								<span class="glyphicon glyphicon-refresh"></span> Traçar Percurso
							</button>
						</li>                                  
					</ul>

					<div class="box-mapa">
						<svg id="map" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="460" height="465" style="display: inline;">
							<g class="model-davi">

								<a href="javascript:void(0);" ng-repeat="item in vm.MDFe.MAPA track by $index" id="state_@{{item.ID}}" class="state" ng-class="{'activeTrajeto' : item.TRAJETO_ORIGEM == 1 || item.TRAJETO_DESTINO == 1, 'activePercurso': item.PERCURSO == 2}" data-state="@{{item.ID}}" ng-click="vm.MDFe.selecUFPercurso(item);">
									<desc id="description_@{{item.ID}}" ng-bind="item.TITLE"></desc>
									<path id="shape_@{{item.ID}}" class="shape" d="@{{item.d}}"></path>
									<text id="label_icon_state_@{{item.ID}}" class="label_icon_state" x="@{{item.X}}" y="@{{item.Y}}" ng-bind="item.SIGLA"></text>
								</a>

							</g>
						</svg>
					</div>

					<div class="row">
						<div class="container-inner">
							<div class="inner-left">
								<h4>Ordem</h4>
								<div class="box-site principal inner-content">
									<ul class="sup-box item-list" ng-repeat="item in vm.MDFe.SELECTED.PERCURSO track by $index">
										<li style="text-transform: uppercase !important;">@{{($index + 1)}}º - @{{item.SIGLA}} (@{{item.TITLE}})</li>
									</ul>
								</div>
							</div>
						</div>
					</div>

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

		<div role="tabpanel" class="tab-pane" id="tab3-container" ng-show="!vm.MDFe.ALTERANDO" name="" aria-labelledby="tab3-tab" style="height: 100%; overflow:auto;">
			<div class="row" style="margin-top: 20px;">
				<div class="col-md-7" style="margin-bottom: 20px !important;">   
					<ul class="list-inline">    
						   
						<li>
							<button 
								type="button" 
								class="btn btn-danger" 
								ng-if="vm.MDFe.SELECTED.SITUACAO == 0"
								data-hotkey="alt+t"
								ng-click="vm.MDFeTransmissaoSefaz.gravar()">
								<span class="fa fa-paper-plane"></span> Transmitir MDF-e
							</button>
						</li> 

						<li>

							<div class="btn-group">
								<button 
									type="button" 
									class="btn btn-warning dropdown-toggle" 
									data-hotkey="alt+v" 
									data-toggle="dropdown" 
									aria-haspopup="true" 
									ng-if="vm.MDFe.SELECTED.SITUACAO == 0 || vm.MDFe.SELECTED.SITUACAO == 1"
									aria-expanded="false">
									Validar MDF-e <span class="caret"></span>
								</button>
								<ul class="dropdown-menu">
									<!-- <li ng-click="vm.MDFeTransmissaoSefaz.validarByRecibo()"><a href="javascript:void(0);">Por Recibo</a></li> -->
									<li ng-click="vm.MDFeTransmissaoSefaz.validarByChaveAcesso()"><a href="javascript:void(0);">Por Chave de Acesso</a></li>
								</ul> 
							</div>

						</li> 

						<li>
							<button 
								type="button" 
								class="btn btn-danger" 
								data-hotkey="alt+c"
								ng-if="vm.MDFe.SELECTED.SITUACAO == 1"
								ng-click="vm.MDFeTransmissaoSefaz.addConfirmeCancelar()">
								<span class="glyphicon glyphicon-ban-circle"></span> Cancelar MDF-e
							</button>
						</li> 

						<li>
							<button 
								type="button" 
								class="btn btn-default" 
								data-hotkey="alt+c"
								ng-if="vm.MDFe.SELECTED.SITUACAO == 1"
								ng-click="vm.MDFeTransmissaoSefaz.addConfirmeEncerrar()">
								<span class="glyphicon glyphicon-ban-circle"></span> Encerrar MDF-e
							</button>
						</li> 
					</ul>
					<div class="tabela_situacao_lote" id="tabela_situacao_lote"></div>
				</div>
				<div class="col-md-5">
					<ul class="list-inline">   
						<li>
							<button 
								type="button" 
								class="btn btn-primary" 
								data-hotkey="alt+e"
								ng-click="vm.MDFeTransmissaoSefaz.espelhoMDFe()">
								<span class="fa fa-eye"></span> Espelho do MDF-e
							</button>
						</li>

						<li style="float: right;">
							<button 
								type="button" 
								class="btn btn-warning" 
								data-hotkey="alt+l"
								ng-click="vm.MDFeTransmissaoSefaz.getLogsTransmissao()">
								<span class="fa fa-refresh"></span> Carregar Logs da Transmissão
							</button>
						</li>
					
					</ul>

					<div class="panel panel-danger" id="painelLogsTransmissao"> 
						<div class="panel-heading"> 
							<h3 class="panel-title">Detalhes da Transmissão </h3> 
						</div> 
						<div class="panel-body collapse in" aria-expanded="true" id="panelBodyDetalhesTransmissao">
							<ul class="list-group">
								<li class="list-group-item" ng-repeat="item in vm.MDFeTransmissaoSefaz.ARRAY_PASSOS_DETALHADOS_TRANSMISSAO" id="listDetTrans"> 
									<div id="divErroPasso" ng-if="item.ERROR == '1'">

									</div>
									<i ng-if="item.ERROR == '1'" ng-class="item.CLASSE" class="glyphicon"></i> 
									<i ng-if="item.ERROR == '0'" ng-class="item.CLASSE" class="glyphicon"></i> 
									&nbsp; <span ng-bind="item.STATUS"></span>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>

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

@overwrite