brucel
/
OldUniVateWebsite


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390
							

<!DOCTYPE html>
<html lang="en-gb" dir="ltr"
	  class='com_rsform view-submissions itemid-154 j38 mm-hover'>

<head>
	<base href="https://www.univateproperties.co.za/old/index.php/timeshare/t-buy-2" />
	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	<meta name="description" content="www.univateproperties.co.za" />
	<meta name="generator" content="Joomla! - Open Source Content Management" />
	<title>Verlorenkloof</title>
	<link href="/old/templates/osprealestate/favicon.ico" rel="shortcut icon" type="image/vnd.microsoft.icon" />
	<link href="/old/t3-assets/dev/bluegrey/templates.osprealestate.less.bootstrap.less.css" rel="stylesheet" type="text/css" />
	<link href="/old/media/modals/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
	<link href="/old/templates/system/css/system.css" rel="stylesheet" type="text/css" />
	<link href="/old/t3-assets/dev/bluegrey/plugins.system.t3.base-bs3.less.frontend-edit.less.css" rel="stylesheet" type="text/css" />
	<link href="/old/t3-assets/dev/bluegrey/plugins.system.t3.base-bs3.less.t3.less.css" rel="stylesheet" type="text/css" />
	<link href="/old/t3-assets/dev/bluegrey/templates.osprealestate.less.core.less.css" rel="stylesheet" type="text/css" />
	<link href="/old/t3-assets/dev/bluegrey/templates.osprealestate.less.typography.less.css" rel="stylesheet" type="text/css" />
	<link href="/old/t3-assets/dev/bluegrey/templates.osprealestate.less.forms.less.css" rel="stylesheet" type="text/css" />
	<link href="/old/t3-assets/dev/bluegrey/templates.osprealestate.less.navigation.less.css" rel="stylesheet" type="text/css" />
	<link href="/old/t3-assets/dev/bluegrey/templates.osprealestate.less.navbar.less.css" rel="stylesheet" type="text/css" />
	<link href="/old/t3-assets/dev/bluegrey/templates.osprealestate.less.modules.less.css" rel="stylesheet" type="text/css" />
	<link href="/old/t3-assets/dev/bluegrey/templates.osprealestate.less.joomla.less.css" rel="stylesheet" type="text/css" />
	<link href="/old/t3-assets/dev/bluegrey/templates.osprealestate.less.components.less.css" rel="stylesheet" type="text/css" />
	<link href="/old/t3-assets/dev/bluegrey/templates.osprealestate.less.style.less.css" rel="stylesheet" type="text/css" />
	<link href="/old/t3-assets/dev/bluegrey/templates.osprealestate.less.template.less.css" rel="stylesheet" type="text/css" />
	<link href="/old/t3-assets/dev/bluegrey/plugins.system.t3.base-bs3.less.non-responsive.less.css" rel="stylesheet" type="text/css" />
	<link href="/old/t3-assets/dev/bluegrey/plugins.system.t3.base-bs3.less.megamenu.less.css" rel="stylesheet" type="text/css" />
	<link href="/old/t3-assets/dev/bluegrey/templates.osprealestate.less.megamenu.less.css" rel="stylesheet" type="text/css" />
	<link href="/old/templates/osprealestate/fonts/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
	<link href="/old/t3-assets/dev/bluegrey/templates.osprealestate.less.custom.less.css" rel="stylesheet" type="text/css" />
	<link href="/old/modules/mod_bt_login/tmpl/css/style2.0.css" rel="stylesheet" type="text/css" />
	<link href="/old/modules/mod_os_social/asset/css.css" rel="stylesheet" type="text/css" />
	<style>
.rolldown-list {
  text-align: left;
  padding: 0;
  margin: 0;
}

.rolldown-list li {
  padding: 1em;
  margin-bottom: .125em;
  display: block;
  list-style: none;    color: black;
  font-weight: bold;
  text-transform: uppercase;
}

.rolldown-list li {
  visibility: hidden;
  -webkit-animation: rolldown .7s 1;
          animation: rolldown .7s 1;
  -webkit-transform-origin: 50% 0;
          transform-origin: 50% 0;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

.rolldown-list li:nth-child(2n) {
  background-color: #e8e3e3;
}

.rolldown-list li:nth-child(2n+1) {
  background-color: white;
}

#myList {
  position: relative;
  width: 50%;
  left: 50%;
  margin-left: -25%;
}

#btnReload {
  float: right;
  color: #333;
  background: #ccc;
  text-transform: uppercase;
  border: none;
  padding: .5em 1em;
}

#btnReload:hover {
  background: #ddd;
}

@-webkit-keyframes rolldown {
  0% {
    visibility: visible;
    -webkit-transform: rotateX(180deg) perspective(500px);
            transform: rotateX(180deg) perspective(500px);
  }
  70% {
    visibility: visible;
    -webkit-transform: rotateX(-20deg);
            transform: rotateX(-20deg);
  }
  100% {
    visibility: visible;
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg);
  }
}

@keyframes rolldown {
  0% {
    visibility: visible;
    -webkit-transform: rotateX(180deg) perspective(500px);
            transform: rotateX(180deg) perspective(500px);
  }
  70% {
    visibility: visible;
    -webkit-transform: rotateX(-20deg);
            transform: rotateX(-20deg);
  }
  100% {
    visibility: visible;
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg);
  }
}

table { border-collapse: collapse; border-spacing: 0; }
img { border: 0; max-width: 100%; }

h1 { 
  font-family: 'Amarante', Tahoma, sans-serif;
  font-weight: bold;
  font-size: 3.6em;
  line-height: 1.7em;
  margin-bottom: 10px;
  text-align: center;
}


/** page structure **/
#wrapper {
  display: block;
  width: 1010px;
  background: #fff;
  margin: 0 auto;
  padding: 10px 17px;
  -webkit-box-shadow: 2px 2px 3px -1px rgba(0,0,0,0.35);
}

#keywords {
  margin: 0 auto;
  font-size: 1.2em;
  margin-bottom: 15px;
}


#keywords thead {
  cursor: pointer;
  background: #c9dff0;
}
#keywords thead tr th { 
  font-weight: bold;
  padding: 12px 30px;
  padding-left: 42px;
}
#keywords thead tr th span { 
  padding-right: 20px;
  background-repeat: no-repeat;
  background-position: 100% 100%;
}

#keywords thead tr th.headerSortUp, #keywords thead tr th.headerSortDown {
  background: #acc8dd;
}

#keywords thead tr th.headerSortUp span {
  background-image: url('https://i.imgur.com/SP99ZPJ.png');
}
#keywords thead tr th.headerSortDown span {
  background-image: url('https://i.imgur.com/RkA9MBo.png');
}


#keywords tbody tr { 
  color: #555;
}
#keywords tbody tr td {
  text-align: center;
  padding: 15px 10px;
}
#keywords tbody tr td.lalign {
  text-align: left;
}

	</style>
	
	<style type="text/css">
.container {width: 970px !important;} .t3-wrapper, .wrap {min-width: 970px !important;}
	</style>
	<script type="application/json" class="joomla-script-options new">{"csrf.token":"d9c71cdb4667d9f2730428a8f1ba0be9","system.paths":{"root":"\/old","base":"\/old"},"rl_modals":{"class":"modal_link","defaults":{"opacity":"0.8","width":"700","height":"400","maxWidth":"95%","maxHeight":"95%","current":"{current} \/ {total}","previous":"previous","next":"next","close":"close","xhrError":"This content failed to load.","imgError":"This image failed to load."},"auto_correct_size":1,"auto_correct_size_delay":0},"system.keepalive":{"interval":840000,"uri":"\/old\/index.php\/component\/ajax\/?format=json"},"joomla.jtext":{"REQUIRED_FILL_ALL":"Please enter data in all fields.","E_LOGIN_AUTHENTICATE":"Username and password do not match or you do not have an account yet.","REQUIRED_NAME":"Please enter your name!","REQUIRED_USERNAME":"Please enter your username!","REQUIRED_PASSWORD":"Please enter your password!","REQUIRED_VERIFY_PASSWORD":"Please re-enter your password!","PASSWORD_NOT_MATCH":"Password does not match the verify password!","REQUIRED_EMAIL":"Please enter your email!","EMAIL_INVALID":"Please enter a valid email!","REQUIRED_VERIFY_EMAIL":"Please re-enter your email!","EMAIL_NOT_MATCH":"Email does not match the verify email!","CAPTCHA_REQUIRED":"Please enter captcha key"}}</script>
	<script src="/old/media/jui/js/jquery.min.js?6364477b993bf38d3386797c3bd632f0" type="text/javascript"></script>
	<script src="/old/media/jui/js/jquery-noconflict.js?6364477b993bf38d3386797c3bd632f0" type="text/javascript"></script>
	<script src="/old/media/jui/js/jquery-migrate.min.js?6364477b993bf38d3386797c3bd632f0" type="text/javascript"></script>
	<script src="/old/plugins/system/t3/base-bs3/bootstrap/js/bootstrap.js?6364477b993bf38d3386797c3bd632f0" type="text/javascript"></script>
	<script src="/old/media/system/js/core.js?6364477b993bf38d3386797c3bd632f0" type="text/javascript"></script>
	<script src="/old/media/modals/js/jquery.touchSwipe.min.js" type="text/javascript"></script>
	<script src="/old/media/modals/js/jquery.colorbox-min.js" type="text/javascript"></script>
	<script src="/old/media/modals/js/script.min.js?v=9.13.0" type="text/javascript"></script>
	<script src="/old/plugins/system/t3/base-bs3/js/jquery.tap.min.js" type="text/javascript"></script>
	<script src="/old/plugins/system/t3/base-bs3/js/script.js" type="text/javascript"></script>
	<script src="/old/plugins/system/t3/base-bs3/js/menu.js" type="text/javascript"></script>
	<script src="/old/plugins/system/t3/base-bs3/js/frontend-edit.js" type="text/javascript"></script>
	<script src="/old/templates/osprealestate/js/modernizr.custom.js" type="text/javascript"></script>
	<!--[if lt IE 9]><script src="/old/media/system/js/polyfill.event.js?6364477b993bf38d3386797c3bd632f0" type="text/javascript"></script><![endif]-->
	<script src="/old/media/system/js/keepalive.js?6364477b993bf38d3386797c3bd632f0" type="text/javascript"></script>
	<script src="/old/modules/mod_bt_login/tmpl/js/jquery.simplemodal.js" type="text/javascript"></script>
	<script src="/old/modules/mod_bt_login/tmpl/js/default.js" type="text/javascript"></script>
	<script type="text/javascript">
jQuery(function($){ initTooltips(); $("body").on("subform-row-add", initTooltips); function initTooltips (event, container) { container = container || document;$(container).find(".hasTooltip").tooltip({"html": true,"container": "body"});} });
	</script>

	
<!-- META FOR IOS & HANDHELD -->
<meta name="HandheldFriendly" content="true"/>
<meta name="apple-mobile-web-app-capable" content="YES"/>
<!-- //META FOR IOS & HANDHELD -->


<link href='http://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>

<!-- Le HTML5 shim and media query for IE8 support -->
<!--[if lt IE 9]>
<script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
<script type="text/javascript" src="/old/plugins/system/t3/base-bs3/js/respond.min.js"></script>
<![endif]-->

<!-- You can add Google Analytics here or use T3 Injection feature -->

<style>
/**
 * Tabs
 */
.tabs {
	display: flex;
	flex-wrap: wrap; // make sure it wraps
}
.tabs label {
	order: 1; // Put the labels first
	display: block;
	padding: 1rem 2rem;
	margin-right: 0.2rem;
	cursor: pointer;
  background: #90CAF9;
  font-weight: bold;
  transition: background ease 0.2s;
}
.tabs .tab {
  order: 99; // Put the tabs last
  flex-grow: 1;
	width: 100%;
	display: none;
  padding: 1rem;
  background: #e1e1e1;
}
.tabs input[type="radio"] {
	display: none;
}
.tabs input[type="radio"]:checked + label {
	background: #e1e1e1;
}
.tabs input[type="radio"]:checked + label + .tab {
	display: block;
}

@media (max-width: 45em) {
  .tabs .tab,
  .tabs label {
    order: initial;
  }
  .tabs label {
    width: 100%;
    margin-right: 0;
    margin-top: 0.2rem;
  }
}


</style>
@extends('master')
</head>

<body>

@include('partials.menu')

<h1>Jackalberry Ridge</h1>
<div class="row">


<div class="large-12 colums">
<table style="margin-left: -9rem;" id="keywords" cellspacing="0" cellpadding="0">
    <thead>
      <tr>
        <th><span>Resort</span></th>
        <th><span>Unit Number</span></th>
        <th><span>Week Number</span></th>
        <th><span>Module</span></th>
        <th><span>Bedrooms</span></th>
        <th><span>Season</span></th>
        <th><span>Price</span></th>
        <th><span>Status</span></th>
        <th><span>Interested</span></th>
      </tr>
    </thead>
    <tbody>
	@foreach($timeshares as $timeshare)
      <tr>
        <td class="lalign">{{ $timeshare->resort }}</td>
        <td>{{ $timeshare->unit }}</td>
        <td>{{ $timeshare->week }}</td>
        <td>{{ $timeshare->module }}</td>
        <td>{{ $timeshare->bedrooms }}</td>
        <td>{{ $timeshare->season }}</td>
		    <td>R {{ $timeshare->setPrice }}</td>
        <td>{{ $timeshare->status }}</td>
		<td><a href="/interested/{{ $timeshare->id }}"><i class="fa fa-flag" aria-hidden="true"></i></a></td>
      </tr>
	  @endforeach
    </tbody>
  </table>

  <?php echo $timeshares->links(); ?>

  <div class="row">
    <div class="large-12 columns">
    <a href="/to-buy"><button style="margin-left:auto;margin-right:auto;display:block;">Back to Regions</button></a>

    </div>
  
  </div>

</div>
  <div class="large-4 colums">
    <p></p>
    <p></p>
    <p></p>
  </div>
</div>

<div class="row">
    <div class="large-6 columns">
        <img style="width: 100%;" src="{{ $resort->image1 }}" />
    </div>
    <div class="large-6 columns">
    <img style="width: 100%;" src="{{ $resort->image2 }}" />
    </div>
    <br><br>
    <div class="row">
      <div class="large-12 columns">
      <br>
      <p>{{ $resort->information }}</p>
      </div>
</div>
</div>


<div style="margin-bottom: 3rem;" class="row">
  <div class="large-12 columns">
      <div class="tabs">
      <input type="radio" name="tabs" id="tabone" checked="checked">
      <label for="tabone">Directions</label>
      <div class="tab">
      <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3605.6023315001485!2d31.78253141501251!3d-25.351121983824825!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x1ee7dc990d1e9255%3A0x923ddd195426aaf3!2sJackalberry+Ridge!5e0!3m2!1sen!2sza!4v1541072712031" width="100%" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>
        </div>
      <input type="radio" name="tabs" id="tabtwo">
      <label for="tabtwo">Resort LayOut</label>
      <div class="tab">
        <img src="/images/resort_layouts/JRLayout.jpeg" />
      </div>
      
    </div>
  </div>
</div>

@include('partials.footer')

</body>

</html>