<?php

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

$id = $pagina[1];
?>
<div class="container-fluid">


    <img id="myVideo" src="/img/img_wd/bg_salones.png" alt="">

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


    <!-- <h3 style="position: absolute; bottom: 5%; left: 30%;" class="blanco">Los salones se abrirán el 20 de Abril</h3> -->
    <div class="e_web">


        <button onclick="window.location='/salon/3'" type="button" class="btn btn-warning" style="position: absolute; top: 40%; left: 14%;">Ingresar</button>
        <button onclick="window.location='/salon/2'" type="button" class="btn btn-warning" style="position: absolute; top: 35%; left: 45%;">Ingresar</button>
        <button onclick="window.location='/salon/4'" type="button" class="btn btn-warning" style="position: absolute; top: 40%; right: 18%;">Ingresar</button>


        <?php /* echo $bt_iz;  */ ?>
        <?php /* echo $bt_dr; */ ?>
        <a href="<?php echo $url; ?>/lobby">
            <img src="<?php echo $url; ?>/img/img_wd/bt_back.png" style="width: 130px; position: absolute; bottom: 20px; left: 10%;">
        </a>
        <!-- <img src="<?php echo $base; ?>" width="100%"> -->

    </div>

    <div class="e_movil" align="center">
        <!-- <img src="<?php echo $base; ?>" width="100%"> -->
        <?php /* echo $bt_iz_movil; */ ?>
        <?php /* echo $bt_dr_movil;  */ ?>
        <button onclick="window.location='/salon/3'" type="button" class="btn btn-warning" style="position: absolute; top: 40%; left: 14%;">Ingresar</button>
        <button onclick="window.location='/salon/2'" type="button" class="btn btn-warning" style="position: absolute; top: 35%; left: 45%;">Ingresar</button>
        <button onclick="window.location='/salon/4'" type="button" class="btn btn-warning" style="position: absolute; top: 40%; right: 18%;">Ingresar</button>

        <a href="<?php echo $url; ?>/lobby">
            <img src="<?php echo $url; ?>/img/img_wd/bt_back.png" width="220">
        </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);
        }
    }

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

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

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