<?php header('Content-type: text/html; charset=utf-8'); ?>
<?php
  /* STEP 1: LOAD RECORDS - Copy this PHP code block near the TOP of your page */
  
  // load viewer library
  $libraryPath = 'cmsb/lib/viewer_functions.php';
  $dirsToCheck = array('/home/wwwgreatwalstead/public_html/','','../','../../','../../../');
  foreach ($dirsToCheck as $dir) { if (@include_once("$dir$libraryPath")) { break; }}
  if (!function_exists('getRecords')) { die("Couldn't load viewer library, check filepath in sourcecode."); }

  // load records from 'latest_news'
  list($latest_newsRecords, $latest_newsMetaData) = getRecords(array(
    'tableName'   => 'latest_news',
    'perPage'     => '5',
    'loadUploads' => true,
    'allowSearch' => false,
	'where' => 'latest_news = 1',
  ));

?>
<!DOCTYPE html>
<html>
	<head>
		<title>Great Walstead</title>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
		<meta name="format-detection" content="telephone=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<!-- Fonts-->
		<link href="https://use.fontawesome.com/releases/v5.0.8/css/all.css" rel="stylesheet">
		<link rel="stylesheet" type="text/css" href="assets/fonts/pe-icon/pe-icon.css">
		<!-- Vendors-->
		<link rel="stylesheet" type="text/css" href="assets/vendors/magnific-popup/magnific-popup.min.css">
		<link rel="stylesheet" type="text/css" href="assets/vendors/swiper/swiper.css">
		<!-- App & fonts-->
		<link rel="stylesheet" type="text/css" href="assets/css/main.css"><!--[if lt IE 9]>
			<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
		<![endif]-->
		
		<!-- Bootstrap core CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css">
		
		<link href="css/style-masonry.css" rel="stylesheet" type="text/css">
	
	<link rel="stylesheet" href="https://use.typekit.net/gzr6fpu.css">
		
		<!-- Custom styles for this template -->
    <link href="css/sticky-footer-navbar.css" rel="stylesheet">

	<style>
		.header.header--fixed {
  			top: 0%; }
	</style>
	
  </head>
</html>
<body data-spy="scroll" data-target="#docs-navbar" data-offset="81">
	
	<div class="page-wrap">
		  				<!-- header -->

		      <header class="header header--fixed">
				<div class="logo logo--fixed">
					<div class="header__logo"><a href="index.php"><img src="assets/img/GW-LOGO-FINAL.png" alt=""/></a></div>
				</div>
				<nav class="navbar navbar-expand-lg navbar-dark bg-primary">
  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
  </button>

  <div class="collapse navbar-collapse" id="navbarSupportedContent">
    <ul class="navbar-nav mr-auto">
      <li class="nav-item dropdown">
        <a class="nav-link dropdown-toggle" href="nursery-pre-prep.php" id="navbarDropdown" aria-haspopup="true" aria-expanded="false">
          NURSERY &amp; PRE-PREP
        </a>
        <div class="dropdown-menu" aria-labelledby="navbarDropdown">

            <div class="row">
              <div class="col-md-12">
                <ul class="nav flex-column">
                <li class="nav-item">
                  <a class="nav-link active" href="wrap-around-care.php">Wrap-Around Care</a>
                </li>
                <li class="nav-item">
                  <a class="nav-link active" href="clubs-activities.php">Clubs &amp; Activities</a>
                </li>
                <li class="nav-item">
                  <a class="nav-link active" href="forest-school.php">Forest School</a>
                </li>
					<li class="nav-item">
                  <a class="nav-link active" href="the-farm.php">The Farm</a>
                </li>
					<li class="nav-item">
                  <a class="nav-link active" href="toddler-club.php">Toddler Club</a>
                </li>
              </ul>
              </div>
              <!-- /.col-md-4  -->
            </div>
          <!--  /.container  -->


        </div>
      </li>
      <li class="nav-item dropdown">
        <a class="nav-link dropdown-toggle" href="prep-school.php" id="navbarDropdown" aria-haspopup="true" aria-expanded="false">
          PREP
        </a>
        <div class="dropdown-menu" aria-labelledby="navbarDropdown">

            <div class="row">
              <div class="col-md-12">
                <ul class="nav flex-column">
                <li class="nav-item">
                  <a class="nav-link active" href="curriculum.php">Curriculum</a>
                </li>
                <li class="nav-item">
                  <a class="nav-link active" href="academic.php">Academic</a>
                </li>
                <li class="nav-item">
                  <a class="nav-link active" href="sport.php">Sport</a>
                </li>
					<li class="nav-item">
                  <a class="nav-link active" href="creative-arts.php">Creative Arts</a>
                </li>
					<li class="nav-item">
                  <a class="nav-link active" href="destination-schools.php">Destination Schools</a>
                </li>
					<li class="nav-item">
                  <a class="nav-link active" href="prep-wrap-around-care.php">Wrap-Around Care</a>
                </li>
					<li class="nav-item">
                  <a class="nav-link active" href="prep-clubs-activities.php">Clubs &amp; Activities</a>
                </li>
              </ul>
              </div>
              <!-- /.col-md-4  -->
            </div>
          <!--  /.container  -->


        </div>
      </li>
      <li class="nav-item dropdown">
        <a class="nav-link dropdown-toggle" href="admissions.php" id="navbarDropdown" aria-haspopup="true" aria-expanded="false">
          ADMISSIONS
        </a>
        <div class="dropdown-menu" aria-labelledby="navbarDropdown">

            <div class="row">
              <div class="col-md-12">
                <ul class="nav flex-column">
                <li class="nav-item">
                  <a class="nav-link active" href="arrange-a-visit.php">Arrange a Visit</a>
                </li>
                <li class="nav-item">
                  <a class="nav-link active" href="open-days.php">Open Days</a>
                </li>
                <li class="nav-item">
                  <a class="nav-link active" href="request-a-prospectus.php">Prospectus</a>
                </li>
					<li class="nav-item">
                  <a class="nav-link active" href="scholarships-awards.php">Scholarships</a>
                </li>
					<li class="nav-item">
                  <a class="nav-link active" href="fees.php">Fees</a>
                </li>
              </ul>
              </div>
              <!-- /.col-md-4  -->
            </div>
          <!--  /.container  -->


        </div>
      </li>
		
		<li class="nav-item dropdown">
        <a class="nav-link dropdown-toggle" href="general-information.php" id="navbarDropdown" aria-haspopup="true" aria-expanded="false">
          GENERAL INFORMATION
        </a>
        <div class="dropdown-menu" aria-labelledby="navbarDropdown">

            <div class="row">
              <div class="col-md-12">
                <ul class="nav flex-column">
                <li class="nav-item">
                  <a class="nav-link active" href="christian-ethos.php">Christian Ethos</a>
                </li>
                <li class="nav-item">
                  <a class="nav-link active" href="proud-to-be-british.php">Proud to be British</a>
                </li>
                <li class="nav-item">
                  <a class="nav-link active" href="policies.php">Policies</a>
                </li>
					<li class="nav-item">
                  <a class="nav-link active" href="job-opportunities.php">Job Opportunities</a>
                </li>
					<li class="nav-item">
                  <a class="nav-link active" href="friends-of-great-walstead.php">Friends</a>
                </li>
					<li class="nav-item">
                  <a class="nav-link active" href="old-great-walsteadians.php">OGWs</a>
                </li>
					<li class="nav-item">
                  <a class="nav-link active" href="inspection-report.php">Inspection Report</a>
                </li>
              </ul>
              </div>
              <!-- /.col-md-4  -->
            </div>
          <!--  /.container  -->


        </div>
      </li>
		
		<li class="nav-item dropdown">
        <a class="nav-link dropdown-toggle selected" href="news-and-events.php" id="navbarDropdown" aria-haspopup="true" aria-expanded="false">
          NEWS &amp; EVENTS
        </a>
        <div class="dropdown-menu selected" aria-labelledby="navbarDropdown">

            <div class="row">
              <div class="col-md-12">
                <ul class="nav flex-column">
                <li class="nav-item">
                  <a class="nav-link active" href="term-dates.php">Term Dates</a>
                </li>
                <li class="nav-item">
                  <a class="nav-link active" href="news-open-days.php">Open Days</a>
                </li>
					<li class="nav-item">
                  <a class="nav-link active" href="news-toddler-club.php">Toddler Club</a>
                </li>
					<li class="nav-item">
                  <a class="nav-link active" href="news-friends-of-great-walstead.php">Friends</a>
                </li>
					<li class="nav-item">
                  <a class="nav-link active selected" href="latest-news.php">Latest News</a>
                </li>
              </ul>
              </div>
              <!-- /.col-md-4  -->
            </div>
          <!--  /.container  -->


        </div>
      </li>
		
		<li class="nav-item">
        <a href=" https://greatwalstead.fireflycloud.net/login/login.aspx?prelogin=https%3a%2f%2fgreatwalstead.fireflycloud.net%2f" target="new" class="nav-link">PARENT PORTAL</a>
      </li>
		
		<li class="nav-item">
        <a class="nav-link" href="contact-us.php">CONTACT</a>
      </li>

    </ul>
  </div>
</nav>
			</header><!-- End / header -->
		  
	  </div>
	
	<!-- Content-->
			<div class="md-content">
				
				<!-- Section -->
				<section class="md-section bg-white" id="id-2">
					<div class="container-main">
						<div class="row">
						<div class="col-xl-6 col-lg-6 col-md-6 text-container">
							<!-- STEP2: Display Records (Paste this where you want your records to be listed) -->
    						<h1>Latest News</h1>
    						<?php foreach ($latest_newsRecords as $record): ?>
							<span><p><?php echo htmlencode($record['title']) ?></p></span>
      						<?php echo $record['summary']; ?>
							<?php if($record['content'] != "") : ?>
            <a class="btn btn-primary" href="<?php echo $record['_link'] ?>" role="button">Find out more ...</a>
          <?php endif; ?>
      <hr/>
    <?php endforeach ?>

    <?php if (!$latest_newsRecords): ?>
      No records were found!<br/><br/>
    <?php endif ?>
  <!-- /STEP2: Display Records -->

  <!-- STEP3: Display Page Links (Paste anywhere below "Load Record List") -->
    <?php if ($latest_newsMetaData['prevPage']): ?>
      <a href="<?php echo $latest_newsMetaData['prevPageLink'] ?>">&lt;&lt;  prev</a>
    <?php else: ?>
      &lt;&lt; prev
    <?php endif ?>

							- <strong>page <?php echo $latest_newsMetaData['page'] ?></strong> of <?php echo $latest_newsMetaData['totalPages'] ?> -

    <?php if ($latest_newsMetaData['nextPage']): ?>
      <a href="<?php echo $latest_newsMetaData['nextPageLink'] ?>">next &gt;&gt;</a>
    <?php else: ?>
      next &gt;&gt;
    <?php endif ?>
  <!-- /STEP3: Display Page Links -->
							</div>
						<div class="col-xl-6 col-lg-6 col-md-6">
              <?php foreach ($record['single_image'] as $index => $upload): ?>
          <?php if ($index >= 1) { continue; } // limit uploads shown ?>
							
          <img src="<?php echo htmlencode($upload['urlPath']) ?>" width="<?php echo $upload['width'] ?>" height="<?php echo $upload['height'] ?>" alt="<?php echo htmlencode($upload['info1']) ?>" />

        <?php endforeach ?>
							 </div>
						</div>
				</div>
				</section>
				<!-- End / Section -->
				
			</div>
			<!-- End / Content-->
	
	<!-- footer -->
			<div class="footer">
				<?php include_once("footer.php"); ?>
			</div><!-- End / footer -->
	
	<script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
	<script src='https://masonry.desandro.com/masonry.pkgd.js'></script>
	<script  src="js/index.js"></script>
	
	<script type="text/javascript" src="assets/vendors/jquery/jquery.min.js"></script>
	<script type="text/javascript" src="assets/vendors/imagesloaded/imagesloaded.pkgd.js"></script>
	<script type="text/javascript" src="assets/vendors/isotope-layout/isotope.pkgd.js"></script>
	<script type="text/javascript" src="assets/vendors/jquery-one-page/jquery.nav.min.js"></script>
	<script type="text/javascript" src="assets/vendors/jquery.easing/jquery.easing.min.js"></script>
	<script type="text/javascript" src="assets/vendors/jquery.matchHeight/jquery.matchHeight.min.js"></script>
	<script type="text/javascript" src="assets/vendors/magnific-popup/jquery.magnific-popup.min.js"></script>
	<script type="text/javascript" src="assets/vendors/masonry-layout/masonry.pkgd.js"></script>
	<script type="text/javascript" src="assets/vendors/swiper/swiper.jquery.js"></script>
	<script type="text/javascript" src="assets/vendors/menu/menu.js"></script>
	<script type="text/javascript" src="assets/vendors/typed/typed.min.js"></script>
	<!-- App-->
		<script type="text/javascript" src="assets/js/main.js"></script>

	<!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="js/bootstrap.min.js"></script>
	
  <script src="js/vendor/jquery.min.js"></script>
  <script src="js/vendor/bootstrap.min.js"></script>
  <script src="js/jquery.sliphover.min.js"></script>
  <script src="js/sliphover-main.js"></script>
</body>
