<?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/chestercc/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 record from 'event_listings'
  list($event_listingsRecords, $event_listingsMetaData) = getRecords(array(
    'tableName'   => 'event_listings',
    'where'       => whereRecordNumberInUrl(0),
    'loadUploads' => true,
    'allowSearch' => false,
    'limit'       => '1',
  ));
  $event_listingsRecord = @$event_listingsRecords[0]; // get first record
  if (!$event_listingsRecord) { dieWith404("Record not found!"); } // show error message if no record found



?>
<!doctype html>
<html>
<head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">  
		
<title>Untitled Document</title>

</head>

<body>


<div class="tabs-container">

<ul class="nav nav-tabs">
	<li class="active">
	<a data-toggle="tab" href="#tab-1" aria-expanded="true">
	<?php echo htmlencode($event_listingsRecord['event_details_title']) ?></a>
	</li>
	<li class="">
	<a data-toggle="tab" href="#tab-2" aria-expanded="false">
	<?php echo htmlencode($event_listingsRecord['location_title']) ?></a>
	</li>
	<li class="">
	<a data-toggle="tab" href="#tab-3" aria-expanded="false">
	<?php echo htmlencode($event_listingsRecord['participants_title']) ?></a>
    </li>
    <li class="">
    <a data-toggle="tab" href="#tab-4" aria-expanded="false">
	<?php echo htmlencode($event_listingsRecord['sponsors_title']) ?></a>
	</li>                     
	<li class="">
	<a data-toggle="tab" href="#tab-5" aria-expanded="false">
	<?php echo htmlencode($event_listingsRecord['gallery_title']) ?></a>
	</li>
</ul>

<div class="tab-content">
   <div id="tab-1" class="tab-pane active">

		<h4><?php echo htmlencode($event_listingsRecord['event_details_title']) ?></h4>
		<?php echo $event_listingsRecord['details']; ?>

	</div>
	<div id="tab-2" class="tab-pane">

		<h4><?php echo htmlencode($event_listingsRecord['location_title']) ?></h4>
		<?php echo $event_listingsRecord['location']; ?>
		<?php echo $event_listingsRecord['map'] ?>

	</div>
	<div id="tab-3" class="tab-pane">

		<h4><?php echo htmlencode($event_listingsRecord['participants_title']) ?></h4>

		<div class="row">
			<div class="col-sm-4 margin10">
			<?php echo $event_listingsRecord['participants_group_1']; ?>
			</div>
			<div class="col-sm-4 margin10">
			<?php echo $event_listingsRecord['participants_group_2']; ?>
			</div>
			<div class="col-sm-4 margin10">
			<?php echo $event_listingsRecord['participants_group_3']; ?>
			</div>
		</div>

	</div>
	<div id="tab-4" class="tab-pane">

			<h4><?php echo htmlencode($event_listingsRecord['sponsors_title']) ?></h4>
			<div class="row">
				<div class="col-sm-6 margin10">
				<?php echo $event_listingsRecord['sponsors_group_1']; ?>
				</div>
				<div class="col-sm-6 margin10">
				<?php echo $event_listingsRecord['sponsors_group_2']; ?>
				</div>
			</div>

	</div>
	<div id="tab-5" class="tab-pane">

	<h4><?php echo htmlencode($event_listingsRecord['gallery_title']) ?></h4>

				<div id="grid" class="row">
				  <?php foreach ($event_listingsRecord['gallery'] as $index => $upload): ?>
				  <div class="mix col-sm-4 margin30">
				   <div class="item-img-wrap" style="max-width: 200px; max-height: 130px;">
				  <img src="<?php echo htmlencode($upload['urlPath']) ?>" alt="<?php echo htmlencode($upload['info1']) ?>" title="<?php echo htmlencode($upload['info1']) ?>" class="img-responsive">
					<div class="item-img-overlay">
					  <a href="<?php echo htmlencode($upload['urlPath']) ?>" class="show-image">
					   <span></span>
					   </a>
					 </div>
				   </div>
				  </div>
				<?php endforeach ?>
				</div><!--/grid-->

	</div>
</div>
</div>



</body>
</html>