<?php
include "php/checkSessionValidity.php"
?>
<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">

    <!-- Latest compiled and minified CSS -->
   <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">

   <!-- jQuery library -->
   <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

   <!-- Popper JS -->
   <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script>

   <!-- Latest compiled JavaScript -->
   <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>

    <link rel="stylesheet" href="css/series.css">
    <link rel="stylesheet" href="css/basicvideo.css">
    <script type="text/javascript" src="js/series.js"></script>
    <title></title>
  </head>
  <body>
    <nav class="navbar navbar-expand-sm bg-dark navbar-dark">
      <ul class="navbar-nav mr-auto">
        <li class="nav-item">
          <a class="nav-link " href="movies.php">Movies</a>
        </li>
        <li class="nav-item">
          <a class="nav-link active" href="series.php">TV Shows</a>
        </li>
      </ul>
      <form id="moviesearch-form" class="form-inline my-2 my-lg-0">
        <input id="moviesearch" class="form-control mr-sm-2" type="text" placeholder="Search" aria-label="Search">
        <button id="moviesearch-button" class="btn btn-outline-success my-2 my-sm-0" type="button">Search</button>
      </form>
    </nav>

    <div class="container-fluid">
      <div class="row">
        <div class="col-sm-2">

        </div>
        <div class="col-sm-8">

          <div class="movielist"></div>

          <div class="seasonlist hideit"></div>
          <div class="episodelist hideit"></div>

          <div id="moviespace" class="hideit">
            <div class="moviespace-backbutton">Back to Movies</div>
            <div class="moviespace-heading">Moviename</div>
            <div class="moviespace-videospace"></div>
          </div>
        </div>
        <div class="col-sm-2">
        </div>
      </div>
    </div>


  </body>
</html>