<html>
  <head>
      <meta name="viewport" content="width=device-width, initial-scale=1">
      <link rel="stylesheet" href="http://code.jquery.com/qunit/qunit-1.14.0.css">
      <link rel="stylesheet" href="jquery.seat-charts.css">
      <script src="http://code.jquery.com/qunit/qunit-1.14.0.js"></script>
      <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
      <script type="text/javascript" src="jquery.seat-charts.min.js"></script>
     <script type="text/javascript" src="wyborsali.js"></script>
    <link rel="stylesheet" type="text/css" href="wyborsali.css">

  </head>

<body>
  <div class="wrapper">
    <div class="logged-wrapper">
      <h3>zalogowany jako</h3>
      <h2>Anna Kowalska</h2>
      <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTA969k2Zcb1p7a0RBc210P1CoxXnoDKCf3NZLerThvBcFrbfih&s">
    </div>

  <div class='seat-stat-wrapper'>
    <h1>Wybór sali</h1>
    <div id="choosepanel">
      <h2>Wybierz salę:</h2>
      <div class="select">
        <select name="search_rooms" id="search_rooms" >
          <option value="1" selected="selected">A-16</option>
          <option value="1" selected="selected">A-17</option>
          <option value="1" selected="selected">A-18</option>
        </select>
      </div>
      <h2>Statystyki:</h2>
      <button id="stats" onclick="goToStatsPage()">Przejdź do strony ze statystykami</button>
    </div>

    <div class="room-view">
      <h2>Podgląd sali</h2>
      <div class="seat-chart-wrapper">
          <div id="seat-map">
            
          </div>
        </div>


      <button class="checkout-button" onclick="clickFunction()">Dalej &raquo;</button>
    </div>

  </div>
  
</body>

<script>
    function clickFunction() {
        window.location = "frontpage.html";

    }

    function goToStatsPage() {
        window.location = "statystyki.html";

    }
</script>

</html>