<div id="preloader">
    <div id="status">&nbsp;</div>
</div>


<!-------------------------------------------------------------- main Heading ------------------------------------------------------------------- -->
<div class="jrpass-container">

    <label class="container-title">
        <h2 class="jrpass-main-tittle">JR Pass Order</h2>
    </label>

    <div class="breadcrumb-container">
        <div class="breadcrumb-row-container js-form-wrapper form-wrapper">
            <div class="breadcrumb-item-container active">
                <label class="breadcrumb-item-label"> 1. Choose Pass </label>
            </div>
            <div class="breadcrumb-triangle-container">
                <div class="breadcrumb-triangle-border-prefix"></div>
                <div class="breadcrumb-triangle-border"></div>
                <div class="breadcrumb-triangle active"></div>
            </div>
            <div class="breadcrumb-item-container">
                <label class="breadcrumb-item-label"> 2. Order Info </label>
            </div>
            <div class="breadcrumb-triangle-container">
                <div class="breadcrumb-triangle-border-prefix"></div>
                <div class="breadcrumb-triangle-border"></div>
                <div class="breadcrumb-triangle"></div>
            </div>
            <div class="breadcrumb-item-container">
                <label class="breadcrumb-item-label"> 3. Payment Info </label>
            </div>
            <div class="breadcrumb-triangle-container">
                <div class="breadcrumb-triangle-border-prefix"></div>
                <div class="breadcrumb-triangle-border"></div>
                <div class="breadcrumb-triangle"></div>
            </div>
            <!--     <div class="breadcrumb-item-container">
            <label class="breadcrumb-item-label"> 4. Review Order </label>
        </div>
        <div class="breadcrumb-triangle-container">
            <div class="breadcrumb-triangle-border-prefix"></div>
            <div class="breadcrumb-triangle-border"></div>
            <div class="breadcrumb-triangle"></div>
        </div> -->
            <div class="breadcrumb-item-container">
                <label class="breadcrumb-item-label">4. Complete </label>
            </div>
            <div class="breadcrumb-triangle-container">
                <div class="breadcrumb-triangle-border-prefix"></div>
                <div class="breadcrumb-triangle-border"></div>
                <div class="breadcrumb-triangle"></div>
            </div>
        </div>
    </div>

    <div class="info-title-container about-jrpass-title-container">
        <div class="info-title" data-drupal-selector="edit-about-jrpass-title" for="edit-about-jrpass-title"> About JR Pass Purchase Flow </div>
    </div>

    <div class="about_jrpass_body">
        Order Here!    </div>

    <!--------------------------------------------------------------------------JR Pass Booking ------------------------------------------------------------------------------- -->

    <div class="main_jrpass">
        <div class="main-title-jr_pass">
            <h4> 1. Choose Pass </h4>
            <div id="tabs">
                <ul class="package_tab">
                    <li><a class="ui-tabs-anchor" href="#tabs-1"> Ordinary </a></li>
                    <li><a class="ui-tabs-anchor" href="#tabs-2"> Green </a></li>
                </ul>
                <!-- ---------------------------- Ordinary-------------------------------------------------------------------------------- -->

                <div id="tabs-1">
                    <div class="package-border">
                        <p class="jr_pass_passenger-type"> Adult (from 12 years old) </p>
                    </div>

                    <!-- Package Item -->

                    <div class="package-jrpass">


                        
                            
                                <div class="jrpass_packageItem">
                                    <div class="package_itemHeading">
                                        <p class="package_Heading_p"> 7 Days </p>
                                    </div>
                                    <div class="package_itembody">
                                        <div class="package_price">USD 317.00 </div>
                                        <select id="qty" class="jrcpackage" data-packageid=" 1" data-packagetype="Ordinary" data-packagename="7 Days" data-packageprice="317.00" data-passenger_type="Adult" data-handlingfee="30">
                                            <option value="0" selected>0</option>
                                            <option value="1">1</option>
                                            <option value="2">2</option>
                                            <option value="3">3</option>
                                            <option value="4">4</option>
                                            <option value="5">5</option>
                                        </select>
                                    </div>
                                </div>


                                                    
                            
                                <div class="jrpass_packageItem">
                                    <div class="package_itemHeading">
                                        <p class="package_Heading_p"> 14 Days </p>
                                    </div>
                                    <div class="package_itembody">
                                        <div class="package_price">USD 508.00 </div>
                                        <select id="qty" class="jrcpackage" data-packageid=" 2" data-packagetype="Ordinary" data-packagename="14 Days" data-packageprice="508.00" data-passenger_type="Adult" data-handlingfee="30">
                                            <option value="0" selected>0</option>
                                            <option value="1">1</option>
                                            <option value="2">2</option>
                                            <option value="3">3</option>
                                            <option value="4">4</option>
                                            <option value="5">5</option>
                                        </select>
                                    </div>
                                </div>


                                                    
                            
                                <div class="jrpass_packageItem">
                                    <div class="package_itemHeading">
                                        <p class="package_Heading_p"> 21 Days </p>
                                    </div>
                                    <div class="package_itembody">
                                        <div class="package_price">USD 635.00 </div>
                                        <select id="qty" class="jrcpackage" data-packageid=" 4" data-packagetype="Ordinary" data-packagename="21 Days" data-packageprice="635.00" data-passenger_type="Adult" data-handlingfee="30">
                                            <option value="0" selected>0</option>
                                            <option value="1">1</option>
                                            <option value="2">2</option>
                                            <option value="3">3</option>
                                            <option value="4">4</option>
                                            <option value="5">5</option>
                                        </select>
                                    </div>
                                </div>


                                                    
                                                    
                                                    
                                                    
                                                    
                                                    
                                                    
                                                    
                                                    
                                                    


                    </div>




                    <!-- ---------------------------- Passanger Type-------------------------------------------------------------------------------- -->

                    <div class="package-border_child">
                        <p class="jr_pass_passenger-type"> Child (6~11 years old) </p>
                    </div>


                    <div class="package-jrpass">
                        
                                                    
                                                    
                                                    
                            
                                <div class="jrpass_packageItem">
                                    <div class="package_itemHeading">
                                        <p class="package_Heading_p">7 Days</p>
                                    </div>
                                    <div class="package_itembody">
                                        <div class="package_price">USD 159.00 </div>
                                        <select id="qty" class="jrcpackage" data-packageid=" 5 " data-packagetype="Ordinary" data-packagename="7 Days" data-packageprice="159.00" data-passenger_type="Child" data-handlingfee="30">
                                            <option value="0" selected>0</option>
                                            <option value="1">1</option>
                                            <option value="2">2</option>
                                            <option value="3">3</option>
                                            <option value="4">4</option>
                                            <option value="5">5</option>
                                        </select>
                                    </div>
                                </div>

                                                    
                            
                                <div class="jrpass_packageItem">
                                    <div class="package_itemHeading">
                                        <p class="package_Heading_p">14 Days</p>
                                    </div>
                                    <div class="package_itembody">
                                        <div class="package_price">USD 254.00 </div>
                                        <select id="qty" class="jrcpackage" data-packageid=" 6 " data-packagetype="Ordinary" data-packagename="14 Days" data-packageprice="254.00" data-passenger_type="Child" data-handlingfee="30">
                                            <option value="0" selected>0</option>
                                            <option value="1">1</option>
                                            <option value="2">2</option>
                                            <option value="3">3</option>
                                            <option value="4">4</option>
                                            <option value="5">5</option>
                                        </select>
                                    </div>
                                </div>

                                                    
                                                    
                                                    
                                                    
                                                    
                                                    
                                                    
                            
                                <div class="jrpass_packageItem">
                                    <div class="package_itemHeading">
                                        <p class="package_Heading_p">21 Days</p>
                                    </div>
                                    <div class="package_itembody">
                                        <div class="package_price">USD 317.00 </div>
                                        <select id="qty" class="jrcpackage" data-packageid=" 16 " data-packagetype="Ordinary" data-packagename="21 Days" data-packageprice="317.00" data-passenger_type="Child" data-handlingfee="30">
                                            <option value="0" selected>0</option>
                                            <option value="1">1</option>
                                            <option value="2">2</option>
                                            <option value="3">3</option>
                                            <option value="4">4</option>
                                            <option value="5">5</option>
                                        </select>
                                    </div>
                                </div>

                                                    
                    </div>

                </div>


                <!-- ---------------------------- Green-------------------------------------------------------------------------------- -->
                <div id="tabs-2">
                    <div class="package-border">
                        <p class="jr_pass_passenger-type"> Adult (from 12 years old) </p>
                    </div>
                    <div class="package-jrpass">

                        
                                                    
                                                    
                                                    
                                                    
                                                    
                            
                                <div class="jrpass_packageItem">
                                    <div class="package_itemHeading">
                                        <p class="package_Heading_p"> 7 Days </p>
                                    </div>
                                    <div class="package_itembody">
                                        <div class="package_price">USD 444.00 </div>
                                        <select id="qty" class="jrcpackage" data-packageid=" 8 " data-packagetype="Green" data-packagename="7 Days" data-packageprice="444.00" data-passenger_type="Adult" data-handlingfee="30">
                                            <option value="0" selected>0</option>
                                            <option value="1">1</option>
                                            <option value="2">2</option>
                                            <option value="3">3</option>
                                            <option value="4">4</option>
                                            <option value="5">5</option>
                                        </select>
                                    </div>
                                </div>

                                                    
                            
                                <div class="jrpass_packageItem">
                                    <div class="package_itemHeading">
                                        <p class="package_Heading_p"> 14 Days </p>
                                    </div>
                                    <div class="package_itembody">
                                        <div class="package_price">USD 698.00 </div>
                                        <select id="qty" class="jrcpackage" data-packageid=" 9 " data-packagetype="Green" data-packagename="14 Days" data-packageprice="698.00" data-passenger_type="Adult" data-handlingfee="30">
                                            <option value="0" selected>0</option>
                                            <option value="1">1</option>
                                            <option value="2">2</option>
                                            <option value="3">3</option>
                                            <option value="4">4</option>
                                            <option value="5">5</option>
                                        </select>
                                    </div>
                                </div>

                                                    
                            
                                <div class="jrpass_packageItem">
                                    <div class="package_itemHeading">
                                        <p class="package_Heading_p"> 21 Days </p>
                                    </div>
                                    <div class="package_itembody">
                                        <div class="package_price">USD 888.00 </div>
                                        <select id="qty" class="jrcpackage" data-packageid=" 10 " data-packagetype="Green" data-packagename="21 Days" data-packageprice="888.00" data-passenger_type="Adult" data-handlingfee="30">
                                            <option value="0" selected>0</option>
                                            <option value="1">1</option>
                                            <option value="2">2</option>
                                            <option value="3">3</option>
                                            <option value="4">4</option>
                                            <option value="5">5</option>
                                        </select>
                                    </div>
                                </div>

                                                    
                                                    
                                                    
                                                    
                                                    
                    </div>
                    <!-- ---------------------------- Passanger Type-------------------------------------------------------------------------------- -->

                    <div class="package-border_child">
                        <p class="jr_pass_passenger-type"> Child (6~11 years old) </p>
                    </div>

                    <div class="package-jrpass">
                        
                                                    
                                                    
                                                    
                                                    
                                                    
                                                    
                                                    
                                                    
                                                            <div class="jrpass_packageItem">
                                    <div class="package_itemHeading">
                                        <p class="package_Heading_p"> 7 Days </p>
                                    </div>
                                    <div class="package_itembody">
                                        <div class="package_price">USD 222.00 </div>
                                        <select id="qty" class="jrcpackage" data-packageid=" 11 " data-packagetype="Green" data-packagename="7 Days" data-packageprice="222.00" data-passenger_type="Child" data-handlingfee="30">
                                            <option value="0" selected>0</option>
                                            <option value="1">1</option>
                                            <option value="2">2</option>
                                            <option value="3">3</option>
                                            <option value="4">4</option>
                                            <option value="5">5</option>
                                        </select>
                                    </div>
                                </div>


                                                    
                                                            <div class="jrpass_packageItem">
                                    <div class="package_itemHeading">
                                        <p class="package_Heading_p"> 14 Days </p>
                                    </div>
                                    <div class="package_itembody">
                                        <div class="package_price">USD 349.00 </div>
                                        <select id="qty" class="jrcpackage" data-packageid=" 12 " data-packagetype="Green" data-packagename="14 Days" data-packageprice="349.00" data-passenger_type="Child" data-handlingfee="30">
                                            <option value="0" selected>0</option>
                                            <option value="1">1</option>
                                            <option value="2">2</option>
                                            <option value="3">3</option>
                                            <option value="4">4</option>
                                            <option value="5">5</option>
                                        </select>
                                    </div>
                                </div>


                                                    
                                                            <div class="jrpass_packageItem">
                                    <div class="package_itemHeading">
                                        <p class="package_Heading_p"> 21 Days </p>
                                    </div>
                                    <div class="package_itembody">
                                        <div class="package_price">USD 444.00 </div>
                                        <select id="qty" class="jrcpackage" data-packageid=" 13 " data-packagetype="Green" data-packagename="21 Days" data-packageprice="444.00" data-passenger_type="Child" data-handlingfee="30">
                                            <option value="0" selected>0</option>
                                            <option value="1">1</option>
                                            <option value="2">2</option>
                                            <option value="3">3</option>
                                            <option value="4">4</option>
                                            <option value="5">5</option>
                                        </select>
                                    </div>
                                </div>


                                                    
                                                    


                    </div>

                </div>

            </div>
        </div>

        <!-- -------------------------------------------------------------------Sidebar-------------------------------------------------------------------------------------------------------------------------- -->

        <div class="main-title-jr_pass_slider">
            <h5> Order Details </h5>

            <div class="right-bar-subtitle-container">
                <label class="order-detail-jrpass-tittle"> JR Pass </label>
            </div>

            <div class="sideBar-border">

                <!-- qty -->

                <div class="sideBar-border-qty">
                    Quantity:                    <span class="sideBar-border-qtyNumber" id="total-pass-quantity"> 0 </span>
                    &nbsp; Person(s):                </div>

                <!-- ------------------------------------------------------------------------------------ order Detail ---------------------------------------------------------------->



                <div class="order-details-container">

                </div>
                <div class="side-subtotal-box">
                    <div class="sidebar-balance-row">
                        Subtotal                        <div class="sideBar-border-totalNumber" id="total-pass-subtotal">USD 0.00</div>
                    </div>
                    <div class="sidebar-balance-row">
                        Handling Fee                        <div class="sideBar-border-totalNumber" id="total-pass-handlingfee">USD 0.00</div>
                    </div>
                </div>

                <div class="sideBar-border-total">
                    Total                    <div class="sideBar-border-totalNumber" id="order-total-price">USD 0.00 </div>
                </div>
                <div class="sideBar-border-detail">* Shipping is not included. </div>
            </div>


            <button class="jrpasscard jrpass-trailways" onclick="this.classList.toggle('button--loading')">
                <span class="button__text">Proceed </span>
            </button>
        </div>
    </div>
</div>

<script>
    var url = 'https://iace-usa.com/web/purchase';
    var language = 'en';
    var jrc_ticket_sale_page_url = 'https://iace-usa.com/web/purchase/en/ticketssale/';
    var jrc_passenger_add_page_url = 'https://iace-usa.com/web/purchase/en/user-info/';
    var jrc_payment_page_url = 'https://iace-usa.com/web/purchase/en/ticketssale/';
    var jrc_review_order_page_url = 'https://iace-usa.com/web/purchase/en/review-order/';
    var jrc_thank_you_page_url = 'https://iace-usa.com/web/purchase/en/thank-you/';
</script>
{"id":1825,"date":"2022-08-16T16:43:17","date_gmt":"2022-08-16T16:43:17","guid":{"rendered":"https:\/\/iace-usa.com\/web\/purchase\/ticketssale\/"},"modified":"2022-08-16T16:43:21","modified_gmt":"2022-08-16T16:43:21","slug":"ticketssale","status":"publish","type":"page","link":"https:\/\/iace-usa.com\/web\/purchase\/en\/ticketssale\/","title":{"rendered":"ticketssale"},"content":{"rendered":"\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_themeisle_gutenberg_block_has_review":false,"footnotes":""},"class_list":["post-1825","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/iace-usa.com\/web\/purchase\/en\/wp-json\/wp\/v2\/pages\/1825","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/iace-usa.com\/web\/purchase\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/iace-usa.com\/web\/purchase\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/iace-usa.com\/web\/purchase\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/iace-usa.com\/web\/purchase\/en\/wp-json\/wp\/v2\/comments?post=1825"}],"version-history":[{"count":1,"href":"https:\/\/iace-usa.com\/web\/purchase\/en\/wp-json\/wp\/v2\/pages\/1825\/revisions"}],"predecessor-version":[{"id":1826,"href":"https:\/\/iace-usa.com\/web\/purchase\/en\/wp-json\/wp\/v2\/pages\/1825\/revisions\/1826"}],"wp:attachment":[{"href":"https:\/\/iace-usa.com\/web\/purchase\/en\/wp-json\/wp\/v2\/media?parent=1825"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}