<?php 
	require "models/rivermedia.php";
	$rivermedia = new RIVERMEDIA;
	$rivermedia->auth();
?>
<!DOCTYPE html>
<html lang="en">
<head>
<?php include_once('includes/head.php'); ?>
</head>
<body>
<!-- Navigation -->
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<?php include_once('includes/nav.php'); ?>
</nav>

    <!-- Header Carousel -->
    <header id="myCarousel" class="carousel slide" style="z-index:1000;">
        <!-- Indicators -->
        <ol class="carousel-indicators">
            <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
            <li data-target="#myCarousel" data-slide-to="1"></li>
            <li data-target="#myCarousel" data-slide-to="2"></li>
            <li data-target="#myCarousel" data-slide-to="3"></li>
        </ol>

        <!-- Wrapper for slides -->
        <div class="carousel-inner">
            <div class="item active">
                <div class="fill" style="background-image:url('public/media/slide/1.jpg');"></div>
                <div class="carousel-caption">
                    <h2>&nbsp;</h2>
                </div>
            </div>
            <div class="item">
                <div class="fill" style="background-image:url('public/media/slide/2.jpg');"></div>
                <div class="carousel-caption">
                    <h2>&nbsp;</h2>
                </div>
            </div>
            <div class="item">
                <div class="fill" style="background-image:url('public/media/slide/3.jpg');"></div>
                <div class="carousel-caption">
                    <h2>&nbsp;</h2>
                </div>
            </div>
            <div class="item">
                <div class="fill" style="background-image:url('public/media/slide/4.jpg');"></div>
                <div class="carousel-caption">
                    <h2>&nbsp;</h2>
                </div>
            </div>
        </div>

        <!-- Controls -->
        <a class="left carousel-control" href="#myCarousel" data-slide="prev">
            <span class="icon-prev"></span>
        </a>
        <a class="right carousel-control" href="#myCarousel" data-slide="next">
            <span class="icon-next"></span>
        </a>
    </header>


<!-- Page Content -->
<div class="container"> 
  
  <!-- Section -->
  <div class="row">
    <div class="col-lg-12">
      &nbsp;
    </div>
  </div>
  <!-- /.row --> 
 <!-- Section: search form -->
<?php include_once('includes/searchform.php'); ?>
 <!-- /.row -->
  
  <!-- Section -->
  <div class="row">
    <!-- Categories column -->
    <div class="col-xs-12 col-sm-12 col-md-3 col-lg-3">
          <!-- Nested row -->
        <div class="row" id="contact_details_column">
          <h4>Contact Details</h4>
          <p><i class="fa fa-map-marker blue col-md-2"></i> <span class="col-md-10">River Park<br />1 Pontoon Road<br />East London<br />5201</span></p>
          <div class="clearfix"></div>
          <br />
          <p><i class="fa fa-paper-plane blue col-md-2"></i> <span class="col-md-10">P/Bag X9027<br />East London<br />5200</span></p>
          <div class="clearfix"></div>
          <br />
          <p><i class="fa fa-phone blue col-md-2"></i> <span class="col-md-10">+27(0)43 711 4810</span></p>
          <div class="clearfix"></div>
          <br />
          <p><i class="fa fa-fax blue col-md-2"></i> <span class="col-md-10">086 611 0797</span></p>
          <div class="clearfix"></div>
          <br />
          <p><i class="fa fa-envelope blue col-md-2"></i> <span class="col-md-10"><a href="mailto:bookshop@myriver.com">bookshop@myriver.com</a></span></p>
          <div class="clearfix"></div>
        </div>
          <!-- /.nested row -->
    </div>
    <!-- /.categories column -->
    
    <!-- Column -->
    <div class="col-xs-12 col-sm-12 col-md-9 col-lg-9">
      <!-- Nested row -->
      <div class="row">
          <h4>Contact Form</h4>
          <div id="ajax_contact_form"></div>
      </div>
      <!-- /.nested row -->
      

    </div>
    <!-- End column -->
    
    <div class="clearfix"></div>
  </div>
  <!-- /.row -->
  
  <!-- Features Section 
  <div class="row">
    <div class="col-lg-12">
      <h2 class="page-header">Featured Product</h2>
    </div>
    <div class="col-md-6">
      <p>Product name</p>
      <ul>
        <li><strong>R</strong>150 </li>
        <li>Artist</li>
      </ul>
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corporis, omnis doloremque non cum id reprehenderit, quisquam totam aspernatur tempora minima unde aliquid ea culpa sunt. Reiciendis quia dolorum ducimus unde.</p>
    </div>
    <div class="col-md-6"> <img class="img-responsive" src="http://placehold.it/700x450" alt=""> </div>
  </div>
   /.row -->
  <hr>
  <!-- Footer -->
  <footer>
<?php include_once('includes/footer.php'); ?>
  </footer>
</div>
<!-- /.container --> 
<?php include_once('includes/javascript.php'); ?>
<?php include_once('includes/modals.php'); ?>
<?php 
$arrUrl = explode("/", $_SERVER['REQUEST_URI']);
$pageName = array_pop($arrUrl);
?>
<div id="page_name" class="hidden"><?php echo $pageName; ?></div> 
<?php include_once('includes/mask.php'); ?>
<?php include_once('includes/catsubmit.php'); ?>
</body>
</html>
