<?php
$resultset = $this->resultset;
$baseUrl = $this->baseUrl;

$priceRange = $this->priceRange;



// include search form here home page
echo $this->render("index/home_search_header.phtml" , [$priceRange]);
?>

<div id="fh5co-blog" class="fh5co-section fh5co-hand fh5co-hand1" >
    <div class="col-md-12">
      <div class="col-md-4">
        <div class="col-md-4"><img src="<?php echo $baseUrl;?>public/images/handpiked.png" border="0" alt="" title="" class="des-img"></div>
        <div class="col-md-8">
          <p class="text-gray">Handpicked Package by
            our inhouse destination
            experts.</p>
        </div>
      </div>
      <div class="col-md-4">
        <div class="col-md-4"><img src="<?php echo $baseUrl;?>public/images/personaliez.png" border="0" alt="" title="" class="des-img"></div>
        <div class="col-md-8 ">
          <p class="text-gray">Personalize assistance before
            the trip as well as during the
            trip.</p>
        </div>
      </div>
      <div class="col-md-4">
        <div class="col-md-4"><img src="<?php echo $baseUrl;?>public/images/expert.png" border="0" alt="" title="" class="des-img"></div>
        <div class="col-md-8">
          <p class="text-gray">instant proposal with one
            to one chat options.</p>
        </div>
      </div>
    </div>
    <div class="clearfix"></div>
  </div>


  <div id="fh5co-about" class="fh5co-section Recommended-section" ng-controller="HomePageController">
    <div class="row">
      <h1>Recommended <span>Destination</span></h1>
      <div class=" clearfix"></div>
      <div class="col-md-12">
        
<!--start : loading div here-->
<?php
echo $this->partial("index/recommended-loader.phtml" , compact($baseUrl));
?>          
<!--end : loading div here-->
          
        <div class="col-md-4 nopadding middle_box_recomended" ng-repeat="res in resultset" ng-show="loading==false" ng-cloak >
          <div class="middle_box_over">
            <div class="middle_box_cover">
              <div class="middle_box_content">
                <h1 ng-cloak>{{res.name}}</h1>
                <p ng-cloak>{{res.details}}</p>
              </div>
            </div>
            <img ng-src="<?php echo $baseUrl;?>public/images/{{res.img}}" border="0" alt="" title="" class="middle_box"> </div>
        </div>
         

      </div>
    </div>
    <div class="clearfix"></div>
  </div>



  <div id="fh5co-about" class="fh5co-section trending-ho-section" ng-controller="TrendingToursController">
    <h1>Trending <span>Tours</span></h1>
    <div class=" clearfix"></div>
    <div class="col-md-12 trending-tours-mob">
    
<!--start : loading div here-->
<?php
echo $this->partial("index/trending-tours-loader.phtml" , compact($baseUrl));
?>          
<!--end : loading div here-->
        
    
      <div class="col-md-4 col-sm-6 col-xs-6 col-xxs-12 fh5co-item-wrap trending-box-mob" ng-repeat="result in resultsetTT" ng-show="loadingTT==false" ng-cloak>
      
        <div class="fh5co-item animate-box-- trending-tours">
            <img ng-src="<?php echo $baseUrl;?>public/images/{{result.img}}" class="img-responsive trending-acti-img" alt="{{result.name}}" />
            <div class="clearfix trending-acti-pad"></div>
            <div class="col-md-7"><h3 ng-cloak>{{result.name}}</h3></div>

            <div class="col-md-5"><h3><span class="WebRupee">Rs</span> <span ng-cloak>{{result.price}}</span></h3></div>
            <div class="clearfix"></div>
             <div class="col-md-7">

                <img ng-cloak ng-if="result.night" ng-repeat="_ in ((_ = []) && (_.length=(result.star)) && _) |limitTo:5 track by $index" src="<?php echo $baseUrl;?>public/images/red-star.png" alt="" title="" />
                <img ng-cloak ng-if="result.night" ng-repeat="_ in ((_ = []) && (_.length=(5-result.star)) && _) track by $index" src="<?php echo $baseUrl;?>public/images/gray-star.png" alt="" title="" />
                 
             <h4 ng-cloak>{{result.night}} Nights {{summ(result.night,1)}} Days</h4>
             </div>
            <div class="col-md-5"><input type="submit" class="btn btn-primary btn-danger btn" value="Book Now"></div>

            <div class="clearfix"></div>
        </div>
					
      </div>

    <div class=" clearfix"></div>
    </div>
    <div class="clearfix"></div>
  </div>




<div id="fh5co-about" class="fh5co-section trending-activities-section" ng-controller="TrendingActivityController">
    <h1>Trending <span>Activities</span></h1>
    <div class=" clearfix"></div>
    <div class="col-md-12 trending-tours-mob">
    
    
<!--start : loading div here-->
<?php
echo $this->partial("index/trending-activities-loader.phtml" , compact($baseUrl));
?>          
<!--end : loading div here-->    
    

    <div class="col-md-4 col-sm-6 col-xs-6 col-xxs-12 fh5co-item-wrap trending-box-mob" ng-repeat="result in resultsetTA" ng-show="loadingTA==false" ng-cloak>
        <div class="fh5co-item animate-box-- trending-acti">

            <img ng-src="<?php echo $baseUrl;?>public/images/{{result.img}}" class="img-responsive trending-acti-img" alt="" />
            <div class="clearfix trending-acti-pad"></div>
            <div class="col-md-7"><h3 ng-cloak>{{result.name}}</h3></div>

            <div class="col-md-5"><h3><span class="WebRupee">Rs</span> <span ng-cloak>{{result.price}}</span></h3></div>
            <div class="clearfix"></div>
             <div class="col-md-7">
                 <img src="<?php echo $baseUrl;?>public/images/red-star.png" />
                 <img src="<?php echo $baseUrl;?>public/images/red-star.png" />
                 <img src="<?php echo $baseUrl;?>public/images/red-star.png" />
                 <img src="<?php echo $baseUrl;?>public/images/gray-star.png" />
                 <img src="<?php echo $baseUrl;?>public/images/gray-star.png" />

             <h4>3 Nights 4 Days</h4>
             </div>
            <div class="col-md-5"><input type="submit" class="btn btn-primary btn-danger btn" value="Book Now"></div>
            
            <div class="clearfix"></div>
        </div>
    </div>
                 
    </div>
    <div class="clearfix">&nbsp;</div>
    <div class="clearfix"></div>
</div>



<div id="fh5co-about" class="fh5co-section trending-ho-section" ng-controller="TrendingHotelsController">
    <h1>Trending <span>Hotels</span></h1>
    <div class=" clearfix"></div>
    <div class="col-md-12 trending-tours-mob">

<!--start : loading div here-->
<?php
echo $this->partial("index/trending-hotels-loader.phtml" , compact($baseUrl));
?>          
<!--end : loading div here-->    
      
      <div class="col-md-4 trending-box-mob" ng-repeat="result in resultsetTH" ng-show="loadingTH==false" ng-cloak>
        <div class="trending__hot_middle_box">
          <div class="trending__hot_middle_box_over">
            <div class="trending__hot_middle_box_over_content">
              <p class="no-padding"><img src="<?php echo $baseUrl;?>public/images/red-star.png"><img src="<?php echo $baseUrl;?>public/images/red-star.png"><img src="<?php echo $baseUrl;?>public/images/red-star.png"><img src="<?php echo $baseUrl;?>public/images/gray-star.png"><img src="<?php echo $baseUrl;?>public/images/gray-star.png"></p>
              <h1>{{result.name}} ({{result.location}})</h1>
              <h2><span class="WebRupee">Rs</span> <span>{{result.price}}</span></h2>
            </div>
          </div>
          <img ng-src="<?php echo $baseUrl;?>public/images/{{result.img}}" border="0" alt="" title="" class="middle_box"> </div>
      </div>

    </div>
    <div class="clearfix">&nbsp;</div>
    <div class=" clearfix"></div>
</div>