<!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="/">SeatStock</a></logo>
{% if session %}
<signinButton><a href="logout"><img height="24" width="24" src="{{ session.userinfo.picture }}"/> Sign Out</a></signinButton>
{% else %}
<signinButton><a href="login">Sign In</a></signinButton>
{% endif %}
<faqButton><a href="FAQ">How it Works</a></faqButton>
<tixButton><a href="tickets">My 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?game=iowavmichiganst" class="sell-home">Sell</a> <br><br><br>
<marketData><a href="market">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?game=iowavpurdue" class="sell-home">Sell</a> <br>
<marketData><a href="market">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?game=iowavminnesota" class="sell-home">Sell</a> <br><br>
<marketData><a href="market">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?game=iowavrutgers" class="sell-home">Sell</a> <br><br>
<marketData><a href="market">Market Data</a></marketData>
</div>
<!-- **************** FOOTER******************** **** -->
<footer>
<br><br><br><br><br>
</footer>
</body>
</html>