<?php
if ($_SESSION['id_user'] == "") {
echo '
<script>
window.location = "/login"
</script>
';
}
$id = $pagina[1];
$base = '';
$bt_iz = '';
$bt_dr = '';
$circulo = '';
$documentos = mysqli_query($connect, "SELECT * FROM Stand_Documentos WHERE id_evento = 1 AND id_stand = $id AND estado = 1");
$interactiva = mysqli_query($connect, "SELECT * FROM Stand_Interactivos WHERE id_evento = 1 AND id_stand = $id AND estado = 1");
$videos = mysqli_query($connect, "SELECT * FROM Stand_Videos WHERE id_evento = 1 AND id_stand = $id AND estado = 1");
$contactos = mysqli_query($connect, "SELECT * FROM Stand_Contactos WHERE id_evento = 1 AND id_stand = $id AND estado = 1");
// $dataIz = mysqli_fetch_array($queryIz);
$base = $recursos . '/' . $data["imagen"];
$bg = "";
if ($id == 1) {
$bg = "bg_stand_argentina.png";
} else if ($id == 2) {
$bg = "bg_stand_colombia.png";
} else if ($id == 3) {
$bg = "bg_stand_mexico.png";
} else if ($id == 4) {
$bg = "bg_stand_experiencias.png";
} else if ($id == 5) {
$bg = "bg_stand_juegos.png";
}
?>
<style>
body {
background-image: url('/img/img_wd/<?php echo $bg; ?>');
}
.blanco {
color: white !important;
}
/* @media screen and (max-height: 674px) {}
@media screen and (min-height: 675px) and (max-height: 816px) {}
@media screen and (min-height: 817px) and (max-height: 1024px) {}
@media screen and (min-height: 1024px) and (max-height: 1750px) {} */
/* @media screen and (min-width: 1750px) {
.btn-1-1 {
position: absolute !important;
top: 10% !important;
left: 25% !important;
}
.btn-1-2 {
position: absolute;
top: 30%;
left: 25%;
}
.btn-1-3 {
position: absolute;
top: 40%;
left: 25%;
}
.btn-1-4 {
position: absolute;
top: 50%;
left: 25%;
}
} */
</style>
<div class="modal fade" id="modal_descargar" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Descargue información correspondiente a su país</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body" align="left">
<div class="list-group">
<?php
while ($dataInfo = mysqli_fetch_array($documentos)) {
echo '
<a href="' . $dataInfo["archivo"] . '" target="_blank" class="list-group-item list-group-item-action" onclick="GuardarDato(' . $_SESSION['id_user'] . ',1,' . "'" . $dataInfo["titulo"] . "'" . ')">
' . $dataInfo["titulo"] . '
</a>
';
}
?>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="modal_videos_info" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Videos</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body" align="left">
<div class="list-group">
<?php
while ($dataVideo = mysqli_fetch_array($videos)) {
echo '
<a href="#" data-dismiss="modal" class="list-group-item list-group-item-action" onclick="Ver_Videos(' . "'" . $dataVideo["video"] . "'" . '); OcultarPopVideos(); GuardarDato(' . $_SESSION['id_user'] . ',2, ' . "'" . $dataInfo["titulo"] . "'" . ')">
' . $dataVideo["titulo"] . '
</a>
';
}
?>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="modal_chat" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Chat en línea</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body" align="left">
<div class="list-group">
<?php
while ($dataChat = mysqli_fetch_array($contactos)) {
echo '
<a href="https://wa.me/' . $dataChat["telefono"] . '/?text=Hola,+quiero+información+sobre+' . $data["nombre"] . '" target="_blank" class="list-group-item list-group-item-action" onclick="GuardarDato(' . $_SESSION['id_user'] . ',3, ' . "'" . $dataInfo["nombre"] . "'" . ')">
<img src="' . $url . '/img/whatsapp.png" width="30">
' . $dataChat["nombre"] . '
</a>
';
}
?>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="modal_zonas" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Zona Interactiva</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body" align="left">
<div class="list-group">
<?php
while ($dataZona = mysqli_fetch_array($interactiva)) {
echo '
<a href="' . $dataZona["link"] . '" target="_blank" class="list-group-item list-group-item-action" onclick="GuardarDato(' . $_SESSION['id_user'] . ',5, ' . "'" . $dataInfo["titulo"] . "'" . ')">
' . $dataZona["titulo"] . '
</a>
';
}
?>
</div>
</div>
</div>
</div>
</div>
<div class="e_web">
<?php
if ($id == 1) {
?>
<button type="button" class="btn parpadea" data-toggle="modal" data-target="#modal_descargar" style="position: absolute; top: 52%; left: 30%;">
<img src="/img/img_wd/bt_descargar.png" width="100px" alt="">
</button>
<button type="button" class="btn parpadea" data-toggle="modal" data-target="#modal_videos_info" style="position: absolute; top: 61%; right: 30%;">
<img src="/img/img_wd/bt_video.png" width="100px" alt="">
</button>
<button type="button" class="btn parpadea" data-toggle="modal" data-target="#modal_chat" style="position: absolute; top: 60%; left: 40%">
<img src="/img/img_wd/bt_chat.png" width="100px" alt="">
</button>
<button type="button" class="btn parpadea" data-toggle="modal" data-target="#modal_zonas" style="position: absolute; top: 58%; left: 12%">
<img src="/img/img_wd/bt_zona_interactiva.png" width="100px" alt="">
</button>
<?php
} else if ($id == 2) {
?>
<button type="button" class="btn parpadea" data-toggle="modal" data-target="#modal_descargar" style="position: absolute; top: 52%; left: 27%;">
<img src="/img/img_wd/bt_descargar.png" width="100px" alt="">
</button>
<button type="button" class="btn parpadea" data-toggle="modal" data-target="#modal_videos_info" style="position: absolute; top: 61%; right: 30%;">
<img src="/img/img_wd/bt_video.png" width="100px" alt="">
</button>
<button type="button" class="btn parpadea" data-toggle="modal" data-target="#modal_chat" style="position: absolute; top: 60%; left: 39%">
<img src="/img/img_wd/bt_chat.png" width="100px" alt="">
</button>
<button type="button" class="btn parpadea" data-toggle="modal" data-target="#modal_zonas" style="position: absolute; top: 58%; left: 12%">
<img src="/img/img_wd/bt_zona_interactiva.png" width="100px" alt="">
</button>
<?php
} else if ($id == 3) {
?>
<button type="button" class="btn parpadea" data-toggle="modal" data-target="#modal_descargar" style="position: absolute; top: 52%; right: 30%;">
<img src="/img/img_wd/bt_descargar.png" width="100px" alt="">
</button>
<button type="button" class="btn parpadea" data-toggle="modal" data-target="#modal_videos_info" style="position: absolute; top: 61%; left: 21%;">
<img src="/img/img_wd/bt_video.png" width="100px" alt="">
</button>
<button type="button" class="btn parpadea" data-toggle="modal" data-target="#modal_chat" style="position: absolute; top: 60%; right: 40%">
<img src="/img/img_wd/bt_chat.png" width="100px" alt="">
</button>
<button type="button" class="btn parpadea" data-toggle="modal" data-target="#modal_zonas" style="position: absolute; top: 58%; right: 12%">
<img src="/img/img_wd/bt_zona_interactiva.png" width="100px" alt="">
</button>
<?php
} else if ($id == 4) {
?>
<a href="https://us02web.zoom.us/j/82858029243?pwd=YTBiWTdRQWlRd0ZvdDBEeFdYRWZ6UT09" target="_blank">
<button type="button" class="btn parpadea" style="position: absolute; top: 60%; left: 25%;">
<img src="/img/img_wd/bt_zona_interactiva.png" width="100px" alt="">
</button>
</a>
<a href="https://us02web.zoom.us/j/89722258569?pwd=dFIrOERodHk1M0FiM1lpd2hpT3hYdz09" target="_blank">
<button type="button" class="btn parpadea" style="position: absolute; top: 60%; right: 26%">
<img src="/img/img_wd/bt_zona_interactiva.png" width="100px" alt="">
</button>
</a>
<a href="https://firebasestorage.googleapis.com/v0/b/beegoup-160ea.appspot.com/o/Protocolo%20corporativo.png?alt=media&token=27826577-ee00-4d42-bb8b-3baf714aea4d" target="_blank">
<button type="button" class="btn parpadea" style="position: absolute; top: 52%; left: 35%;">
<img src="/img/img_wd/bt_descargar.png" width="100px" alt="">
</button>
</a>
<a href="https://firebasestorage.googleapis.com/v0/b/beegoup-160ea.appspot.com/o/Bienestar%20Astellas.png?alt=media&token=66d16363-cf2c-4335-b030-5cc855506971" target="_blank">
<button type="button" class="btn parpadea" style="position: absolute; top: 52%; right: 37%;">
<img src="/img/img_wd/bt_descargar.png" width="100px" alt="">
</button>
</a>
<a href="#" target="_blank">
<button type="button" class="btn parpadea" style="position: absolute; top: 58%; left: 16%;">
<img src="https://www.compralohuila.com/img/whatsapp.png" width="30">
</button>
</a>
<a href="#" target="_blank">
<button type="button" class="btn parpadea" style="position: absolute; top: 58%; right: 19%;">
<img src="https://www.compralohuila.com/img/whatsapp.png" width="30">
</button>
</a>
<?php
} else if ($id == 5) {
?>
<a href="<?php echo $url; ?>/concursos/1">
<button type="button" class="btn parpadea" style="position: absolute; top: 55%; left: 25%;">
<img src="/img/img_wd/bt_zona_interactiva.png" width="100px" alt="">
</button>
</a>
<a href="<?php echo $url; ?>/trivia/1">
<button type="button" class="btn parpadea" style="position: absolute; top: 55%; left: 45%;">
<img src="/img/img_wd/bt_zona_interactiva.png" width="100px" alt="">
</button>
</a>
<a href="<?php echo $url; ?>/concursos/2">
<button type="button" class="btn parpadea" style="position: absolute; top: 55%; left: 67%;">
<img src="/img/img_wd/bt_zona_interactiva.png" width="100px" alt="">
</button>
</a>
<!-- <a href="<?php echo $url; ?>/concursos/3"><button type="button" class="btn btn-light" style="position: absolute; top: 80%; left: 48%; background-color: #fdd300; border: 0;">DRIVE TRIP</button></a> -->
<?php
}
?>
<?php /* echo $bt_iz; */ ?>
<?php /* echo $bt_dr; */ ?>
<div style="position: absolute; bottom: 3%; left: 3%;">
<a href="<?php echo $url; ?>/muestra">
<button type="button" class="btn btn-danger" style="border-radius: 30px; color: #000; font-size: 15px; background-color: #fdd300; border: 0; font-family: S-Core-CoreSansBold;">
<i class="fa fa-arrow-left" aria-hidden="true"></i> Stands
</button>
<!-- <img src="<?php echo $url; ?>/img/img_wd/bt_back.png" style="width: 130px; position: absolute; bottom: 20px; left: 10%;"> -->
</a>
</div>
<div style="position: absolute; bottom: 3%; right: 3%;">
<a href="<?php echo $url; ?>/lobby">
<button type="button" class="btn btn-danger" style="border-radius: 30px; color: #000; font-size: 15px; background-color: #fdd300; border: 0; font-family: S-Core-CoreSansBold;">
<i class="fa fa-arrow-left" aria-hidden="true"></i> Lobby
</button>
<!-- <img src="<?php echo $url; ?>/img/img_wd/bt_back.png" style="width: 130px; position: absolute; bottom: 20px; left: 10%;"> -->
</a>
</div>
</div>
<div class="e_movil" align="center">
<div class="fixed-bottom">
<?php
if ($id == 1) {
?>
<div class="row text-center">
<div class="col-12">
<button type="button" class="btn" data-toggle="modal" data-target="#modal_descargar"><img src="/img/img_wd/bt_descargar.png" width="100px" alt=""></button>
<button type="button" class="btn" data-toggle="modal" data-target="#modal_videos_info"><img src="/img/img_wd/bt_video.png" width="100px" alt=""></button>
<button type="button" class="btn" data-toggle="modal" data-target="#modal_chat"><img src="/img/img_wd/bt_chat.png" width="100px" alt=""></button>
<button type="button" class="btn" data-toggle="modal" data-target="#modal_zonas"><img src="/img/img_wd/bt_zona_interactiva.png" width="100px" alt=""></button>
</div>
</div>
<?php
} else if ($id == 2) {
?>
<div class="row text-center">
<div class="col-12">
<button type="button" class="btn" data-toggle="modal" data-target="#modal_descargar"><img src="/img/img_wd/bt_descargar.png" width="100px" alt=""></button>
<button type="button" class="btn" data-toggle="modal" data-target="#modal_videos_info"><img src="/img/img_wd/bt_video.png" width="100px" alt=""></button>
<button type="button" class="btn" data-toggle="modal" data-target="#modal_chat"><img src="/img/img_wd/bt_chat.png" width="100px" alt=""></button>
<button type="button" class="btn" data-toggle="modal" data-target="#modal_zonas"><img src="/img/img_wd/bt_zona_interactiva.png" width="100px" alt=""></button>
</div>
</div>
<?php
} else if ($id == 3) {
?>
<div class="row text-center">
<div class="col-12">
<button type="button" class="btn" data-toggle="modal" data-target="#modal_descargar"><img src="/img/img_wd/bt_descargar.png" width="100px" alt=""></button>
<button type="button" class="btn" data-toggle="modal" data-target="#modal_videos_info"><img src="/img/img_wd/bt_video.png" width="100px" alt=""></button>
<button type="button" class="btn" data-toggle="modal" data-target="#modal_chat"><img src="/img/img_wd/bt_chat.png" width="100px" alt=""></button>
<button type="button" class="btn" data-toggle="modal" data-target="#modal_zonas"><img src="/img/img_wd/bt_zona_interactiva.png" width="100px" alt=""></button>
</div>
</div>
<?php
} else if ($id == 4) {
} else if ($id == 5) {
?>
<a href="<?php echo $url; ?>/stand/5"><button type="button" class="btn btn-light">CRUCIGRAMA</button></a>
<a href="<?php echo $url; ?>/stand/5"><button type="button" class="btn btn-light">TRIVIA</button></a>
<a href="<?php echo $url; ?>/stand/5"><button type="button" class="btn btn-light">BUSCA PALABRA</button></a>
<?php
}
?>
</div>
<div style="margin-top: 70px;">
<a href="<?php echo $url; ?>/muestra">
<img src="<?php echo $url; ?>/img/img_wd/bt_back.png" width="130">
</a>
</div>
</div>
<style>
.botones {
position: absolute;
border-radius: 30px;
font-size: 11px;
padding: 5px 20px;
font-weight: bold;
}
.parpadea {
animation-name: parpadeo;
animation-duration: 1s;
animation-timing-function: linear;
animation-iteration-count: infinite;
-webkit-animation-name: parpadeo;
-webkit-animation-duration: 3s;
-webkit-animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
}
@-moz-keyframes parpadeo {
0% {
transform: scale(1);
}
15% {
transform: scale(1.1);
}
30% {
transform: scale(1);
}
100% {
transform: scale(1);
}
}
@-webkit-keyframes parpadeo {
0% {
transform: scale(1);
}
15% {
transform: scale(1.1);
}
30% {
transform: scale(1);
}
100% {
transform: scale(1);
}
}
@keyframes parpadeo {
0% {
transform: scale(1);
}
15% {
transform: scale(1.1);
}
30% {
transform: scale(1);
}
100% {
transform: scale(1);
}
}
</style>
<script>
$(document).ready(function() {
$("#maestro").height($("#img_muestra").height());
});
$(window).resize(function() {
$("#maestro").height($("#img_muestra").height());
});
</script>
