<?php
if ($_SESSION['id_user'] == "") {
	echo '
			<script>
				window.location = "/login"
			</script>
        ';
}
?>

<video autoplay muted id="myVideo">

	<source src="https://firebasestorage.googleapis.com/v0/b/beegoup-160ea.appspot.com/o/Stand_cp.mp4?alt=media&token=d909ed6d-597e-4c13-baa1-c38a65db1f40" type="video/mp4">


</video>
<!-- <img id="myVideo" src="/img/bg_home.jpeg" alt=""> -->

<style>
	#myVideo {
		position: fixed;
		right: 0;
		bottom: 0px;
		min-width: 100%;
		min-height: 100%;
		z-index: -1;
		width: 100%;
		padding-top: auto;
	}

	.blanco {
		color: white !important;
	}
</style>

<div class="fixed text-center" style="margin-top: 30%;">
	<h3  class="text-center blanco">Los Stands se activan el 22 de Abril</h3>
</div>


<div id="maestro" class="e_web">
	<div class="text-center fixed-bottom" style="padding-bottom: 20px;">
		<a href="<?php /* echo $url; */ ?>/stand/1"><button type="button" class="btn btn-light botones" style="font-size: 15px;" >ARGENTINA</button></a>
		<a href="<?php /* echo $url; */ ?>/stand/2"><button type="button" class="btn btn-light botones" style="font-size: 15px;">COLOMBIA</button></a>
		<a href="<?php /* echo $url; */ ?>/stand/3"><button type="button" class="btn btn-light botones" style="font-size: 15px;">MEXICO</button></a>

		<a href="<?php /* echo $url; */ ?>/stand/4"><button type="button" class="btn btn-light botones" style="font-size: 15px;">EXPERIENCIAS</button></a>
		<a href="<?php /* echo $url; */ ?>/stand/5"><button type="button" class="btn btn-light botones" style="font-size: 15px;">JUEGOS</button></a>
	</div>
	<a href="<?php echo $url; ?>/lobby" class="fixed-top" style="margin: 100px; margin-left: 25px;">
		<img src="<?php echo $url; ?>/img/img_wd/bt_back.png" style="width: 130px;">
	</a>
</div>

<div class="e_movil">
	<div class="text-center fixed-bottom" style="padding-bottom: 10px;">
		<a href="<?php echo $url; ?>/stand/1"><button type="button" class="btn btn-light botones_movil">ARGENTINA</button></a>
		<a href="<?php /* echo $url;  */?>/stand/2"><button type="button" class="btn btn-light botones_movil">COLOMBIA</button></a>
		<a href="<?php /* echo $url; */ ?>/stand/3"><button type="button" class="btn btn-light botones_movil">MEXICO</button></a>
		<a href="<?php /* echo $url; */ ?>/stand/4"><button type="button" class="btn btn-light botones_movil">EXPERIENCIAS</button></a>
		<a href="<?php /* echo $url; */ ?>/stand/5"><button type="button" class="btn btn-light botones_movil">JUEGOS</button></a>
		<a href="<?php /* echo $url; */ ?>/lobby">
			<img src="<?php echo $url; ?>/img/img_wd/bt_back.png" width="140">
		</a>
	</div>

</div>


<style>
	.botones {
		border-radius: 30px;
		font-size: 11px;
		padding: 5px 20px;
		font-weight: bold;
		box-shadow: 0px 3px 0px #a2a2a2;
		width: 160px;
		background-color: #fdd300;
		margin-right: 15px;
	}

	.botones:hover{
        transform: scale(1.1);
    }

	.botones_movil {
		border-radius: 30px;
		width: 90%;
		font-size: 18px;
		padding: 5px 20px;
		font-weight: bold;
		box-shadow: 0px 3px 0px #a2a2a2;
		margin-bottom: 10px;
	}
</style>


<script>
	$(document).ready(function() {
		$("#maestro").height($("#img_muestra").height());

		alto = $(window).width() * 0.37;

		$("#diabetes").css("top", (alto * 0.42));
		$("#cardio").css("top", (alto * 0.3));
		$("#neuro").css("top", (alto * 0.3));
		$("#angels").css("top", (alto * 0.44));

	});

	$(window).resize(function() {
		$("#maestro").height($("#img_muestra").height());
	});
</script>