<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewpoint" content="width=device-width, initial-scale=1.0">
        <title>SeatStock</title>
        <link rel="stylesheet" href="static/style.css">
        <script type="text/javascript" src="static/script.js"></script>


    </head>
    <body>
        <!--************************   HEADER  ****************-->
        <logo><a href="index.html">SeatStock</a></logo>
        {% if session %}
        <signinButton><a href="logout">({{ session.userinfo.name }}) Sign Out</a></signinButton>
        {% else %}
        <signinButton><a href="login">Sign In</a></signinButton>
        {% endif %}
        <faqButton><a href="static/FAQ.html">How it Works</a></faqButton>
        <tixButton><a href="tickets.html">Your Tickets</a></tixButton>





         <!--************************  BODY  ****************-->
         <br><br>
         <div class="home-info-title1">
            <b>Buy, sell, or exchange even ticets with ease in the industry's 
                first safe ticket exchange marketplace for students.</b>
         </div>



         <div class="search-container">
            <input type="text" id="searchInput" placeholder="Search...">
            <button class="search-button">Search</button>
         </div>
         
         <br><br>



         <div class="home-info-title2">
            <b>Upcoming Games:</b>
        </div> 
        <div class="home-info-title3">
            University of Iowa 
        </div> 

        <div class="box">
            <img src="static/gameimages/iowavmichiganst.png" class="game-window-image">
            <div class="game-window-title">Iowa Vs. Michigan St</div><br>
            <button class="buy-or-bid" onclick="check_sign_in('iowavmichiganst')">Buy $55 or Bid</a>
            <a href="sell.html?game=iowavmichiganst" class="sell-home">Sell</a> <br><br><br>
            <marketData><a href="https://www.example.com">Market Data</a></marketData>


        </div>





        <div class="box">
            <img src="static/gameimages/iowavpurdue.png" class="game-window-image">
            <div class="game-window-title">Iowa Vs. Purdue</div>
            <button class="buy-or-bid" onclick="check_sign_in('iowavpurdue')">Buy $25<br>or Bid</button>
            <a href="sell.html?game=iowavpurdue" class="sell-home">Sell</a> <br>
            <marketData><a href="https://www.example.com">Market Data</a></marketData>
        </div>
        <div class="box">
            
            <img src="static/gameimages/iowavminnesota.png" class="game-window-image">
            <div class="game-window-title">Iowa Vs. Minnesota</div>
            <button class="buy-or-bid" onclick="check_sign_in('iowavminnesota')">Buy $45<br>or Bid</button>
            <a href="sell.html?game=iowavminnesota" class="sell-home">Sell</a> <br><br>
            <marketData><a href="https://www.example.com">Market Data</a></marketData>
        
        </div>
        <div class="box">
            <img src="static/gameimages/iowavrutgers.png" class="game-window-image">
            <div class="game-window-title">Iowa Vs Rutgers</div>
            <button class="buy-or-bid" onclick="check_sign_in('iowavrutgers')">Buy $20<br>or Bid</button>
            <a href="sell.html?game=iowavrutgers" class="sell-home">Sell</a> <br><br>
            <marketData><a href="https://www.example.com">Market Data</a></marketData>
        </div>



        <!--  ****************    FOOTER********************    **** -->



        <footer>
            <br><br><br><br><br>
            
        </footer>



            


            


















    </body>

</html>

