<?php
	require_once("connect.php");
	$page_selected = "contactos";
?>


<!DOCTYPE html>
<html lang="en">
<head>
	<title>Craftwood | Contactos</title>
	<meta charset="utf-8">
	<meta name="author" content="">
	<meta name="description" content=""/>
	<meta http-equiv="X-UA-Compatible" content="IE=edge">

	<?php include_once('_common_script.php'); ?>

    <script src="https://maps.googleapis.com/maps/api/js?sensor=false&key=AIzaSyAveMaJVzfueTd7cn4Mp8Acy3QP85zrxLo"></script>
    <script type="text/javascript" src="js/jquery.gomap-1.3.2.min.js"></script>

</head>
<body>
	<?php include_once('_menu.php'); ?>

	<section class="contacto-mapa">
		<div id="map"></div>
	</section>


	<section class="contacto-dados">
		<div class="wrapper">

			<div class="morada">
				<h1>Visite-nos</h1>
				<p>Visite a nossa oficina no Seixal e deixe-se surpreender.</p>
<br>
<br>
				<h2>Morada</h2>
				<p>
				Quinta da Meloa Estrada Nacional 10<br>
				2840 Seixal
				</p>

				<h2>Contactos</h2>
				<p>
				<i class="fa fa-phone "></i> &nbsp;&nbsp;&nbsp; 963 859 611<br>
				<i class="fa fa-envelope"></i> &nbsp;&nbsp; igorfonseca1985@hotmail.com
				</p>


			</div>

			<div class="formulario">
				<h1>Contacte-nos</h1>
				<p>Para qualquer informação ou orçamento, não hesite, fale connosco.</p>

				<form id="frmContacto" name="frmContacto" action="scripts/msg.php?m=s" method="post">
					<fieldset>
						<input type="text" id="txtNome" class="required" name="txtNome" placeholder="Nome" required	/>
						<input type="text" id="txtTelefone" class="nowhitespace  digits" name="txtTelefone" placeholder="Telefone" />
						<input type="email" id="txtMail" class="required  email" name="txtMail" placeholder="E-mail" required/>
						<textarea id="txtMensagem" class="required" name="txtMensagem" rows="5" placeholder="Mensagem" required></textarea>
						<div id="submit_buttons">
							<button id="frmContactoSubmit" type="submit">Enviar</button>
							</div>
							<p id="msg-resposta"></p>
						</fieldset>
				</form>

			</div>
			<div class="clear"></div>
		</div>
	</section>


	<?php include_once('_social.php'); ?>
	<?php include_once('_footer.php'); ?>

  <script>
//CODIGO PARA A PAGINA DE CONTACTOS - MAPA
	$(function() {
	    $("#map").goMap({
            latitude: 38.626207,
            longitude: -9.079341,
	        zoom: 14,
	        maptype: 'ROADMAP',

	        markers: [{
	            latitude: 38.626207,
	            longitude: -9.079341,
	            title: 'Oficina Craftwood',
	            html: '<b>Oficina Craftwood</b><br/><p>Quinta da Meloa Estrada Nacional 10<br/>2840 Seixal<p><p>963 859 611</p>'
	        }],
			icon: 'img/icon_location.png'

	    });

	});

//CODIGO PARA O ENVIO DO MAIL

	$('#frmContacto').submit(function(){

		event.preventDefault()
		//verificar se já não está a ser submetido
		if($(this).data('formstatus') !== 'submitting'){

			//variaveis
			var form = $(this),
				formData = form.serialize(),
				formUrl = form.attr('action'),
				formMethod = form.attr('method'),
				responseMsg = $('#msg-resposta');

			//adicionar status a form
			form.data('formstatus','submitting');

			//mostrar resposta de espera
			responseMsg.hide()
					   .addClass('m-espera')
					   .text('Porfavor aguarde...')
					   .fadeIn(200);

			//enviar dados para validação
			$.ajax({
				url: formUrl,
				type: formMethod,
				data: formData,
				success:function(data){

					//variables
					var responseData = jQuery.parseJSON(data),
						klass = '';

					//respostas
					switch(responseData.status){
						case 'error':
							klass = 'm-erro';
						break;
						case 'success':
							klass = 'm-successo';
						break;
					}

					//mostrar resposta
					responseMsg.fadeOut(200,function(){
						$(this).removeClass('m-espera')
							   .addClass(klass)
							   .text(responseData.message)
							   .fadeIn(200,function(){
								   //set timeout to hide response message
								   setTimeout(function(){
									   responseMsg.fadeOut(200,function(){
									       $(this).removeClass(klass);
										   form.data('formstatus','idle');
										   $('#txtNome').val('');
										   $('#txtTelefone').val('');
										   $('#txtMail').val('');
										   $('#txtMensagem').val('');
									   });
								   },8000)
								});
					});
				}
			});
		}

		//previne o formulario de submeter
		//return false;
	});

// CODIGO SCROLL PARA TOP.
$(".toTop").click(function(){
	event.preventDefault();

	$("html, body").animate({
		scrollTop:0
	},"slow");

})

  </script>

<?php include_once('_analytics.php'); ?>

</body>