<!DOCTYPE html>
<html lang="pt-br">
	<head>
		{{>headerMetronic6}}
		<script {{#main.NonceToken}}nonce="{{main.NonceToken}}"{{/main.NonceToken}}>
			{{#main.session.ModoDebug}}
			window.onerror = function(message, source, lineno, colno, error) {
				alert(` Message: ${message}\n\n Line: ${lineno}\n\n Column: ${colno}\n\n Error: ${error}\n\n Source ${source}\n`);
			}; 
			{{/main.session.ModoDebug}}
		</script>
	</head>
	{{>GoogleTag}}
	<body class="body-error header-fixed header-mobile-fixed subheader-enabled subheader-fixed subheader-mobile-fixed">
		<!-- begin:: Page -->
		<div class="d-flex flex-column flex-root px-sm-30"> 
			<div class="row">
				<div class="col-5 py-sm-30">
					<img id="imagem_erro" class="img-fluid float-right" src="" />
				</div>
				<div class="col-7 py-sm-30">
					<br><br><br>
					<h1 class="font-weight-normal mt-15" style="font-size: 2.5rem">Oops!</h1>
					<h1 class="font-weight-boldest text-dark-75 mt-5" style="font-size: 2.5rem">Erro {{errorCode}}</h1>
					<h1 id="mensagem_erro" class="font-weight-boldest text-dark-75 mt-5" style="font-size: 3rem"></h1>
					<p id="mensagem_back" class="font-size-h3 text-muted font-weight-boldest mt-5"></p>
					{{#exception}}	 
						<p id="mensagem_erro_detalhe" class="font-size-h3 text-muted font-weight-boldest mt-5"></p>
						<div class="example example-compact my-5">
							<div class="example-tools">
								<span class="example-toggle la error-message example-toggled" data-toggle="tooltip" title="" data-original-title="Visualizar mensagem"></span>
								<span class="example-copy" data-toggle="tooltip" title="" data-original-title="Copiar mensagem"></span>
							</div>
							<div class="example-code mt-10 example-code-on" style="display: block;" kt-hidden-height="128">
								<div class="example-highlight">
									<div class="font-size-h3 text-muted">
										{{exception.Message}}
									</div>
								</div>
							</div>
						</div>
					{{/exception}} 

					<a href="{{#main.SelecaoUnica}}javascript:history.back(){{/main.SelecaoUnica}}{{^main.SelecaoUnica}}/home/Inicio{{/main.SelecaoUnica}}" class="btn btn-q-action btn-sm kt-btn--wide mb-4">
						<span class="kt-nav-grid__text">&nbsp;Voltar</span>
					</a>
				</div>
			</div>
		</div>

		<!-- end:: Page -->
		{{>scriptsMetronic6}}
		<!-- end::Body -->
	</body>


	<script {{#main.NonceToken}}nonce="{{main.NonceToken}}"{{/main.NonceToken}}>
		var img = document.getElementById("imagem_erro");
		var msg = document.getElementById("mensagem_erro");		
		var msgDetalhe = document.getElementById("mensagem_erro_detalhe");
		var msgBack = document.getElementById("mensagem_back");

		if ("{{errorCode}}" == 400) {
			img.src = ".static/images/error/Erro400.webp";
			msg.innerHTML = "Requisição mal formada.";
			msgBack.innerHTML = '{{{msg}}}';
			msgDetalhe.innerHTML = "O servidor não pode, ou não irá, processar a requisição devido a algo que foi entendido como um erro antes mesmo de ser processado pelo servidor. <br> Tente limpar o cache e os cookies do seu navegador, ou então, contate seu suporte de TI.";
		}
		if ("{{errorCode}}" == 401) {
			img.src = ".static/images/error/Erro401.webp";
			msg.innerHTML = "Acesso não autorizado.";
			msgDetalhe.innerHTML = "Seu navegador negou o acesso à página que você está tentando visitar. <br> Confira a URL e limpe o cache do navegador, ou então, contate seu suporte de TI.";												
		}
		if ("{{errorCode}}" == 403) {
			img.src = ".static/images/error/Erro403.webp";
			msg.innerHTML = "Acesso negado.";
			msgDetalhe.innerHTML = "Você não possui permissão para acessar esta página. <br> Contate seu suporte de TI.";						
		}
		if ("{{errorCode}}" == 404) {
			img.src = ".static/images/error/Erro404.webp";
			msg.innerHTML = "Página não encontrada.";
			msgDetalhe.innerHTML = "A página que você tentou acessar não existe ou a URL está digitada incorretamente. <br> Confira a URL, ou então, contate seu suporte de TI.";									
		}
		if ("{{errorCode}}" == 500) {
			img.src = ".static/images/error/Erro500.webp";
			msg.innerHTML = "Erro interno do servidor.";
			msgDetalhe.innerHTML = "O servidor de hospedagem está com arquivos corrompidos. <br> Contate seu suporte de TI.";			
		}
		if ("{{errorCode}}" == 501) {
			img.src = ".static/images/error/Erro501.webp";
			msg.innerHTML = "Não implementado.";
			msgDetalhe.innerHTML = "O método usado na solicitação não funciona ou não foi encontrado no servidor. <br> Contate seu suporte de TI.";
		}
		if ("{{errorCode}}" == 504) {
			img.src = ".static/images/error/Erro504.webp";
			msg.innerHTML = "Tempo excedido.";
			msgDetalhe.innerHTML = "O servidor está impossibilitado de completar sua solicitação a tempo. <br> Recarregue a página, ou então, contate seu suporte de TI.";
		}
	</script>
	<script {{#main.NonceToken}}nonce="{{main.NonceToken}}"{{/main.NonceToken}}> 
		console.log('{{{msg}}}');
		console.log({{{Exception}}});
	</script>
	

</html>