<?php
/*
Template Name: Confirmação WhatsApp
*/
get_header();
?>

<style>
	header{
		display: none;
	}
    #page {
        background-image: none !important;
    }

    #container-header {
        display: none !important;
    }

	#colophon {
		position: relative;
		bottom: -54px !important;
	}


	#footer-exent{
			position: fixed;
			width: 100%;
			bottom:0;
	}

	body,
	#main-content {
		background: #f6f4ef !important;
	}

	header {
		    background-color: #FF8E2F;
    		padding-bottom: 0px;
			padding-top: 0px !important;
	}

	header nav {
		margin-top: 0 !important;
	}

	header .logo {
		    background-color: #FF8E2F;
    		padding-bottom: 0px;
			padding-top: 0px !important;
	}
	header a:hover{
		color:#fff !important;
	}

	#main-content .container:before {
		position: absolute;
		top: 0;
		width: 1px;
		height: 100%;
		background-color: transparent;
		content: "";
	}

	.logo_helper {
		display: none !important;
	}

	.logo_container {
		min-height: 100px;
	}

	.logo_container img {
		max-width: 250px;
		margin-left: calc(50% - 125px) !important;
	}


	.et_header_style_left .logo_container a {
		min-width: 100%;
	}

	.et_header_style_left .logo_container a img {
		margin: 0 auto;
		text-align: center;
		width: 100%;
	}

	#et-top-navigation {
		display: none !important;
	}

	#main-footer {
		position: absolute;
		bottom: 0;
		width: 100%;
	}

	.multichannel {
		display: none;
	}

	#main-footer {
		margin-bottom: 0;
	}
	.confirmacao{
            padding: 290px 0 300px;
			display:flex;
			flex-direction:column;
			justify-content:center;
			align-items:center;
			margin: 0px auto;
        }

        .title-confirmacao{
			font-family: montserrat;
            color: #000;
    		font-size: 30px;
			width: 90%;
    		font-weight: 700;
    		margin-bottom: 20px;
    		text-align: center
        }

        .txt-confirmacao{
			font-family: montserrat;
			width: 90%;
            color: #000;
    		font-size: 17px;
    		margin-bottom: 30px;
    		text-align: center;
        }

        .btn-confirmacao{
			font-family: montserrat;
            text-decoration:none;
			padding:20px 0px;
			background-color: #000;
			width: 240px;
			color: #f6f4ef !important;
			text-align:center;
			border-radius:16px;
			font-size: 18px;
            margin-top:20px;
            font-weight:700;
			border: 1px solid transparent;
			transition: .3s ease-in-out
        }

        .btn-confirmacao:hover{
			    color: #000 !important;
    			background-color: transparent;
				border: 1px solid #000 ;
		}

		.btn-confirmacao:visited{
			color:#f6f4ef;
		}

	@media only screen and (max-width: 996px) {


		.et_header_style_left .logo_container a {
			width: 100%;
			min-width: 100%;
			max-width: 100%;
		}

		.et_header_style_left #logo,
		.et_header_style_split #logo {
			width: 100%;
			min-width: 100%;
			max-width: 100%;
		}


		#footer-bottom {
			padding: 30px 0px 10px 0px;
		}

	}
	  @media only screen and (max-width: 980px) {
		#colophon{
			bottom:120px;
		}
	  }

	  @media screen and (max-width: 1024px) {
		.confirmacao{
            padding: 100px 0 100px;
	  }
	}
</style>

<script type="text/javascript">
	var contador = 5;

	function contar() {
		document.getElementById('contador').innerHTML = contador;
		contador--;
	}

	function redirecionar() {
		contar();
		if (contador == 0) {
			document.location.href = 'https://wa.me/5511971702703 ';
		}
	}
	setInterval(redirecionar, 1000);
</script>
<?php
// Exent Facebook Conversion API
$principio = $_GET["principio"];
if ($principio == 'Facebook') {
	exent_fb_capi($exent_capi_pixel, $exent_capi_token, $exent_capi_event, $exent_capi_act);
}
?>
<div id="main-content">
	<div class="container">
		<div id="content-area" class="clearfix">
			<div class="confirmacao">
				<h1 class="title-confirmacao">Você será enviado para atendimento no WhatsApp em... <label id="contador"></label></h1>
				<p class="txt-confirmacao">Caso não ocorra automaticamente use o botão abaixo</p>
				<a href="https://wa.me/5511971702703" class="btn-confirmacao">IR AGORA</a>
			</div>
		</div> <!-- #content-area -->
	</div> <!-- .container -->

</div> <!-- #main-content -->

<?php get_footer(); ?>