{**
 * @param string   $basePath web base path
 * @param array    $flashes  flash messages
 *}

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">

	<title>{ifset title}{include title|striptags} | {/ifset}People v. Johnson - 1908 Murder Case</title>
    <link rel="stylesheet" href="{$basePath}/css/style.css">
  <link rel="stylesheet" href="{$basePath}/css/lightbox.css">
  
	<link rel="shortcut icon" href="{$basePath}/favicon.ico">
	<meta name="viewport" content="width=device-width">
	{block head}{/block}
</head>

<body>

<div id="main">
    <div id="header">
        <div id="logo">
            <div id="logo_text">
                <!-- class="logo_colour", allows you to change the colour of the text -->
                <h1><a href="{$basePath}">People v. <span class="logo_colour">Johnson</span></a></h1>
                <h2>On December 3, 1908, Peter J. Wilson Was Killed. There Is Only One Suspect.</h2>
            </div>
        </div>
        <div id="menubar">
            <ul id="menu">
          <!-- put class="current" in the li tag for the selected page - to highlight which page you're on -->


          {foreach $menu as $key => $item}


          	{if $key == "Webs:$action" && $presenterName=="App\Presenters\WebsPresenter"}
	          <li class="current">
	          	{else}
	          <li>
	        {/if}
	        
	        {if in_array(substr($presenterName, 15), $playArray) && $key=="Homepage:default" && $action!="top"}
	          <li class="current">
	        {/if}
	        
	         <a n:href="{$key}">{$item|noescape}</a></li>
          
          {/foreach}
          
        </ul>
      </div>
    </div>
    <div id="site_content">
      <div id="sidebar_container">
        <div class="sidebar">
          <div class="sidebar_top"></div>
          <div class="sidebar_item">
            <!-- insert your sidebar items here -->
              <h3>About the Project</h3>
              <p class="justify">This webpage is a part of an educational project for Masaryk University in Brno.  </p>
              <p class="justify">A purpose of the project is to offer interesting and meaningful speaking practice for EFL students. This web page serves as home for the pre-speaking part.</p>
              <h4>Templates we used:</h4>
              <ul>
                  <li><a href="http://www.html5webtemplates.co.uk/templates.html">Web Template</a></li>
                  <li><a href="http://www.presentationmagazine.com/editable-old-newspaper-template-4520.htm">Newspaper Template</a></li>
                  <li><a href="https://cthulhureborn.wordpress.com/2011/12/">Autopsy Report Temp.</a></li>
              </ul>
          </div>
          <div class="sidebar_base"></div>
        </div>
        <div class="sidebar">
          <div class="sidebar_top"></div>
            <div class="sidebar_item">
                <h3>Useful Links</h3>
                <ul>
                    <li><a href="http://www.englishclub.com/speaking/agreeing-disagreeing-expressions.htm">Useful Phrases for Debating</a></li>
                    <li><a href="https://is.muni.cz/auth/el/1441/podzim2015/ONLINE_A/odp/Speaking_Practice_CEO_Cloze.qref">Final Cloze Test</a></li>
                    <li><a href="https://www.facebook.com/agamaedu">Facebook Page</a></li>
                    <li><a href="https://is.muni.cz/auth/df/sync_2015t2/">Discussion Board in IS</a></li>
                    <li><a href="https://is.muni.cz/auth/el/1441/podzim2015/ONLINE_A/um/Instructions_for_the_Speaking_Activity.html">Detailed Instructions</a></li>
                </ul>
            </div>
          <div class="sidebar_base"></div>
        </div>
        <div class="sidebar">
          <div class="sidebar_top"></div>
          <div class="sidebar_item">
            <h3>Statistics</h3>
              <div id="cases">
                <p>Juries that tried to crack the case so far: {$allgames}</p>
                  <p>Suceeded: {$wingames}</p>
                  <p>Failed: {$lostgames}</p>
              </div>
          </div>
          <div class="sidebar_base"></div>
        </div>
      </div>
      <div id="content">

                {if $start_time}
        	<div id="time_started" data-time="{$start_time ? $start_time}"></div>
        	
        	{if $stop_time}
        	<div id="time_ended" data-time="{$stop_time ? $stop_time}"></div>
        	{/if}
          <div class="timelist">
        	<div class="timer"></div>
          </div>
        	{/if}
        
        	<div n:foreach="$flashes as $flash" n:class="flash, $flash->type">{$flash->message}</div>
        
        	{include content}

        
      </div>
    </div>
    <div id="footer">
        <p><a href="http://validator.w3.org/check?uri=referer">HTML5</a> | <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> | <a href="http://www.html5webtemplates.co.uk">HTML5 Web Templates</a></p>
    </div>
  </div>
   


	{block scripts}
	<script src="{$basePath}/js/jquery-1.12.0.min.js"></script>
	<script src="{$basePath}/js/main.js"></script>
	<script src="{$basePath}/js/lightbox.js"></script>
	{/block}
</body>
</html>
