<?php $__env->startSection('title'); ?> <?php echo e(lang('Book Secure','Book Secure')); ?><?php $__env->stopSection(); ?>
<?php $__env->startSection('content'); ?> 
<section id="main">
  <div class="rooms-list">
	<header data-animatedtop="" data-animatedbottom="" data-animatedx="" class="partial-banner" data-timeweather="/weather.htm">
            <img src='<?php echo e(@$bannerRow->link); ?>' class='background'>
		<style>
			.background{
				width: 1903px;
    height: 979.51px;
    left: 0px;
    top: -289.755px;
    opacity: 0.6;
			}
		</style>
		<style>
	#container {
		max-width: 1200px;
		margin: auto;
		display: block!Important
	}
</style>
        </header>
    <div class="fixed-left-sidebar-layout">
      <article style="min-height: 793px;" class="">
		  <div id="container">
		          <header style="padding-top: 30px">
          
          <h1 class="content-title multiline"> <span class="subhead"><?php echo e($site_option->company); ?></span> Book Secure </h1>
         
        </header>
        <section class="rooms" id="container">
<!--
          <div id="filter-box">
            <div class="left"> Filter By:
              <ul class="filters">
                <li class="selected" data-roomtype="all"> <a href="javascript:void(0);" class="upcase">View All</a> </li>
                <li class="" data-roomtype="room"> <a href="javascript:void(0);" class="upcase">Rooms</a> </li>
                <li class="" data-roomtype="suite"> <a href="javascript:void(0);" class="upcase">Suites</a> </li>
              </ul>
            </div>
            <form class="right" action="/compare.htm" method="get">
              <button disabled="disabled" class="button-medium">Compare</button>
              <ul class="selections">
                <li class="">
                  <input name="room1" value="" type="hidden">
                  <img src=""> 1 </li>
                <li class="">
                  <input name="room2" value="" type="hidden">
                  <img src=""> 2 </li>
                <li class="">
                  <input name="room3" value="" type="hidden">
                  <img src=""> 3 </li>
              </ul>
              <div class="messaging only-message"> <span class="remaining-message left-3">Select up to 3 rooms to compare </span> <span class="remaining-message left-2">Add up to 2 more rooms </span> <span class="remaining-message left-1">Add up to 1 more room </span> <a href="javascript:void(0);" class="clear upcase">Clear All</a> </div>
            </form>
          </div>
-->
          <ul style='display: flex;'>
			<?php foreach($list_pro as $item): ?>
            <li class='column columns-4 first-row promo-tile'>
              <div class='image-holder'><a href='<?php echo e($item->alias); ?>'><img src='<?php echo e($item->thumb); ?>'></a></div>
              <div class='info'><a href='<?php echo e($item->alias); ?>'>
                <h5 class='reverse'><?php echo e($item->name); ?></h5>
                </a>
                <dl>
                  <dt>Size</dt>
                  <dd><?php echo e($item->option_2); ?></dd>
                </dl>
                <div class='price'>Price from <?php echo e(Helper::adddotstring($item->price_sale)); ?>VNĐ/ per night</div>
                <a href='<?php echo e($item->alias); ?>' class='upcase with-arrow'>View Room Details</a>
				  <a href='<?php echo e(url('checkout-book-secure')); ?>/<?php echo e($item->id); ?>' class='button button-medium'>Select This Room</a></div>
            </li>
            <?php endforeach; ?>
          </ul>
        </section>
        <div style="position: fixed; display: none;" class="back-to-top"> <span class="icon"></span> <a href="#" class="upcase">BACK TO TOP</a> </div>
		  </div>

      </article>
    </div>
  </div>
</section>
    <script type="text/javascript">
        moment.lang('lasiesta', {
            monthsShort: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
            months: ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"],
            weekdaysMin: ["S", "M", "T", "W", "T", "F", "S"]
        });
    </script>
<script type="text/javascript" src="assets/Scripts/Roomdetail.js"></script>
<script type="text/javascript">
    Ply.ui.register('rooms-detail', {
        view: $('.rooms-detail'),
        options: {
            invalidDates: [],
            todayTimestamp: '<?php date('d/m/Y',time()); date('h/s/i',time());?>'
        }
    })
</script>       


<?php $__env->stopSection(); ?>
<?php echo $__env->make('frontend.layout.layout', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>