<?php
 
  include '../inc/config.inc';
  
  // Control the breadcrumb text for the *current* page, which should match with the 
  // redirected page in EdWeb.
  $page_title = "Example 1";
  
  // Control the main page header.
  $page_header = "Example dashboard full-page layout";
  
?>               
              
<html lang="en" dir="ltr">
<head>

  <title>Dashboard Test Pages | The University of Edinburgh</title>

  <script src="../dist/js/jquery.min.js"></script>
  <!--[if lt IE 9]>
    <script src="../dist/js/html5shiv.min.js" />
    <script src="../dist/js/respond.min.js" />
  <![endif]-->

  <link rel="stylesheet" type="text/css" href="../dist/css/edgel.css" />

  <script src="../dist/js/picturefill.min.js"></script>
  <script src="../dist/js/edgel.min.js"></script>
</head>

<body>
  <div id="skip-link">
    <a href="#main-content" class="sr-only sr-only-focusable">
      Skip to main content
    </a>
  </div>

  <div class="jumbotron headercontainer">
    <div class="container">
      <div class="row">
        <div class="col-sm-7 col-md-8">
          <a href="http://www.ed.ac.uk/">
            <img src="../dist/images/logo.png" alt="The University of Edinburgh home" />
          </a>
        </div>

        <div role="search" class="col-sm-5 col-md-4 uoe-search-block">
          <p>
            <a href="//www.ed.ac.uk/schools-departments/">
              <span class="glyphicon glyphicon-chevron-right"></span>
              Schools &amp; departments
            </a>
          </p>
          <form class="form-inline uoe-search-form" action="//www.ed.ac.uk/search" method="get">
            <div class="form-group">
              <label for="uoe-search" class="sr-only">Search:</label>
              <div class="input-group">
                <input type="text" placeholder="Search"
                  class="form-control" data-items="4"
                  data-provide="typeahead" name="q" id="uoe-search">
                <span class="input-group-btn">
                  <button class="btn btn-uoe">
                    <span class="glyphicon glyphicon-search"></span>
                    <span class="sr-only">Search</span>
                  </button>
                </span>
              </div>
            </div>
          </form>
        </div>

      </div>
    </div>
  </div>

  <div class="jumbotron home-hero" >
    <div class="container">
      <div class="titleblock">
        <h1 class="sr-only">
          <a href="<?php echo $main_banner_link; ?>"><?php echo $main_banner_text; ?></a>
        </h1>
        
        <?php if (!empty($minor_banner_text) && !empty($minor_banner_link)): ?>
        <h2 class="sr-only">
          <a href="<?php echo $minor_banner_link; ?>"><?php echo $minor_banner_text; ?></a>
        </h2>

        <h2 class="site-section-subheading" aria-hidden="true">
          <a href="<?php echo $minor_banner_link; ?>"><?php echo $minor_banner_text; ?></a>
        </h2>
        <?php endif; ?>
        
        <h1 class="site-section-heading" aria-hidden="true">
          <a href="<?php echo $main_banner_link; ?>"><?php echo $main_banner_text; ?></a>
        </h1>
      </div>
    </div>
    </div>
  </div>

  <div class="container content">

    <div class="row">

      <div class="col-xs-12">

        <div class="row breadtrail">
          <div class="col-sm-9 col-md-10">
            <ol class="breadcrumb">
            
              <?php foreach($breadtrail as $key => $value): ?>
                <li><a href="<?php echo $value ?>"><?php echo $key ?></a></li>
              <?php endforeach; ?>
              
              <li><?php echo $page_title ?></li>
            </ol>
          </div>
          <div class="col-sm-3 col-md-2">
            <a class="btn btn-uoe btn-block contact-link" href="<?php echo $contact_link; ?>">Contact us</a>
          </div>
        </div>

        <a id="main-content" tabindex="-1"></a>

        <h1 class="page-header"><?php echo $page_header; ?></h1>

        <div class="region region-content">

          <!-- Page Content -->
          
<?php 
  // Include the following HTML block if some introdutory blurb is required for the example 
  /*
<p class="lead">Donec non magna ut purus venenatis molestie. Ut vitae tincidunt orci, non consequat augue. Integer mi lorem, maximus ut dui eu, venenatis dapibus ipsum. Cras fringilla consequat sem, eu posuere nulla ornare eget. </p>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin dapibus ornare tristique. Duis at efficitur libero, vel tincidunt diam. Sed cursus diam nec condimentum euismod. Donec non magna ut purus venenatis molestie. Ut vitae tincidunt orci, non consequat augue. Integer mi lorem, maximus ut dui eu, venenatis dapibus ipsum. Cras fringilla consequat sem, eu posuere nulla ornare eget. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Etiam vel nisl orci. Donec facilisis ultricies est nec rhoncus. Phasellus suscipit, magna eu convallis faucibus, mauris dui posuere justo, a scelerisque nulla ligula at elit.</p>
*/
?>

<section id="demo">
<div class="embed-responsive embed-responsive-4by3">
<embed src="example.swf" quality=high bgcolor=#FFFFFF WIDTH="800" HEIGHT="600" NAME="myExampleDashboard" ALIGN="" TYPE="application/x-shockwave-flash" play="true" loop="true" PLUGINSPAGE="http://www.adobe.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash">
</embed>
</div>
</section>

          <!-- End of Page Content -->

        </div>


      </div>
    </div>

  </div>


  <footer>
    <div class="discover-uni">
      <div class="container">
        <h3>The University of Edinburgh</h3>
      </div>
    </div>

    <div class="footer">
      <div class="container">
        <div class="row">
          <div class="col-sm-4 col-md-4">
            <ul>
              <li><a href="http://www.ed.ac.uk/about/website/website-terms-conditions">Terms
                &amp; conditions</a></li>
              <li><a href="http://www.ed.ac.uk/about/website/privacy">Privacy
                &amp; cookies</a></li>
            </ul>
          </div>

          <div class="col-sm-4 col-md-4">
            <ul>
              <li><a href="http://www.ed.ac.uk/about/website/accessibility">Website
                accessibility</a></li>
              <li><a href="http://www.ed.ac.uk/about/website/freedom-information">Freedom
                of information publication scheme</a></li>
            </ul>
          </div>
          <div class="col-sm-4 col-md-4 col-xs-6">
            <a href="//www.ed.ac.uk/about/mission-governance/affiliations">
              <img class="pull-right img-responsive"
                alt="University affiliations"
                src="../dist/images/footer-affiliations.png" />
            </a>
          </div>
        </div>

        <div class="row">
          <div class="col-sm-4 col-md-4 col-sm-push-8">
            <a class="btn btn-uoe btn-sm pull-right"
              href="http://www.myed.ed.ac.uk/"> MyEd login <span
              class="glyphicon glyphicon-chevron-right"></span></a>
          </div>
          <div class="col-sm-8 col-md-8 col-sm-pull-4">
            <p>
              The University of Edinburgh is a charitable body,
              registered in Scotland, with registration number SC005336,
              VAT Registration Number GB&nbsp;592&nbsp;9507&nbsp;00, and is
              acknowledged by the UK authorities as a
              &ldquo;<a href="https://www.gov.uk/guidance/recognised-uk-degrees">Recognised body</a>&rdquo;
              which has been granted degree awarding powers.
            </p>
          </div>
        </div>
      </div>
    </div>

    <div class="container footer-copyright">
      <div class="row">
        <div class="col-md-12 copyright">
          <p>Unless explicitly stated otherwise, all material is
            copyright &copy; The University of Edinburgh.</p>
        </div>
      </div>
    </div>
  </footer>

</body>
</html>
