<?php $__env->startSection('title'); ?> <?php echo $site_option->name; ?> <?php $__env->stopSection(); ?>



<?php $__env->startSection('url'); ?> <?php echo e(url()); ?> <?php $__env->stopSection(); ?>



<?php $__env->startSection('description'); ?> <?php echo $site_option->description_seo; ?> <?php $__env->stopSection(); ?>



<?php $__env->startSection('keyword'); ?> <?php echo $site_option->keyword_seo; ?> <?php $__env->stopSection(); ?>



<?php $__env->startSection('content'); ?>



<div class="banner">



  <div class="bg" id="banner">



   <?php foreach($slide as $item): ?>



    <div class="item"><img class="img-responsive" src="<?php echo e(url($item->link)); ?>" alt="<?php echo e(@$item->title); ?>"></div>



    <?php endforeach; ?>



  </div>



  <!-- 



  <div class="container slide-content">



    <form class="booking-form form-horizontal" onSubmit="return true" id="ajax-reservation-form" action="" method="post">



      <div class="form">



        <h3>ĐẶT PHÒNG TẠI<br>



          SEN VIỆT PHÚ QUỐC</h3>



        <div class="form-group">



          <div class="col-xs-6">



            <label>Ngày đến</label>



            <input id="check-in-date" class="datepicker form-control" name="FormBook[checkin]" type="text" value="14 Nov 2017" />



            <i class="fa fa-calendar" aria-hidden="true"></i> </div>



          <div class="col-xs-6">



            <label>Ngày đi</label>



            <input id="check-out-date" class="datepicker form-control" placeholder="" name="FormBook[checkout]" type="text" value="16 Nov 2017" />



            <i class="fa fa-calendar" aria-hidden="true"></i> </div>



        </div>



        <div class="form-group">



          <div class="col-xs-4">



            <label>Số phòng</label>



            <select name="FormBook[room]" id="FormBook_room">



              <option value="1">1</option>



              <option value="2">2</option>



              <option value="3">3</option>



            </select>



          </div>



          <div class="col-xs-4">



            <label>Người lớn</label>



            <select name="FormBook[adult]" id="FormBook_adult">



              <option value="1">1</option>



              <option value="2">2</option>



              <option value="3">3</option>



            </select>



          </div>



          <div class="col-xs-4">



            <label>Trẻ em</label>



            <select name="FormBook[children]" id="FormBook_children">



              <option value="0">0</option>



              <option value="1">1</option>



              <option value="2">2</option>



            </select>



          </div>



        </div>



        <div class="form-group">



          <div class="col-sm-12">



            <button type="submit" id="checkrate">ĐẶT PHÒNG</button>



          </div>



        </div>



      </div>



    </form>



  </div> -->



</div>



<div class="general">



  <div class="container">



    <div class="row">



  	<?php foreach($page_home as $item): ?>



      <div class="col-sm-3"> <a href="<?php echo e(url($item->alias)); ?>"><img class="img-responsive" src="<?php echo e(url($item->thumb)); ?>" alt="<?php echo e($item->title); ?>"></a>



        <h3><a href="<?php echo e(url($item->alias)); ?>"><?php echo e($item->title); ?></a></h3>



        <p><?php echo e(Helper::getDescription($item->description,80)); ?></p>



      </div>



<?php endforeach; ?>



    </div>



  </div>



</div>



<div class="google-map">



  <div class="container">



    <div class="row">



      <div class="col-sm-4">



        <h3>Vị Trí</h3>



        <input id="origin-input" class="controls" type="text" placeholder="Từ">



        <input id="destination-input" class="controls" type="text" placeholder="Đến">



        <div id="mode-selector" class="controls">



          <input type="radio" name="type" id="changemode-walking" checked="checked">



          <label for="changemode-walking">Đi bộ</label>



          <input type="radio" name="type" id="changemode-transit">



          <label for="changemode-transit">Chuyển tuyến</label>



          <input type="radio" name="type" id="changemode-driving">



          <label for="changemode-driving">Lái xe</label>



        </div>



      </div>



      <div class="col-sm-8">



        <div id="map"></div>



      </div>



    </div>



  </div>



  <img src="<?php echo e(url('public/project/images')); ?>/banner-map.jpg" class="img-responsive" id="banner-map"> </div>







<div class="sukien">



  <div class="container">



    <h3 class="title text-center"><?php echo e($cate_home->name); ?></h3>



    <div class="row">



      <div class="col-sm-12"> <a href="<?php echo e(url($cate_home->alias)); ?>"><img src="<?php echo e(url($cate_home->image)); ?>" class="img-responsive"></a> </div>







    </div>



  </div>



</div>



<div class="doitac">



  <h3 class="title"><?php echo e($cate_news_home->title); ?></h3>



  <a href="<?php echo e(url($cate_news_home->alias)); ?>"><img src="<?php echo e(url($cate_news_home->image)); ?>" class="img-responsive"></a> </div>



<div class="thietbi">



  <div class="container">



    <div class="row">



      <div class="col-sm-12">



        <h3 class="text-center">Ý KIẾN KHÁCH HÀNG</h3>



      </div>



    </div>



    <div class="row">



      <div id="comment">



      	<?php foreach($customer as $item): ?>



        <div class="item"> <img class="img-responsive" src="<?php echo e(url($item->image)); ?>" alt="<?php echo e($item->title); ?>">



          <p><?php echo e($item->content); ?></p>



          <div>&nbsp;</div>



          <p class="text-right"><?php echo e($item->title); ?></p>



        </div>



		<?php endforeach; ?>







			<?php foreach($customer as $item): ?>



        <div class="item"> <img class="img-responsive" src="<?php echo e(url($item->image)); ?>" alt="<?php echo e($item->title); ?>">



          <p><?php echo e($item->content); ?></p>



          <div>&nbsp;</div>



          <p class="text-right"><?php echo e($item->title); ?></p>



        </div>



		<?php endforeach; ?>







    



      </div>



    </div>



  </div>



</div>



<script>



      function initMap() {







        var map = new google.maps.Map(document.getElementById("map"), {



          mapTypeControl: false,



          center: {lat: 10.243971, lng: 103.9572492},



          zoom: 16



        });



        



        new AutocompleteDirectionsHandler(map);



        



        var image='/<?php echo e(url('public/project/images')); ?>/beachflag.png';







        var beachMarker = new google.maps.Marker({



            position: {lat: 10.243971, lng: 103.9572492},



            map:map,



            icon: image



          });



      }







       /**



        * @constructor



       */



      function AutocompleteDirectionsHandler(map) {



        this.map = map;



        this.originPlaceId = null;



        this.destinationPlaceId = null;



        this.travelMode = "WALKING";



        var originInput = document.getElementById("origin-input");



        var destinationInput = document.getElementById("destination-input");



        var modeSelector = document.getElementById("mode-selector");



        this.directionsService = new google.maps.DirectionsService;



        this.directionsDisplay = new google.maps.DirectionsRenderer;



        this.directionsDisplay.setMap(map);







        var originAutocomplete = new google.maps.places.Autocomplete(



            originInput, {placeIdOnly: true});



        var destinationAutocomplete = new google.maps.places.Autocomplete(



            destinationInput, {placeIdOnly: true});







        this.setupClickListener("changemode-walking", "WALKING");



        this.setupClickListener("changemode-transit", "TRANSIT");



        this.setupClickListener("changemode-driving", "DRIVING");







        this.setupPlaceChangedListener(originAutocomplete, "ORIG");



        this.setupPlaceChangedListener(destinationAutocomplete, "DEST");







        /*this.map.controls[google.maps.ControlPosition.TOP_LEFT].push(originInput);



        this.map.controls[google.maps.ControlPosition.TOP_LEFT].push(destinationInput);



        this.map.controls[google.maps.ControlPosition.TOP_LEFT].push(modeSelector);*/



      }







      // Sets a listener on a radio button to change the filter type on Places



      // Autocomplete.



      AutocompleteDirectionsHandler.prototype.setupClickListener = function(id, mode) {



        var radioButton = document.getElementById(id);



        var me = this;



        radioButton.addEventListener("click", function() {



          me.travelMode = mode;



          me.route();



        });



      };







      AutocompleteDirectionsHandler.prototype.setupPlaceChangedListener = function(autocomplete, mode) {



        var me = this;



        autocomplete.bindTo("bounds", this.map);



        autocomplete.addListener("place_changed", function() {



          var place = autocomplete.getPlace();



          if (!place.place_id) {



            window.alert("Please select an option from the dropdown list.");



            return;



          }



          if (mode === "ORIG") {



            me.originPlaceId = place.place_id;



          } else {



            me.destinationPlaceId = place.place_id;



          }



          me.route();



        });







      };







      AutocompleteDirectionsHandler.prototype.route = function() {



        if (!this.originPlaceId || !this.destinationPlaceId) {



          return;



        }



        var me = this;







        this.directionsService.route({



          origin: {"placeId": this.originPlaceId},



          destination: {"placeId": this.destinationPlaceId},



          travelMode: this.travelMode



        }, function(response, status) {



          if (status === "OK") {



            me.directionsDisplay.setDirections(response);



          } else {



            window.alert("Directions request failed due to " + status);



          }



        });



      };



      </script> 



      <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCHeDjvuWp15ReDfZ0pz_EOqb2fXLrhwp0&libraries=places&callback=initMap"



        async defer></script>







<?php $__env->stopSection(); ?>



		



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