<?php 
$custom_link_game_menu = get_theme_mod( 'custom_link_game_menu' );

$slider_image_1 = get_theme_mod( 'slider_image_1' );
$slider_image_2 = get_theme_mod( 'slider_image_2' );
?>
<?php get_header(); ?>
<?php get_sidebar(); ?>

<main class="wrap">
<div class="main-content home">
        <div class="home__slider">
          <!-- AMP Slider/Carousel -->
            <amp-carousel  width="600" height="280"  layout="responsive" type="slides" autoplay delay="2000">
                <a href="#">
                    <amp-img src="<?php echo $slider_image_1 ?>" width="600" height="280" layout="responsive" alt=""></amp-img>
                </a>
                <a href="#">
                    <amp-img src="<?php echo $slider_image_2 ?>"  width="600" height="280"  layout="responsive" alt=""></amp-img>
                </a>
            </amp-carousel>
        </div>
        <div class="home__menu">
            <div class="menu-games">
                <a href="<?php echo $custom_link_game_menu ?>">
                    <div class="games-item">
                        <amp-img src="https://i.imgur.com/COl8LXm.png" width="138" height="100" alt="sportsbook"></amp-img>
                        <div class="game-border">
                            <div class="games-name">Sportsbook</div>
                        </div>
                    </div>
                </a>
                <a href="<?php echo $custom_link_game_menu ?>">
                    <div class="games-item">
                        <amp-img src="https://i.imgur.com/prRr9vU.png" width="138" height="100" alt="slot"></amp-img>
                        <div class="game-border">
                            <div class="games-name">slot</div>
                        </div>
                    </div>
                </a>
                <a href="<?php echo $custom_link_game_menu ?>">
                    <div class="games-item">
                        <amp-img src="https://i.imgur.com/pwRWUkk.png" width="138" height="100" alt="casino"></amp-img>
                        <div class="game-border">
                            <div class="games-name">Casino</div>
                        </div>
                    </div>
                </a>
                <a href="<?php echo $custom_link_game_menu ?>">
                    <div class="games-item">
                        <amp-img src="https://i.imgur.com/m3hK5l1.png" width="138" height="100" alt="lottery"></amp-img>
                        <div class="game-border">
                            <div class="games-name">Lottery</div>
                        </div>
                    </div>
                </a>
                <a href="<?php echo $custom_link_game_menu ?>">
                    <div class="games-item">
                        <amp-img src="https://i.imgur.com/Y7nrrTV.png" width="138" height="100" alt="arcade"></amp-img>
                        <div class="game-border">
                            <div class="games-name">Arcade</div>
                        </div>
                    </div>
                </a>
                <a href="<?php echo $custom_link_game_menu ?>">
                    <div class="games-item">
                        <amp-img src="https://i.imgur.com/SNFHBDx.png" width="138" height="100" alt="livegames"></amp-img>
                        <div class="game-border">
                            <div class="games-name">Live Game</div>
                        </div>
                    </div>
                </a>
            </div>
        </div>
		<div class="home__seo">
			<header>
				<h2><?php the_title(); ?></h2>
				<div class="entry-meta">
				<span class="author vcard" itemprop="author" itemscope="" itemtype="https://schema.org/Person"><span itemprop="name"><a href="<?php the_author(); ?>" title="Posts by <?php the_author(); ?>" rel="author"><?php the_author(); ?></a></span></span>
				</div>
			</header>
            <div class="game__seo">
                <div class="seo-content showFooter" style="text-align: center">
                <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
					  <article class="article-loop">
						<?php the_content(); ?>
					  </article>
				<?php endwhile; else : ?>
                      <article>
                        <p>Sorry, no post was found!</p>
                      </article>
                <?php endif; ?>
                </div>
            </div>
        </div>
    </div>
</main>
<?php get_footer(); ?>