<?php

include 'includes.php';

?>

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <link rel="icon" href="<?php echo $CONST_PATH_IMG . $CONFIG_ICONO; ?>" type="image/x-icon">

    <title><?php echo $CONFIG_NOMBRE_TIENDA; ?></title>

    <meta name="description" content="<?php echo $CONFIG_DESCRIPCION; ?>">
    <meta name="keywords" content="<?php echo $CONFIG_KEYWORDS; ?>">
    <meta name="author" content="<?php echo $CONFIG_AUTOR; ?>">

    <link rel="preload" href="<?php echo $CONST_PATH_CSS; ?>const.css" as="style">
    <link href="<?php echo $CONST_PATH_CSS; ?>const.css" rel="stylesheet" />

    <link rel="preload" href="<?php echo $CONST_PATH_CSS; ?>css.css" as="style">
    <link href="<?php echo $CONST_PATH_CSS; ?>css.css" rel="stylesheet" />

    <?php echo $CONFIG_GOOGLE_FONTS; ?>

    <?php echo $CONFIG_OPEN_GRAPH; ?>

    <?php echo $CONFIG_EXTRAS; ?>

</head>

<body>
    <div id="nav-inicio"></div>

    <div class="body div-test">


        <!-- HEADER -->
        <?php include 'views/modules/header.php'; ?>

        <!-- MENU -->
        <?php include 'views/modules/menu.php'; ?>

        <?php include 'views/modules/whatsapp.php'; ?>

        <!-- VIDEO INTRO -->
        <?php include 'views/modules/video.php'; ?>

        <!-- MAIN -->
        <div class="container cont-item div-test">

            <!-- TOUR -->
            <?php
            if ($CONFIG_results[0]->config_menu_tour == '1') {
                include 'views/modules/tour.php';
            }
            ?>

            <!-- MÚSICA -->
            <?php
            if ($CONFIG_results[0]->config_menu_musica == '1') {
                include 'views/modules/musica.php';
            }
            ?>

            <!-- NOTICIAS -->
            <?php
            if ($CONFIG_results[0]->config_menu_noticias == '1') {
                include 'views/modules/noticias.php';
            }
            ?>

            <!-- VIDEOS -->
            <?php
            if ($CONFIG_results[0]->config_menu_videos == '1') {
                include 'views/modules/videos.php';
            }
            ?>

            <!-- BIO -->
            <?php
            if ($CONFIG_results[0]->config_menu_bio == '1') {
                include 'views/modules/bio.php';
            }
            ?>
            <!-- CONTACTO -->
            <?php
            if ($CONFIG_results[0]->config_menu_contacto == '1') {
                include 'views/modules/contacto.php';
            }
            ?>

        </div>

        <hr>

        <!-- FOOTER -->
        <?php include 'views/modules/footer.php'; ?>



    </div>

    <div id="content" class="modal ">        
        <div class="formulario">
            <button id="btnSalirFormModal">X</button>
            <form>
                <fieldset>
                    <label for="username">Email:</label>
                    <input type="email" id="email" name="email" />
                </fieldset>

                <fieldset>
                    <label for="pass">Password:</label>
                    <input type="password" id="pass" name="password" minlength="8" required />
                </fieldset>

                <fieldset>
                    <input type="submit" value="Entrar" />
                </fieldset>
            </form>            
        </div>
    </div>
            <script>
                    const btnOcultar = document.querySelector('#btnSalirFormModal');
                    btnOcultar.addEventListener('click', function(){
                        const form1 = document.querySelector('#content');
                        form1.style.display = 'none';
                        })
            </script>

</body>

</html>