/home/panaafpl/panamaroutes.com/contacto_en.php
<?php
session_start(); // importante iniciar session al comienzo de la página
//echo $_SESSION['codigo'];
//error_reporting(E_ALL ^ E_DEPRECATED);
//ini_set('display_errors','On');
date_default_timezone_set('America/Panama');
error_reporting(E_ALL ^ E_DEPRECATED);
////////////////////////Librerias Necesarias/////////////////////
include("bases_de_datos.php");
include("query.php");
//////////////////////////////////////////////////////////////////
//////////////Conectando a bases de datos/////////////////////////
$conectar=conectar_base_de_datos();
/////////////////////////////////////////////////////////////////
@$lang=$_GET['lang'];
if (@$lang==false)
@$lang="us";
@$opcion=$_POST['opcion'];
@$id_paquete=$_GET['paq'];
@$info_paquete=buscar_paquete($conectar, $id_paquete);
@$valor_info_paquete = mysqli_fetch_array($info_paquete);
?>
<!DOCTYPE html>
<html lang="en">
<head>
<title>Contact | Panamaroutes</title>
<!-- Meta tag Keywords -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="utf-8">
<meta name="keywords" content="Panamaroutes, Tours, City tours, Panama, Canal de Panama, San blas, Railway Panama, Playas, Paseos, Museos, Tours de Compras, Traslados, Alquiler de vehiculos, Guias turisticos, Centro Comerciales, Ventas de Boletos aereos, Aeropuerto Tocumen" />
<script type="application/x-javascript">
addEventListener("load", function () {
setTimeout(hideURLbar, 0);
}, false);
function hideURLbar() {
window.scrollTo(0, 1);
}
</script>
<!--// Meta tag Keywords -->
<!-- css files -->
<link rel="stylesheet" href="css/bootstrap.css"> <!-- Bootstrap-Core-CSS -->
<script type="text/javascript">
var estilos2 = 'css/style4.css?' + Math.random();
</script> <!-- Style-CSS -->
<script type="text/javascript">
document.write('<link href="' + estilos2 + '" rel="stylesheet">');
</script>
<link rel="stylesheet" href="css/font-awesome.css"> <!-- Font-Awesome-Icons-CSS -->
<!-- //css files -->
<link href="css/whatsapp2.css" rel="stylesheet" >
<!-- js -->
<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="https://netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
<!-- //js -->
<script type="text/javascript" src="js/jquery-2.2.3.min.js"></script>
<script type="text/javascript" src="js/bootstrap.js"></script> <!-- Necessary-JavaScript-File-For-Bootstrap -->
<?php
echo '<script src="js/functions.js?' . filemtime('js/functions.js') . '"></script>';
?>
<!-- //js -->
<script src="https://www.google.com/recaptcha/api.js"></script>
<script src="js/sweetalert.min.js"></script>
<style>
#ajaxSpinnerContainer {height:11px;}
#ajaxSpinnerImage {display:none;}
</style>
<link rel="stylesheet" type="text/css" href="css/msdropdown/dd.css" />
<script src="js/msdropdown/jquery.dd.min.js"></script>
<link rel="stylesheet" type="text/css" href="css/msdropdown/flags.css" />
<link rel="stylesheet" href="css/jquery-ui.css" />
<link rel="stylesheet" href="venom/venom-button.min.css">
<script type="text/javascript" src="venom/venom-button.min.js"></script>
<script>
$(document).ready(function() {
$("#countries").msDropdown();
})
</script>
<!-- Calendar -->
<script src="js/jquery-ui.js"></script>
<script>
$(function() {
$( "#datepicker,#datepicker1" ).datepicker();
});
</script>
<!-- //Calendar -->
<script type="text/javascript">
function changeFunc1() {
var selectedValue = selectBox.options[selectBox.selectedIndex].value;
location.href = "https://www.panamaroutes.com/contacto_en.php?paq="+selectedValue+"&lang=us#rvs";
}
</script>
<!-- web-fonts -->
<link href="//fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&subset=latin-ext" rel="stylesheet">
<!-- //web-fonts -->
<link href="lightbox/css/lightbox.css" rel="stylesheet">
<script src="lightbox/js/lightbox.js"></script>
<script>
jQuery(document).ready(function() {
jQuery('.carousel[data-type="multi"] .item').each(function(){
var next = jQuery(this).next();
if (!next.length) {
next = jQuery(this).siblings(':first');
}
next.children(':first-child').clone().appendTo(jQuery(this));
for (var i=0;i<2;i++) {
next=next.next();
if (!next.length) {
next = jQuery(this).siblings(':first');
}
next.children(':first-child').clone().appendTo($(this));
}
});
});
</script>
<style>
.carousel-control.left, .carousel-control.right {
background-image:none;
}
.img-responsive{
width:100%;
height:auto;
}
@media (min-width: 992px ) {
.carousel-inner .active.left {
left: -25%;
}
.carousel-inner .next {
left: 25%;
}
.carousel-inner .prev {
left: -25%;
}
}
@media (min-width: 768px) and (max-width: 991px ) {
.carousel-inner .active.left {
left: -33.3%;
}
.carousel-inner .next {
left: 33.3%;
}
.carousel-inner .prev {
left: -33.3%;
}
.active > div:first-child {
display:block;
}
.active > div:first-child + div {
display:block;
}
.active > div:last-child {
display:none;
}
}
@media (max-width: 767px) {
.carousel-inner .active.left {
left: -100%;
}
.carousel-inner .next {
left: 100%;
}
.carousel-inner .prev {
left: -100%;
}
.active > div {
display:none;
}
.active > div:first-child {
display:block;
}
}
</style>
</head>
<body>
<!--Header-->
<header>
<div class="container agile-banner_nav">
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<h1><a class="navbar-brand mt-2" href="dashboard.php"><img src="images/logopr99.png" alt="" width="80%" /></a></h1>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse justify-content-center" id="navbarSupportedContent">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link" href="index.php?lang=us">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="empresa_en.php?lang=us">About Us</a>
</li>
<li class="nav-item">
<a class="nav-link" href="servicios_en.php?lang=us">Services</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://www.panaroutes.com/tours">Tourist packages</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="contacto_en.php?lang=us">Contact</a>
</li>
</ul>
</div>
</nav>
</div>
</header>
<!--Header-->
<!-- inner page banner -->
<div class="innerpage-banner">
<div class="layer1">
</div>
</div>
<!-- //inner page banner -->
<!-- contact -->
<section class="w3ls-section contact py-5">
<div class="container py-sm-3">
<div class="w3ls-title">
<h2 class="heading text-center mb-sm-5 mb-4">Reservation / Contact us</h2>
</div>
<div class="row contact_wthreerow agileits-w3layouts">
<div class="col-lg-5 col-md-6 agileits_w3layouts_contact_gridl">
<div class="agileits_mail_grid_right_grid">
<h4><?php echo $valor_info_paquete['nombre_ing'];?></h4>
</div>
</div>
</div>
<div class="carousel slide row" data-ride="carousel" data-type="multi" data-interval="5000" id="fruitscarousel">
<div class="carousel-inner">
<?php
if ($valor_info_paquete['carpeta_imagen'])
{
$cont=0;
$directory="".$valor_info_paquete['carpeta_imagen']."";
$dirint = dir($directory);
while (($archivo = $dirint->read()) !== false)
{
if (preg_match('/gif/i', $archivo) || preg_match('/jpg/i', $archivo) || preg_match('/png/i', $archivo)){
{ if(@$cont==0)
echo '<div class="item active">';
else echo '<div class="item">';
echo '<div class="col-md-3 col-sm-4 col-xs-12"><a href="'.$directory."/".$archivo.'" data-lightbox="image-1" data-title="'.$valor_info_paquete['nombre_esp'].'"></h3>';
if ($archivo)
print'<img src="'.$directory."/".$archivo.'" class="img-responsive">';
else print'<img src="'.$directory."/".$archivo.'" class="img-responsive">';
echo '</a></div>
</div>';
$cont++;
}
}
}
$dirint->close();
}
?>
</div>
<a class="left carousel-control" href="#fruitscarousel" data-slide="prev"><i class="glyphicon glyphicon-chevron-left"></i></a>
<a class="right carousel-control" href="#fruitscarousel" data-slide="next"><i class="glyphicon glyphicon-chevron-right"></i></a>
</div>
<div class="row contact_wthreerow agileits-w3layouts">
<div class="col-lg-5 col-md-6 agileits_w3layouts_contact_gridl">
<div class="agileits_mail_grid_right_grid">
<?php
if ($valor_info_paquete['descrip_ing']==true)
{ print'<h4>Description:</h4>'; print'<p>'; echo $valor_info_paquete['descrip_ing']; print'</p>'; $c=1; }
else { print '<h4>Location:</h4>'; print '<div class="w3ls_map">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3940.821310336721!2d-79.52963523492197!3d8.988584592094863!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x8faca973b27e788d%3A0xeb19e2a52e684a4c!2sPh%20Via%20Argentina!5e0!3m2!1ses!2sve!4v1577816511695!5m2!1ses!2sve" width="100%" height="400" frameborder="0" style="border:0" allowfullscreen></iframe>
</div>'; }
?>
</div>
</div>
<div class="col-lg-7 col-md-6 mt-md-0 mt-5 w3l_contact_form">
<?php
$paquetes=mostrar_paquetes($conectar);
while ($valor_paquetes = mysqli_fetch_array($paquetes))
if ($valor_paquetes['id_paquete']==$id_paquete)
{ $b=1; $nombre_paquete=$valor_paquetes['nombre_ing'];}
?>
<?php
if (@$b==1) print'<h4>If you are interested '.$nombre_paquete.', Send us your request</h4>';
else { print'<h4>Send us your request</h4>'; $nombre_paquete="Solicitud"; }
?>
<form id="formulario">
<input type="text" name="asunto" id="asunto" value="<?php print ''.$nombre_paquete.'';?>" hidden>
<input type="text" name="nombre" id="nombre" placeholder="Name">
<div id="msj_correo"></div>
<input type="email" name="correo" id="correo" placeholder="Mail">
<input type="text" name="procedencia" id="procedencia" placeholder="Place of origin">
<br><br>
<select name="servicio" id="selectBox" onchange="changeFunc1();" required="">
<option value="Servicio a reservar"> Service to book</option>
<?php
$paquetes=mostrar_paquetes($conectar);
while ($valor_paquetes = mysqli_fetch_array($paquetes))
{
if ($valor_paquetes['id_paquete']==$id_paquete)
print '<option value="'.$valor_paquetes['id_paquete'].'" selected="selected">'.$valor_paquetes['nombre_ing'].'</option>';
else
print '<option value="'.$valor_paquetes['id_paquete'].'">'.$valor_paquetes['nombre_ing'].'</option>';
}
?>
</select>
<br><br>
<input type="text" name="cantidad" id="cantidad" placeholder="Amount of people">
<br><br>
<input type="text" name="telefono" id="telefono" placeholder="Phone">
<textarea name="mensaje" id="mensaje" placeholder="Message"></textarea>
<br>
<div class="g-recaptcha" data-sitekey="6LfLqzMaAAAAABITtkP8YP9ypaGNbXSuJ3bSN2cU"></div>
<br>
<div>
<a href="#" id="boton_enviar" onclick="enviar_solicitud(); return false;" return false;> Send information </a>
<!-- <input type="submit" name="opcion" value="Enviar"> -->
</div>
<div class="col-lg-6 col-md-6" id="ajaxSpinnerContainer">
<img src="images/ajax-loader.gif" id="ajaxSpinnerImage" title="working...">
</div>
</form>
</div>
</div>
<br></br>
</div>
</section>
<!-- //contact -->
<?php
if (@$c==1)
print '<div class="w3ls_map">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3940.821310336721!2d-79.52963523492197!3d8.988584592094863!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x8faca973b27e788d%3A0xeb19e2a52e684a4c!2sPh%20Via%20Argentina!5e0!3m2!1ses!2sve!4v1577816511695!5m2!1ses!2sve" width="100%" height="400" frameborder="0" style="border:0" allowfullscreen></iframe>
</div>';
?>
<!-- welcome bottom -->
<section class="welcome-bottom">
<div class="welcome-bottom-layer py-5">
<div class="container py-lg-5 py-sm-3">
<h4 class="mb-2"> </h4>
<p class="mb-4"></p>
</div>
</div>
</section>
<!-- //welcome bottom -->
<!-- copyright -->
<section class="copyright py-4 text-center">
<div class="container">
<p>© 2022 Panamaroutes. All rights reserved | Developed by <a href="https://www.danveltec.com/"> Danveltec</a></p>
</div>
</section>
<!-- //copyright -->
<!-- js-scripts -->
<!-- start-smoth-scrolling -->
<script src="js/SmoothScroll.min.js"></script>
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($) {
$(".scroll").click(function(event){
event.preventDefault();
$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
});
});
</script>
<!-- here stars scrolling icon -->
<script type="text/javascript">
$(document).ready(function() {
/*
var defaults = {
containerID: 'toTop', // fading element id
containerHoverID: 'toTopHover', // fading element hover id
scrollSpeed: 1200,
easingType: 'linear'
};
*/
$().UItoTop({ easingType: 'easeOutQuart' });
});
</script>
<!-- //here ends scrolling icon -->
<!-- start-smoth-scrolling -->
<!-- //js-scripts -->
<div id="myButton"></div>
</body>
<script type="text/javascript">
$('#myButton').venomButton({
phone: '50760939947',
popupMessage: 'Hola, en que podemos ayudarte?',
message: "Mi inquietud",
showPopup: true,
position: "left",
linkButton: false,
showOnIE: false,
headerTitle: 'Bienvenidos!',
headerColor: '#25d366',
backgroundColor: '#25d366',
buttonImage: '<img src="venom/whatsapp.svg" />'
});
</script>
</html>
