<?php
/**
 * 
 * Template Name: contacto
 * 
 */
?>
<style>
	.a_terminos{
		width: 16px !important;
		display: inline-block;
		height: 15px !important;
	}
	.enlace{
		color: #337ab7 !important;
		cursor: pointer !important;
	}
	.enlace:hover{
		text-decoration: underline;
	}
	.disabled{
		pointer-events:none !important;
		opacity: 0.5;
	}
	.modal-backdrop{
		background-color: #00000069 !important;
	}
	.modal-header .close {
		margin-top: -23px !important;
	}
</style>
<?php get_header(); ?>
	<?php if (get_locale() == 'es_PE') {?>
		<section id="contacto" class="contenedor-tg">
			<div class="titulo-tg">
				<div class="container">
					<div class="row">
						<div class="col-md-12 col-sm-12 col-xs-12">
							<h1>Contacto</h1>
						</div>
					</div>
				</div>
			</div>
			<div class="container">
				<div class="row">
					<div class="col-md-6 col-sm-6 col-xs-12">
						<div class="form-contacto">
						<h2>¿Cómo podemos ayudarte?</h2>
							<p>Coloque sus datos y en breve nos comunicaremos con usted.</p>
							<form action="<?php echo get_template_directory_uri() ?>/correo/contacto-send.php" method="get" id="form-contacto">
								<input type="text" name="nombre" id="nombre" placeholder="Nombres:">
								<input type="text" name="apellidos" id="apellidos" placeholder="Apellidos:">
								<input type="text" name="pais" id="pais" placeholder="País:">
								<input type="text" name="numero" id="numero" placeholder="Teléfono fijo o celular:">
								<input type="text" name="correo" id="correo" placeholder="Correo:">
								<textarea name="mensaje" id="mensaje" placeholder="Mensaje"></textarea>
								<p><input type="radio" name="autorizo" id="si_autorizo" class="a_terminos" value="Si Autorizo"> Autorizo el envío de información y publicidad relacionada a los servicios que brinda TG Turismo en Grupo. <a href="#" class="enlace">Términos y condiciones </a></p><br/>
								<p><input type="radio" name="autorizo" id="no_autorizo" class="a_terminos" value="No Autorizo"> No Autorizo</p><br/>
								<button class="but but-azul disabled" type="submit">
									<span class="tg-arrow-right2"></span>Enviar
								</button>
							</form>
							<br/>
							<br/>
							<br/>
							<br/>
							<br/>
							<br/>
							<br/>
							<br/>
							<br/>
						</div>
					</div>
					<div class="col-md-6 col-sm-6 col-xs-12">
						<div class="contacto-target">
							<h2>Información de Contacto</h2>
							<div class="contacto-targtp">
								<h3>Dirección:</h3>
								<p><?php the_field('contacto-dir') ?></p>
								<h3>Teléfonos:</h3>
								<p><?php the_field('contacto-tel') ?></p>
								<h3>Email:</h3>
								<p><?php the_field('contacto-email') ?></p>
								<h3>horario:</h3>
								<p><?php the_field('contacto-horario') ?></p>
								<h3>Siguenos:</h3>
								<div class="contacto-redes">
								<?php
								$args = array(
								    'post_type' => 'informacion',
								    'posts_per_page' => '1'
								);
								?>
								<?php $the_query = new WP_Query($args); ?>
								<?php if ($the_query->have_posts()) : ?>
								    <?php while ($the_query->have_posts()) : $the_query->the_post(); ?>
									<a href="<?php the_field('ig-fb') ?>" target="blank" class="credes-ico credes-fb">
										<span class="tg-facebook"></span>
									</a>
									<a href="<?php the_field('ig-tw') ?>" target="blank" class="credes-ico credes-tw">
										<span class="tg-twitter"></span>
									</a>
									<a href="<?php the_field('ig-yt') ?>" target="blank" class="credes-ico credes-yt">
										<span class="tg-youtube3"></span>
									</a>
									<a href="<?php the_field('ig-flick') ?>" target="blank" class="credes-ico credes-fl">
										<span class="tg-flickr2"></span>
									</a>
								    <?php endwhile; ?>
								    <?php wp_reset_postdata(); ?>
								<?php endif; ?>
								</div>
							</div>
							<div id="load-gmap">
								
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>

	<?php }else{ ?>
		<section id="contacto" class="contenedor-tg">
			<div class="titulo-tg">
				<div class="container">
					<div class="row">
						<div class="col-md-12 col-sm-12 col-xs-12">
							<h1>Contact us</h1>
						</div>
					</div>
				</div>
			</div>
			<div class="container">
				<div class="row">
					<div class="col-md-6 col-sm-6 col-xs-12">
						<div class="form-contacto">
							<h2>How can we help you?</h2>
							<p>Enter the pertinent details and we will contact you as soon as possible.</p>
							<form action="<?php echo get_template_directory_uri() ?>/correo-en/contacto-send.php" method="get" id="form-contacto-en">
								<input type="text" name="nombre" id="nombre" placeholder="Name:">
								<input type="text" name="apellidos" id="apellidos" placeholder="Last Name:">
								<input type="text" name="pais" id="pais" placeholder="Country:">
								<input type="text" name="numero" id="numero" placeholder="Landline or Cell:">
								<input type="text" name="correo" id="correo" placeholder="Email:">
								<textarea name="mensaje" id="mensaje" placeholder="Message"></textarea>
								<button class="but but-azul" type="submit">
									<span class="tg-arrow-right2"></span>Send
								</button>
							</form>
						</div>
					</div>
					<div class="col-md-6 col-sm-6 col-xs-12">
						<div class="contacto-target">
							<h2>Contact information</h2>
							<div class="contacto-targtp">
								<h3>Street address:</h3>
								<p><?php the_field('contacto-dir-en') ?></p>
								<h3>Telephone:</h3>
								<p><?php the_field('contacto-tel-en') ?></p>
								<h3>Email:</h3>
								<p><?php the_field('contacto-email-en') ?></p>
								<h3>Schedule:</h3>
								<p><?php the_field('contacto-horario-en') ?></p>
								<h3>Follow:</h3>
								<div class="contacto-redes">
								<?php
								$args = array(
								    'post_type' => 'informacion',
								    'posts_per_page' => '1'
								);
								?>
								<?php $the_query = new WP_Query($args); ?>
								<?php if ($the_query->have_posts()) : ?>
								    <?php while ($the_query->have_posts()) : $the_query->the_post(); ?>
									<a href="<?php the_field('ig-fb') ?>" target="blank" class="credes-ico credes-fb">
										<span class="tg-facebook"></span>
									</a>
									<a href="<?php the_field('ig-tw') ?>" target="blank" class="credes-ico credes-tw">
										<span class="tg-twitter"></span>
									</a>
									<a href="<?php the_field('ig-yt') ?>" target="blank" class="credes-ico credes-yt">
										<span class="tg-youtube3"></span>
									</a>
									<a href="<?php the_field('ig-flick') ?>" target="blank" class="credes-ico credes-fl">
										<span class="tg-flickr2"></span>
									</a>
								    <?php endwhile; ?>
								    <?php wp_reset_postdata(); ?>
								<?php endif; ?>
								</div>
							</div>
							<div id="load-gmap">
								
							</div>

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

	<?php } ?>
<?php get_footer() ?>