<div id="booking-form-content" class="booking-form-content">

    <form id="booking-google-form" class="form-header gogole-auto two-date-form" 
          action="https://wpdemo.kimarotec.net/point-to-point-taxi-theme/booking-page/"
          method="POST"> 
        <div class="booking-status"></div>
        <input type="hidden" name="vtc-action" value="classic-b-1-is-submited">
        <div id="booking_control" class="booking_control">
            <input type="hidden" id="cal-distance" name="cal-distance" value="">
            <input type="hidden" id="cal-time" name="cal-time" value="">
            <div class="row vtc-form-fields" style="position:relative; margin-bottom: 15px;">
                <div> 	
                    <div class="form-group col-md-7">                                     
                        <input type="hidden"  id="car-id" value="">     
                        <div class="label-select typeCarsDropDownCar">  
                            <div class="input-group">
                                <span class="input-group-addon"> 
                                    <i class="pe-7s-user"></i> 
                                </span>                    
                                <input type="number" name="f-pax" id="f-piax" class="form-control bordr-left" placeholder="Passengers" required="" min="1" max="16">                                          

                            </div>
                        </div>
                    </div> 
                    <div class="form-group col-md-5">
                        <div class="label-select typeCarsDropDown">  
                            <div class="input-group">
                                <span class="input-group-addon"> 
                                    <i class="pe-7s-refresh-2"></i> 
                                </span>                    
                                <select name="f-oneway" id="f-oneway" class="form-control  typeCarsDropDown-rout  bordr-left" required="" > 
                                    <option value="1" selected >Oneway </option>
                                    <option value="2">Return </option>
                                </select>                     
                            </div>
                        </div>                                
                    </div> 
                </div>  

                <div class="form-group col-md-12">
                    <div class="input-group">
                        <span class="input-group-addon"> 
                            <i class="pe-7s-map-marker"></i>
                        </span> 
                        <div class="label-select">
                            <select name="f-pick-up" id="f-pick-up" class="form-control bordr-left" required="" data-live-search="true" title="Choose your Pick Up ">
                                <option></option><option value="Orly Airport">Orly Airport</option><option value="Paris Rive droite">Paris Rive droite</option><option value="Paris Rive gauche">Paris Rive gauche</option><option value="Roissy Charles De Gaulle">Roissy Charles De Gaulle</option>                            </select>
                        </div>
                    </div>
                </div>
                <div class="form-group col-md-12">
                    <div class="input-group">
                        <span class="input-group-addon"> 
                            <i class="pe-7s-map-marker"></i>
                        </span> 
                        <div class="label-select">
                            <select name="f-end-up" id="f-end-up" class="form-control bordr-left" required="" data-live-search="true" title="Choose your Drop Off ">
                                <option></option><option value="Orly Airport">Orly Airport</option><option value="Paris Rive droite">Paris Rive droite</option><option value="Paris Rive gauche">Paris Rive gauche</option><option value="Roissy Charles De Gaulle">Roissy Charles De Gaulle</option>                            </select>
                        </div>
                    </div>

                </div>                                 
                <!-- ./location -->
                <div class="form-group col-md-12" style="margin-bottom: 0px;">
                    <div class="row">
                        <div class="col-xs-12 col-sm-7">
                            <div class="input-group">
                                <span class="input-group-addon"> 
                                    <i class="pe-7s-date"></i>
                                </span> 
                                <div id="d-pick_update" class="form-group" data-date="12-02-2012" data-date-format="dd-mm-yyyy">
                                    <input class="form-control bordr-left" name="f-pick-up-date" id="f-pick-up-date" type="text" data-date-start-date="+1d" placeholder="Pick up date" required >
                                </div>
                            </div>
                        </div>
                        <div class="col-xs-12 col-sm-5">
                            <div class="input-group">
                                <span class="input-group-addon"> 
                                    <i class="pe-7s-stopwatch"></i>
                                </span> 
                                <div class="label-select">
                                    <select name="f-pick-up-time" id="f-pick-up-time"class="form-control bordr-left" ><option value="00:00">00:00</option><option value="00:30">00:30</option><option value="01:00">01:00</option><option value="01:30">01:30</option><option value="02:00">02:00</option><option value="02:30">02:30</option><option value="03:00">03:00</option><option value="03:30">03:30</option><option value="04:00">04:00</option><option value="04:30">04:30</option><option value="05:00">05:00</option><option value="05:30">05:30</option><option value="06:00">06:00</option><option value="06:30">06:30</option><option value="07:00">07:00</option><option value="07:30">07:30</option><option value="08:00">08:00</option><option value="08:30">08:30</option><option value="09:00">09:00</option><option value="09:30">09:30</option><option selected="selected" value="10:00">10:00</option><option value="10:30">10:30</option><option value="11:00">11:00</option><option value="11:30">11:30</option><option value="12:00">12:00</option><option value="12:30">12:30</option><option value="13:00">13:00</option><option value="13:30">13:30</option><option value="14:00">14:00</option><option value="14:30">14:30</option><option value="15:00">15:00</option><option value="15:30">15:30</option><option value="16:00">16:00</option><option value="16:30">16:30</option><option value="17:00">17:00</option><option value="17:30">17:30</option><option value="18:00">18:00</option><option value="18:30">18:30</option><option value="19:00">19:00</option><option value="19:30">19:30</option><option value="20:00">20:00</option><option value="20:30">20:30</option><option value="21:00">21:00</option><option value="21:30">21:30</option><option value="22:00">22:00</option><option value="22:30">22:30</option><option value="23:00">23:00</option><option value="23:30">23:30</option></select>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="form-group col-md-12 rt-date hide" style="margin-bottom: 4px;margin-top: 18px;">
                    <div class="row">
                        <div class="col-xs-12 col-sm-7">
                            <div class="input-group">
                                <span class="input-group-addon"> 
                                    <i class="pe-7s-date"></i>
                                </span> 
                                <div id="d-retourn_update" class="form-group">
                                    <input class="form-control bordr-left" name="f-end-up-date" id="f-end-up-date" type="text" placeholder="Drop off date" >
                                </div>
                            </div>
                        </div>
                        <div class="col-xs-12 col-sm-5">
                            <div class="input-group">
                                <span class="input-group-addon"> 
                                    <i class="pe-7s-stopwatch"></i>
                                </span> 
                                <div class="label-select">  
                                    <select name="f-end-up-time" id="f-end-up-time"class="form-control bordr-left" ><option value="00:00">00:00</option><option value="00:30">00:30</option><option value="01:00">01:00</option><option value="01:30">01:30</option><option value="02:00">02:00</option><option value="02:30">02:30</option><option value="03:00">03:00</option><option value="03:30">03:30</option><option value="04:00">04:00</option><option value="04:30">04:30</option><option value="05:00">05:00</option><option value="05:30">05:30</option><option value="06:00">06:00</option><option value="06:30">06:30</option><option value="07:00">07:00</option><option value="07:30">07:30</option><option value="08:00">08:00</option><option value="08:30">08:30</option><option value="09:00">09:00</option><option value="09:30">09:30</option><option selected="selected" value="10:00">10:00</option><option value="10:30">10:30</option><option value="11:00">11:00</option><option value="11:30">11:30</option><option value="12:00">12:00</option><option value="12:30">12:30</option><option value="13:00">13:00</option><option value="13:30">13:30</option><option value="14:00">14:00</option><option value="14:30">14:30</option><option value="15:00">15:00</option><option value="15:30">15:30</option><option value="16:00">16:00</option><option value="16:30">16:30</option><option value="17:00">17:00</option><option value="17:30">17:30</option><option value="18:00">18:00</option><option value="18:30">18:30</option><option value="19:00">19:00</option><option value="19:30">19:30</option><option value="20:00">20:00</option><option value="20:30">20:30</option><option value="21:00">21:00</option><option value="21:30">21:30</option><option value="22:00">22:00</option><option value="22:30">22:30</option><option value="23:00">23:00</option><option value="23:30">23:30</option></select>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>  

                <div class="privew-car"></div>
            </div>

            <div id="result_content" class="result_content hide"> 
                <div class="row">
                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" id="resultRightMain" style="display: inline-block;padding-top: 20px; float: left; width:50%">
                        <div id="resultText" style="">
                            <div class="row">

                                <div class="col-md-8 col-md-offset-2" id="estimatedFareDivId" style="display: inline-block;;">
                                    <span>
                                        <strong>Price  : </strong>
                                        <span id="estimatedFareSpanValue"></span>
                                    </span>
                                </div>

                                <div class="myrow" style="display: inline-block;">
                                    <span>
                                        <strong>Distance  : </strong>
                                        <span id="distanceSpanValue"></span>
                                    </span>
                                </div> 

                                <div class="myrow" style="display: inline-block;">
                                    <span>
                                        <strong>Travel time   : </strong>
                                        <span id="durationSpanValue"></span>
                                    </span>
                                </div> 													

                            </div>		
                        </div>
                    </div>
                    <div id="divCheckoutButton" class="col-xs-12 form-group checkout-btn" 
                         style="text-align: center; padding-top: 20px; margin-bottom: 15px; width: 50%; float: right ! important;">

                        <button type="button" class="btn btn-primary " id="vtc-show-map" data-toggle="modal" data-target="#module_map">
                            Show the map			
                        </button>

                        <button type="button" class="btn btn-primary" id="vtc-next-step">
                            Next		
                        </button>

                    </div>
                </div> 
            </div>
            <!-- /.modal -->
            <div class="modal fade" id="module_map" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
                <div class="modal-dialog" role="document">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                            <h4 class="modal-title" id="myModalLabel">Your direction </h4>
                        </div>
                        <div class="modal-body">
                            <div id="map_canvas"></div> 
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
                        </div>
                    </div>
                </div>
            </div>
            <!-- /.modal --> 
            <div class="form-group last vtc-submit-area center">
                <button type="submit" id="find_direction" class=" btn btn-warning btn-block btn-lg" >
                    <i class="load_icon pe-7s-check"> </i>
                    GET A QUOTE                    
                </button>
            </div>
        </div>                                   
    </form>
</div>{"id":8,"date":"2017-01-04T17:29:59","date_gmt":"2017-01-04T17:29:59","guid":{"rendered":"http:\/\/localhost\/modues\/taxi1\/?page_id=8"},"modified":"2017-01-04T17:29:59","modified_gmt":"2017-01-04T17:29:59","slug":"booking","status":"publish","type":"page","link":"https:\/\/wpdemo.kimarotec.net\/point-to-point-taxi-theme\/booking\/","title":{"rendered":"Booking"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row el_class=&#8221;homepage-slider bg-attached&#8221; css=&#8221;.vc_custom_1484005439367{padding-top: 100px !important;padding-bottom: 80px !important;background-image: url(http:\/\/wpdemo.kimarotec.net\/point-to-point-taxi-theme\/wp-content\/uploads\/2017\/01\/family-airport-betterpic.jpg?id=211) !important;background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}&#8221;][vc_column][vc_custom_heading text=&#8221;The best taxi services&#8221; font_container=&#8221;tag:h1|text_align:center|color:%23ffffff&#8221; google_fonts=&#8221;font_family:Open%20Sans%3A300%2C300italic%2Cregular%2Citalic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic|font_style:300%20light%20regular%3A300%3Anormal&#8221;][vc_btn title=&#8221;CALL US +1 123 4567 1234&#8243; align=&#8221;center&#8221; link=&#8221;url:tel%3A%2B123456456|||&#8221; el_class=&#8221; slide-call-btn&#8221;][vc_row_inner][vc_column_inner][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1483814315556{padding-top: 25px !important;}&#8221;][vc_column][vc_row_inner el_class=&#8221; &#8220;][vc_column_inner][vc_column_text]<\/p>\n<h2 class=\"section-title\" style=\"text-align: center;\">OUR CARS<\/h2>\n<p>[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][vc_row_inner css=&#8221;.vc_custom_1487421391816{padding-top: 15px !important;padding-bottom: 25px !important;}&#8221; el_class=&#8221; container &#8220;][vc_column_inner width=&#8221;1\/3&#8243;][vc_single_image image=&#8221;278&#8243; img_size=&#8221;full&#8221; alignment=&#8221;center&#8221;][vc_column_text]<\/p>\n<h3 style=\"text-align: center;\">Business Class<\/h3>\n<p style=\"text-align: center;\">4 passengers<\/p>\n<p>[\/vc_column_text][\/vc_column_inner][vc_column_inner width=&#8221;1\/3&#8243;][vc_single_image image=&#8221;277&#8243; img_size=&#8221;full&#8221; alignment=&#8221;center&#8221;][vc_column_text]<\/p>\n<h3 style=\"text-align: center;\">Business Minivan<\/h3>\n<p style=\"text-align: center;\">7 passengers<\/p>\n<p>[\/vc_column_text][\/vc_column_inner][vc_column_inner width=&#8221;1\/3&#8243;][vc_single_image image=&#8221;276&#8243; img_size=&#8221;full&#8221; alignment=&#8221;center&#8221;][vc_column_text]<\/p>\n<h3 style=\"text-align: center;\">First Class<\/h3>\n<p style=\"text-align: center;\">3 passengers<\/p>\n<p>[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1483814315556{padding-top: 25px !important;}&#8221;][vc_column][vc_row_inner el_class=&#8221; &#8220;][vc_column_inner][vc_column_text]<\/p>\n<h2 class=\"section-title\" style=\"text-align: center;\">How it work ?<\/h2>\n<p style=\"text-align: center;\">the most easy way to privide any surprise at the airprot<\/p>\n<p>[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][vc_row_inner css=&#8221;.vc_custom_1483814902744{padding-top: 15px !important;padding-bottom: 25px !important;}&#8221; el_class=&#8221;how-it-work-section container &#8220;][vc_column_inner width=&#8221;1\/4&#8243;][vc_single_image image=&#8221;215&#8243; img_size=&#8221;full&#8221; alignment=&#8221;center&#8221;][vc_column_text]<\/p>\n<h3>Online boking<\/h3>\n<p>Book online and provide any surprise at the airport and secure payment using paypal | Cart .[\/vc_column_text][\/vc_column_inner][vc_column_inner width=&#8221;1\/4&#8243;][vc_single_image image=&#8221;212&#8243; img_size=&#8221;full&#8221; alignment=&#8221;center&#8221;][vc_column_text]<\/p>\n<h3>Voutcher in minute<\/h3>\n<p>Get all information about your transfer in minute in your email [\/vc_column_text][\/vc_column_inner][vc_column_inner width=&#8221;1\/4&#8243;][vc_single_image image=&#8221;219&#8243; img_size=&#8221;full&#8221; alignment=&#8221;center&#8221;][vc_column_text]<\/p>\n<h3>All active airport<\/h3>\n<p>We work on the most active airport in japon: Paris | tokyo | London | Berlin | New your [\/vc_column_text][\/vc_column_inner][vc_column_inner width=&#8221;1\/4&#8243;][vc_single_image image=&#8221;214&#8243; img_size=&#8221;full&#8221; alignment=&#8221;center&#8221;][vc_column_text]<\/p>\n<h3>Professional drivers<\/h3>\n<p>Our driver will wait for you at the airport holding your name on board at the airport[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>[vc_row el_class=&#8221;homepage-slider bg-attached&#8221; css=&#8221;.vc_custom_1484005439367{padding-top: 100px !important;padding-bottom: 80px !important;background-image: url(http:\/\/wpdemo.kimarotec.net\/point-to-point-taxi-theme\/wp-content\/uploads\/2017\/01\/family-airport-betterpic.jpg?id=211) !important;background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}&#8221;][vc_column][vc_custom_heading text=&#8221;The best taxi services&#8221; font_container=&#8221;tag:h1|text_align:center|color:%23ffffff&#8221; google_fonts=&#8221;font_family:Open%20Sans%3A300%2C300italic%2Cregular%2Citalic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic|font_style:300%20light%20regular%3A300%3Anormal&#8221;][vc_btn title=&#8221;CALL US +1 123 4567 1234&#8243; align=&#8221;center&#8221; link=&#8221;url:tel%3A%2B123456456|||&#8221; el_class=&#8221; slide-call-btn&#8221;][vc_row_inner][vc_column_inner][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1483814315556{padding-top: 25px !important;}&#8221;][vc_column][vc_row_inner el_class=&#8221; &#8220;][vc_column_inner][vc_column_text] OUR CARS [\/vc_column_text][\/vc_column_inner][\/vc_row_inner][vc_row_inner css=&#8221;.vc_custom_1487421391816{padding-top: 15px !important;padding-bottom: 25px !important;}&#8221; el_class=&#8221; container &#8220;][vc_column_inner width=&#8221;1\/3&#8243;][vc_single_image image=&#8221;278&#8243; img_size=&#8221;full&#8221; alignment=&#8221;center&#8221;][vc_column_text] Business Class 4 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"home-page.php","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wpdemo.kimarotec.net\/point-to-point-taxi-theme\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpdemo.kimarotec.net\/point-to-point-taxi-theme\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wpdemo.kimarotec.net\/point-to-point-taxi-theme\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wpdemo.kimarotec.net\/point-to-point-taxi-theme\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wpdemo.kimarotec.net\/point-to-point-taxi-theme\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":0,"href":"https:\/\/wpdemo.kimarotec.net\/point-to-point-taxi-theme\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"wp:attachment":[{"href":"https:\/\/wpdemo.kimarotec.net\/point-to-point-taxi-theme\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}