<?php
$session = new \Zend\Session\Container('userlogin');
$user_id = isset($session->userData['user_id']) ? $session->userData['user_id'] : '';
$api_cms_data = $this->mainMenu()->getMenu('api_cms_pages');
?>
<!--<a href="<?php echo $this->url('login'); ?>" data-target="#ajax-modal" data-toggle="modal" data-remote="true" data-keyboard="false" data-backdrop="static" class="click-me"></a>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
$(function () {
<?php if (empty($user_id) || $user_id = "") { ?>
      $(".click-me").click();
<?php } ?>
});
</script>-->
<div>

    <?php echo $this->partial('application/index/city-service-module'); ?>
    <?php echo $this->partial('application/index/city-page-data'); ?>

    <!--<div class="main-contant-inerpage-home">
 
     <div class="container">
         <div class="row">
 
             <div class="col-sm-8">
                 <div class="span12 row_box">
             <h2>Great Holiday Deals For You <span class="pull-right font-size14px padding-rihgt10px"><a href="#">Explore All</a></span></h2>
 
             <ul class="hot-tours" id="flexiselDemoholiday">
                                 <li class="nbs-flexisel-item1">
                             <div class="col-md-12 col-md-3regency col-sm-6 pkg_col">
         <div class="package_con">
 
                         <div class="item tr big">
 
             <div class="package_img ">
                <img src="images/demestic_holidays/1.jpg" alt="">
             </div>
             <span class="package_icon">
 
 
                     <div class="morecat_list">
                         <span title="More Associated Categories" class="more_cat">+more</span>
                         <div class="mc_list">
                             <div class="mcl_header">Holiday type</div>
                             <div class="mcl_con">
                                 <ul>
                                         <li ><i class="filter_icon" title="Escorted Group Holiday">
                                        <div class="group_icon"></div></i> <span>Group Holiday</span></li>
                                         <li ><i class="filter_icon" title="Family">
                                         <div class="family_icon"></div></i> <span>Family</span></li>
                                         <li ><i class="filter_icon" title="Popular">
                                         <div class="populer_icon"></div></i> <span>Popular</span></li>
                                 </ul>
                             </div>
                         </div>
                     </div>
             </span>
                         <a class="package_details" href="javascript: void(0);" onclick="offerEnquiry('holiday_enquiry')">
 
             <div class="package_text">
                 <h4>
                     Agra Tour</h4>
                 <p>
                     3 Nights / 2 Days
                 </p>
                 </div>
 
                 <span class="bk_nw_price">INR<b>70,992</b></span> <span class="book_now_wrap">
                     <span>Book Now<i class="sprite icon_book_arrow"></i></span> </span>
             </a>
         </div>
         </div>
     </div>
                                                 </li>
 
 
       <li class="nbs-flexisel-item1">
         <div class="col-md-12 col-md-3regency col-sm-6 pkg_col">
         <div class="package_con">
             <div class="item tr big">
              <div class="package_img" >
                 <img src="images/demestic_holidays/delhi.jpg" alt="">
             </div>
             <span class="package_icon">
 
 
                     <div class="morecat_list">
                         <span title="More Associated Categories" class="more_cat">+more</span>
                         <div class="mc_list">
                             <div class="mcl_header">Holiday type</div>
                             <div class="mcl_con">
                                 <ul>
                                         <li ><i class="filter_icon" title="Escorted Group Holiday">
                                        <div class="group_icon"></div></i> <span>Group Holiday</span></li>
                                         <li ><i class="filter_icon" title="Family">
                                         <div class="family_icon"></div></i> <span>Family</span></li>
                                         <li ><i class="filter_icon" title="Popular">
                                         <div class="populer_icon"></div></i> <span>Popular</span></li>
                                 </ul>
                             </div>
                         </div>
                     </div>
             </span>
                         <a href="javascript: void(0);" onclick="offerEnquiry('holiday_enquiry')" class="package_details">
             <div class="package_text">
                 <h4>
                     Delhi Tour</h4>
                 <p>
                     5 Nights / 6 Days
                 </p>
                 </div>
 
                 <span class="bk_nw_price">INR<b>70,992</b></span> <span class="book_now_wrap">
                     <span>Book Now<i class="sprite icon_book_arrow"></i></span> </span>
             </a>
         </div>
         </div>
     </div>
     </li>
 
 
 
     <li class="nbs-flexisel-item1">
         <div class="col-md-12 col-md-3regency col-sm-6 pkg_col">
         <div class="package_con">
 
              <div class="item tr big">
 
             <div class="package_img" >
                 <img src="images/demestic_holidays/dehradoon.jpg" alt="">
                </div>
 
             <span class="package_icon">
 
 
                     <div class="morecat_list">
                         <span title="More Associated Categories" class="more_cat">+more</span>
                         <div class="mc_list">
                             <div class="mcl_header">Holiday type</div>
                             <div class="mcl_con">
                                 <ul>
                                         <li ><i class="filter_icon" title="Escorted Group Holiday">
                                        <div class="group_icon"></div></i> <span>Group Holiday</span></li>
                                         <li ><i class="filter_icon" title="Family">
                                         <div class="family_icon"></div></i> <span>Family</span></li>
                                         <li ><i class="filter_icon" title="Popular">
                                         <div class="populer_icon"></div></i> <span>Popular</span></li>
                                 </ul>
                             </div>
                         </div>
                     </div>
             </span>
                         <a class="package_details" href="javascript: void(0);" onclick="offerEnquiry('holiday_enquiry')">
             <div class="package_text">
                 <h4>
                     Dehradun Tour</h4>
                 <p>
                     5 Nights / 6 Days
                 </p>
                 </div>
 
                 <span class="bk_nw_price">INR<b>70,992</b></span> <span class="book_now_wrap">
                     <span>Book Now<i class="sprite icon_book_arrow"></i></span> </span>
             </a>
         </div>
          </div>
     </div>
 
         </li>
 
 
          <li class="nbs-flexisel-item1">
         <div class="col-md-12 col-md-3regency col-sm-6 pkg_col">
         <div class="package_con">
             <div class="item tr big">
             <div class="package_img" >
                 <img src="images/demestic_holidays/coimbatore.jpg" alt="">
             </div>
             <span class="package_icon">
 
 
                     <div class="morecat_list">
                         <span title="More Associated Categories" class="more_cat">+more</span>
                         <div class="mc_list">
                             <div class="mcl_header">Holiday type</div>
                             <div class="mcl_con">
                                 <ul>
                                         <li ><i class="filter_icon" title="Escorted Group Holiday">
                                        <div class="group_icon"></div></i> <span>Group Holiday</span></li>
                                         <li ><i class="filter_icon" title="Family">
                                         <div class="family_icon"></div></i> <span>Family</span></li>
                                         <li ><i class="filter_icon" title="Popular">
                                         <div class="populer_icon"></div></i> <span>Popular</span></li>
                                 </ul>
                             </div>
                         </div>
                     </div>
             </span>
                         <a href="#" class="package_details" href="javascript: void(0);" onclick="offerEnquiry('holiday_enquiry')">
             <div class="package_text">
                 <h4>
                     Coimbatore Tour</h4>
                 <p>
                     5 Nights / 6 Days
                 </p>
                 </div>
 
                 <span class="bk_nw_price">INR<b>70,992</b></span> <span class="book_now_wrap">
                     <span>Book Now<i class="sprite icon_book_arrow"></i></span> </span>
             </a>
         </div>
         </div>
     </div>
       </li>
 
          <li class="nbs-flexisel-item1">
         <div class="col-md-12 col-md-3regency col-sm-6 pkg_col">
         <div class="package_con">
             <div class="item tr big">
             <div class="package_img" >
                 <img src="images/demestic_holidays/kasmir.jpg" alt="">
             </div>
             <span class="package_icon">
 
 
                     <div class="morecat_list">
                         <span title="More Associated Categories" class="more_cat">+more</span>
                         <div class="mc_list">
                             <div class="mcl_header">Holiday type</div>
                             <div class="mcl_con">
                                 <ul>
                                         <li ><i class="filter_icon" title="Escorted Group Holiday">
                                        <div class="group_icon"></div></i> <span>Group Holiday</span></li>
                                         <li ><i class="filter_icon" title="Family">
                                         <div class="family_icon"></div></i> <span>Family</span></li>
                                         <li ><i class="filter_icon" title="Popular">
                                         <div class="populer_icon"></div></i> <span>Popular</span></li>
                                 </ul>
                             </div>
                         </div>
                     </div>
             </span>
                         <a href="javascript: void(0);" onclick="offerEnquiry('holiday_enquiry')" class="package_details">
             <div class="package_text">
                 <h4>
                     Kashmir Tour</h4>
                 <p>
                     5 Nights / 6 Days
                 </p>
                 </div>
 
                 <span class="bk_nw_price">INR<b>70,992</b></span> <span class="book_now_wrap">
                     <span>Book Now<i class="sprite icon_book_arrow"></i></span> </span>
             </a>
         </div>
         </div>
     </div>
     </li>
 
                  <li class="nbs-flexisel-item1">
         <div class="col-md-12 col-md-3regency col-sm-6 pkg_col">
         <div class="package_con">
             <div class="item tr big">
             <div class="package_img" >
                 <img src="images/demestic_holidays/shimla.jpg" alt="">
             </div>
             <span class="package_icon">
 
 
                     <div class="morecat_list">
                         <span title="More Associated Categories" class="more_cat">+more</span>
                         <div class="mc_list">
                             <div class="mcl_header">Holiday type</div>
                             <div class="mcl_con">
                                 <ul>
                                         <li ><i class="filter_icon" title="Escorted Group Holiday">
                                        <div class="group_icon"></div></i> <span>Group Holiday</span></li>
                                         <li ><i class="filter_icon" title="Family">
                                         <div class="family_icon"></div></i> <span>Family</span></li>
                                         <li ><i class="filter_icon" title="Popular">
                                         <div class="populer_icon"></div></i> <span>Popular</span></li>
                                 </ul>
                             </div>
                         </div>
                     </div>
             </span>
                         <a href="javascript: void(0);" onclick="offerEnquiry('holiday_enquiry')" class="package_details">
             <div class="package_text">
                 <h4>
                     Shimla Tour</h4>
                 <p>
                     5 Nights / 6 Days
                 </p>
                 </div>
 
                 <span class="bk_nw_price">INR<b>70,992</b></span> <span class="book_now_wrap">
                     <span>Book Now<i class="sprite icon_book_arrow"></i></span> </span>
             </a>
         </div>
         </div>
     </div>
     </li>
 
 </ul>
 
           </div>
             </div>
 
             <div class="col-sm-4">
                 <h2>Oneway City</h2>
    <?php //echo $this->partial('application/index/one-way'); ?>
             </div>
           </div>
           </div>
           </div>-->







    <!--<div class="main-contant-inerpage-home">

    <div class="container">
        <div class="row">



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

            <h2>We Offer </h2>




            <ul class="" id="flexiselDemohome">
<li align="" href="javascript: void(0);" onclick="offerEnquiry('conference')">
    <div class="col-sm-12">
<div class="confrence">Vehicle for <br />Conference</div>
</div>
</li>
<li align="" href="javascript: void(0);" onclick="offerEnquiry('mice')">
    <div class="col-sm-12">
<div class="mice">Vehicle for <br />MICE</div>
    </div>

</li>
<li align="" href="javascript: void(0);" onclick="offerEnquiry('wedding')">
    <div class="col-sm-12">
<div class="wedding">Vehicle for <br />Wedding</div>
    </div>
</li>
<li align="" href="javascript: void(0);" onclick="offerEnquiry('tours')">
    <div class="col-sm-12">
<div class="tours-home">Vehicle for <br />Tours</div>
    </div>
</li>
<li align="" href="javascript: void(0);" onclick="offerEnquiry('luxury')">
    <div class="col-sm-12">
<div class="lux-car">Luxury Car</div>
    </div>
</li>
<li align="" href="javascript: void(0);" onclick="offerEnquiry('international-destination')">
    <div class="col-sm-12">
<div class="international">Vehicle for <br />International Destination</div>
    </div>
</li>
<li align="" href="javascript: void(0);" onclick="offerEnquiry('self-drive')">
    <div class="col-sm-12">
<div class="selfdriving">Vehicle for <br />Self Driving</div>
    </div>
</li>

</ul>




            </div>


          </div>
          </div>
          </div>-->




    <!--<div class="container">
        <div class="row">
         <div class="col-sm-12 thingk-to-do">
         <h2>Things to Do <span class="pull-right font-size14px padding-rihgt10px"><a href="#">Explore All</a></span></h2>

                <ul class="sightadd hot-tours" id="flexiselDemothinktodo">
<li class="nbs-flexisel-item1">
                            <div class="col-md-12 col-md-3regency col-sm-6 pkg_col">
        <div class="col-sm-12 no-padding expore-style">
                        <div class="daytrip-img">
                        <img src="images/explor-city/akshar-dham.jpg" />
                    </div>

                    <div class="explor-text-style-home">
                    <h3>Akshardham temple</h3>
                    Akshardham is a Hindu temple complex that shows thousand-year-old traditions of the Indian and Hindu culture.
                    </div>
                    </div>
    </div>
                                                </li>

                                                <li class="nbs-flexisel-item1">
                            <div class="col-md-12 col-md-3regency col-sm-6 pkg_col">
        <div class="col-sm-12 no-padding expore-style">
                        <div class="daytrip-img">
                        <img src="images/explor-city/akshar-dham.jpg" />
                    </div>

                    <div class="explor-text-style-home">
                    <h3>Akshardham temple</h3>
                    Akshardham is a Hindu temple complex that shows thousand-year-old traditions of the Indian and Hindu culture.
                    </div>
                    </div>
    </div>
                                                </li>

                                <li class="nbs-flexisel-item1">
                            <div class="col-md-12 col-md-3regency col-sm-6 pkg_col">
        <div class="col-sm-12 no-padding expore-style">
                        <div class="daytrip-img">
                        <img src="images/explor-city/akshar-dham.jpg" />
                    </div>

                    <div class="explor-text-style-home">
                    <h3>Akshardham temple</h3>
                    Akshardham is a Hindu temple complex that shows thousand-year-old traditions of the Indian and Hindu culture.
                    </div>
                    </div>
    </div>
                                                </li>


      <li class="nbs-flexisel-item1">
      <div class="col-md-12 col-md-3regency col-sm-6 pkg_col">
        <div class="col-sm-12 no-padding expore-style">
                        <div class="daytrip-img">
                        <img src="images/explor-city/india-gate.jpg" />
                    </div>

                    <div class="explor-text-style-home">
                    <h3>India Gate</h3>
                    India gate is a famous symbol of Delhi that immortalizes the memory of 90 thousand of solders of British Indian Army 
                    </div>
                    </div>

          </div>
    </li>



    <li class="nbs-flexisel-item1">
    <div class="col-md-12 col-md-3regency col-sm-6 pkg_col">
        <div class="col-sm-12 no-padding expore-style">
                        <div class="daytrip-img">
                        <img src="images/explor-city/lotus-tem.jpg" />
                    </div>

                    <div class="explor-text-style-home">
                    <h3>Lotus Temple</h3>
                    Lotus Temple is one of the most popular attractions in Delhi. The construction works were finished in 1986.
                    </div>
                    </div>
                    </div>

        </li>



         <li class="nbs-flexisel-item1">
        <div class="col-md-12 col-md-3regency col-sm-6 pkg_col">
        <div class="col-sm-12 no-padding expore-style">
                        <div class="daytrip-img">
                        <img src="images/explor-city/red-fort.jpg" />
                    </div>

                    <div class="explor-text-style-home">
                    <h3>Red Fort</h3>
                    Red fort is one of the most important historical buildings and a symbol of architectural beauty and the power of Indian dynasties.
                    </div>
                    </div>
    </div>
    </li>
    <li class="nbs-flexisel-item1">
        <div class="col-md-12 col-md-3regency col-sm-6 pkg_col">
        <div class="col-sm-12 no-padding expore-style">
                        <div class="daytrip-img">
                        <img src="images/explor-city/red-fort.jpg" />
                    </div>

                    <div class="explor-text-style-home">
                    <h3>Red Fort</h3>
                    Red fort is one of the most important historical buildings and a symbol of architectural beauty and the power of Indian dynasties.
                    </div>
                    </div>
    </div>
    </li>


</ul>


            </div>
        </div>
    </div>-->




    <?php if ($this->currentRoute()->getRoute() == 'home') { ?>
        <div class="recently-viewed-items">
            <?php echo $this->partial('application/index/recent-view'); ?>
        </div>
    <?php } ?>




    <div class="main-contant">

        <div class="container">
            <div class="row why-bookingCabs">
                <div class="col-sm-12 alin-center margin-bot40px">
                    <h2>Why book Cab with Booking Cabs</h2>
                </div>

                <?php $menu1 = $this->mainMenu()->getMenu('why_book_cab_with_booking_cabs'); ?>

                <?php
                if (!empty($menu1['responsedata'])) {
                    foreach ($menu1['responsedata'] as $val) {
                        ?>

                        <div class="col-sm-3">
                            <div class=" bokkingcab-services-box">

                                <div class="bookingcab-service-icon"><img src="<?php echo CMS_IMAGE_PATH . $val['page_image']; ?>" /></div>

                                <div class="service-text">
                                    <h2><?php echo $val['page_title']; ?></h2>
                                    <?php echo $val['page_desc']; ?>
                                </div>
                            </div>
                        </div>

                    <?php }
                } ?>

            </div>
        </div>

    </div>

    <div id="who-it-works">

        <div class="col-sm-12 alin-center margin-bot10px"><h2>How it works?</h2></div>
        <!--<div class="col-sm-12 "><img src="images/booking-proses.jpg" width="100%" /></div>-->

<?php $menu2 = $this->mainMenu()->getMenu('how_it_works_homepage_menu'); ?>

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

            <?php
            if (!empty($menu2['responsedata'])) {
                foreach ($menu2['responsedata'] as $val) {
                    ?>

                    <div class="booking-prosess">
                        <div class="bookingcab-service-icon"><img src="<?php echo CMS_IMAGE_PATH . $val['page_image']; ?>"/></div>
                        <h2><?php echo $val['page_title']; ?></h2>
                    <?php echo $val['page_desc']; ?>
                    </div>

    <?php }
} ?>

        </div>
        
         
         <?php if(!empty($api_cms_data['responsedata'])) { ?>        
        <div class="col-sm-12 alin-center margin-bot10px">
            <h2>Leading B2B Cab Search Engine/Guide Reservation/Package Booking</h2>                
        </div>
        <div class="col-sm-12">               
            <div class="row fadeInDown b2b-services" align="center">
                <?php foreach ($api_cms_data['responsedata'] as $val) { ?>
                        <div class="col-xs-12 col-sm-3 col-md-3 homefrature">
                            <div class="recent-work-wrap1">
                                <a href="<?php echo B2B_LINK.$val['page_url'];?>">
                                    <img src="<?php echo B2B_LINK; ?>images/<?php echo $val['page_image']; ?>">
                                    <h2><?php echo $val['page_title']; ?></h2>
                                </a>
                            <?php echo $val['page_desc']; ?>
                            </div>
                        </div>
                <?php } ?>
            </div>
        </div>        
        <?php } ?>

        <div class="app-contant">
            <div class="container">
                <div class="row">
                    <div class="col-sm-6 padding-top35px padding-left50px mobile-img">
                        <img src="images/client-app-image.png" />
                    </div>
                    <div class="col-sm-6 padding-top145px">
                        <div class="col-sm-3"><img src="images/app-iocn.png" /></div>
                        <div class="col-sm-9">
                            <div class="app-text">Download Booking Caps App Now</div>
                            <div class="app-google-icon"><a href="#" target="_blank"><img src="images/google-play-cion.png" /></a></div>
                        </div>
                    </div>
                </div>


            </div>

        </div>



        <section id="recent-works" class="padding12top padding5topbot">
            <div class="container">
                <div class="center col-sm-12 wow fadeInDown animated" style="visibility: visible; animation-name: fadeInDown;">
                    <h2>Our Features</h2>

                </div>

                <div class="row fadeInDown" align="center">
                    <div class="col-xs-12 col-sm-4 col-md-4 homefrature fadeInDown">
                        <div class="recent-work-wrap">
                            <img class="img-responsive" src="images/reliability.png" alt="">
                            <div class="overlay">
                                <div class="recent-work-inner" align="left">
                                    <h3><a href="#">Reliability</a> </h3>
                                    <ul>
                                        <li> Punctual Drivers</li>
                                        <li> Cars availablity surety</li>
                                        <li>Good quality cars</li>
                                        <li>Well groomed drivers</li>
                                        <li>24 x 7 support</li>

                                    </ul>

                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-xs-12 col-sm-4 col-md-4 homefrature">
                        <div class="recent-work-wrap">
                            <img class="img-responsive" src="images/CONVIENCNE.png" alt="">
                            <div class="overlay">
                                <div class="recent-work-inner" align="left">
                                    <h3><a href="#">Convenience</a></h3>
                                    <ul>
                                        <li> Book by Call, Web or App</li>
                                        <li> Book in Advance or Instant</li>
                                        <li>Pay by Cash or Card</li>
                                        <li>Online tracking of Ride</li>
                                        <li>24 x 7 support</li>



                                    </ul>

                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-xs-12 col-sm-4 col-md-4 homefrature">
                        <div class="recent-work-wrap">
                            <img class="img-responsive" src="images/SAFETY.png" alt="">
                            <div class="overlay">
                                <div class="recent-work-inner" align="left">
                                    <h3><a href="#">Safety </a></h3>
                                    <ul>
                                        <li>Cab fitted with Panic button</li>
                                        <li> Real Time Cab Tracking</li>
                                        <li>Police verified Drivers</li>
                                        <li>24 x 7 support</li>
                                    </ul>

                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-xs-12 col-sm-4 col-md-4 homefrature">
                        <div class="recent-work-wrap">
                            <img class="img-responsive" src="images/OUR-FLEET.png" alt="">
                            <div class="overlay">
                                <div class="recent-work-inner" align="left">
                                    <h3><a href="#">Our Fleet </a></h3>
                                    <ul>
                                        <li> Well maintained cars</li>
                                        <li> Well groomed drivers</li>
                                        <li> All types of car</li>
                                        <li>All amenities of comfort</li>



                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-xs-12 col-sm-4 col-md-4 homefrature">
                        <div class="recent-work-wrap">
                            <img class="img-responsive" src="images/OURCHAUFFER.png" alt="">
                            <div class="overlay">
                                <div class="recent-work-inner" align="left">
                                    <h3><a href="#">Our Chauffeur</a></h3>
                                    <ul>
                                        <li> Police verified drivers</li>
                                        <li> Well groomed</li>
                                        <li> Trained in Health &amp; Security</li>

                                    </ul>

                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-xs-12 col-sm-4 col-md-4 homefrature">
                        <div class="recent-work-wrap">
                            <img class="img-responsive" src="images/PRICING.png" alt="">
                            <div class="overlay">
                                <div class="recent-work-inner" align="left">
                                    <h3><a href="#">Our Pricing</a></h3>
                                    <ul>
                                        <li> Transparent pricing structure</li>
                                        <li> No extra charge for luggage</li>
                                        <li>No AC or Night charges</li>
                                        <li>No booking charges or Base fare</li>


                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </section>




    </div>
