
<article class="rates">

            <h2 class="section-heading">Rates            <i class="icon icon-plus-circle"></i></h2>
        <div class="articleIntro">
            <p>
                Rates originally requested in <strong>USD</strong>
            </p>
            <div class="hlSelectWrap">
                <i class="icon icon-arrow-down"></i>
                <select class="hlSelect" name="currencies" aria-label="Select your currency">
<option value="1.875110" >AUD ($) Australian dollars</option>
<option value="1.703536" >CAD ($) Canadian dollars</option>
<option value="1.277250" >CHF (CHF) Swiss francs</option>
<option value="1.160376" >EUR (&euro;) Euro</option>
<option value="1.000000" >GBP (&pound;) United Kingdom pounds</option>
<option value="12.437056" >SEK (Skr) Swedish Krona</option>
<option value="39.071808" >THB (&#3647;) Thai baht</option>
<option value="1.294996"  selected="selected">USD ($) United States dollars</option>
<option value="19.512649" >ZAR (R) South African rand</option>
</select>            </div>
            <span>Convert to</span>
        </div>
    
    <script type="text/x-handlebars-template" id="mobileRatesSelectTmpl">
        <div class="guests-selection-mobile">
            <div class="hlSelectWrap">
                <i class="icon icon-arrow-down"></i>
                <select class="hlSelect">
                {{#.}}
                    <option value="{{guests}}">{{guests}}</option>
                {{/.}}
                </select>
            </div>
            <span>Guests</span>
        </div>
    </script>

    <script type="text/x-handlebars-template" id="mobileRatesTmpl">
        {{#.}}
            <div class="guest-group {{#index}}hidden{{/index}}" data-guests="{{guests}}">
                <div class="rates-selection-mobile">
                    <div class="hlSelectWrap">
                        <i class="icon icon-arrow-down"></i>
                        <select class="hlSelect">
                            {{#rates}}
                            <option value="{{index}}">
                                {{#periodCol}}{{value}}{{/periodCol}}
                                {{#dateFrom}}{{value}} - {{#dateTo}}{{value}}{{/dateTo}}{{/dateFrom}}
                            </option>
                            {{/rates}}
                        </select>
                    </div>
                    <span>Period</span>
                </div>

                <h3>For up to {{guests}} guests</h3>
                {{#rates}}
                    <div class="rate {{#index}}hidden{{/index}}" data-rate="{{index}}">
                        {{#weeklyNight}}
                            <div>
                                <span>{{label}}</span><span data-sterling-value="{{ sterlingValue }}">{{{ value }}}</span>
                            </div>
                        {{/weeklyNight}}
                        {{#weekendNight}}
                            <div>
                                <span>{{label}}</span><span data-sterling-value="{{ sterlingValue }}">{{{ value }}}</span>
                            </div>
                        {{/weekendNight}}
                        {{#weeklyCol}}
                            <div>
                                <span>{{label}}</span><span data-sterling-value="{{ sterlingValue }}">{{{ value }}}</span>
                            </div>
                        {{/weeklyCol}}
                        {{#monthlyCol}}
                            <div>
                                <span>{{label}}</span><span data-sterling-value="{{ sterlingValue }}">{{{ value }}}</span>
                            </div>
                        {{/monthlyCol}}
                        {{#minimumStay}}
                            <div>
                                <span>{{label}}</span><span>{{{ value }}}</span>
                            </div>
                        {{/minimumStay}}
                        {{#changeoverDay}}
                            <div>
                                <span>{{label}}</span><span>{{{ value }}}</span>
                            </div>
                        {{/changeoverDay}}
                    </div>
                {{/rates}}
            </div>
        {{/.}}
    </script>

    <div class="content-wrap">
        <div id="mobileTableSelectWrapper"></div>

                        
            <div id="mobileTableRateWrapper"></div>

            <h3 class="mobileHidden">For up to 8 guests</h3>

            <table id="ratesTable" class="summaryDetails responsive mobileHidden" data-guests="8">
                <thead>
                <tr>
                                        <th class="periodCol">Period</th>
                                        <th class="dateFrom">From</th>
                    <th class="dateTo">To</th>
                    <th class="weeklyNight">Weekday night</th>
                    <th class="weekendNight">Weekend night</th>
                    <th class="weeklyCol">Weekly</th>
                    <th class="monthlyCol">Monthly</th>
                    <th class="minimumStay" >Minimum stay</th>
                    <th class="changeoverDay">Changeover day</th>
                </tr>
                </thead>
                <tbody>
                                                                                    <tr>
                                                        <td class="periodCol">Special Discount</td>
                                                        <td class="dateFrom" data-label="From">1 Nov 19</td>
                            <td class="dateTo" data-label="To">1 Dec 19</td>
                            <td class="weeklyNight" data-label="Weekday night" data-sterling-value="270.27110508449">$350</td>
                            <td class="weekendNight" data-label="Weekend night" data-sterling-value="0">-</td>
                            <td class="weeklyCol" data-label="Weekly" data-sterling-value="0">-</td>
                            <td class="monthlyCol" data-label="Monthlymonthly" data-sterling-value="0">-</td>
                            <td class="minimumStay" data-label="Minimum stay">
                                                                                                                                                                    <span class="days">2 night</span>
                                                            </td>
                            <td class="changeoverDay" data-label="Changeover day">Flexible</td>
                        </tr>
                                                                    <tr>
                                                        <td class="periodCol">Christmas Peak Season</td>
                                                        <td class="dateFrom" data-label="From">20 Dec 19</td>
                            <td class="dateTo" data-label="To">9 Jan 20</td>
                            <td class="weeklyNight" data-label="Weekday night" data-sterling-value="459.46087864364">$595</td>
                            <td class="weekendNight" data-label="Weekend night" data-sterling-value="0">-</td>
                            <td class="weeklyCol" data-label="Weekly" data-sterling-value="0">-</td>
                            <td class="monthlyCol" data-label="Monthlymonthly" data-sterling-value="0">-</td>
                            <td class="minimumStay" data-label="Minimum stay">
                                                                                                                                                                    <span class="days">5 night</span>
                                                            </td>
                            <td class="changeoverDay" data-label="Changeover day">Flexible</td>
                        </tr>
                                                                    <tr>
                                                        <td class="periodCol">Chinese New Year High Season</td>
                                                        <td class="dateFrom" data-label="From">23 Jan 20</td>
                            <td class="dateTo" data-label="To">30 Jan 20</td>
                            <td class="weeklyNight" data-label="Weekday night" data-sterling-value="378.37954711829">$490</td>
                            <td class="weekendNight" data-label="Weekend night" data-sterling-value="0">-</td>
                            <td class="weeklyCol" data-label="Weekly" data-sterling-value="0">-</td>
                            <td class="monthlyCol" data-label="Monthlymonthly" data-sterling-value="0">-</td>
                            <td class="minimumStay" data-label="Minimum stay">
                                                                                                                                                                    <span class="days">3 night</span>
                                                            </td>
                            <td class="changeoverDay" data-label="Changeover day">Flexible</td>
                        </tr>
                                                                    <tr>
                                                        <td class="periodCol">Easter Week High Season</td>
                                                        <td class="dateFrom" data-label="From">8 Apr 20</td>
                            <td class="dateTo" data-label="To">18 Apr 20</td>
                            <td class="weeklyNight" data-label="Weekday night" data-sterling-value="378.37954711829">$490</td>
                            <td class="weekendNight" data-label="Weekend night" data-sterling-value="0">-</td>
                            <td class="weeklyCol" data-label="Weekly" data-sterling-value="0">-</td>
                            <td class="monthlyCol" data-label="Monthlymonthly" data-sterling-value="0">-</td>
                            <td class="minimumStay" data-label="Minimum stay">
                                                                                                                                                                    <span class="days">3 night</span>
                                                            </td>
                            <td class="changeoverDay" data-label="Changeover day">Flexible</td>
                        </tr>
                                                                    <tr>
                                                        <td class="periodCol">High Season</td>
                                                        <td class="dateFrom" data-label="From">16 Jun 20</td>
                            <td class="dateTo" data-label="To">16 Sep 20</td>
                            <td class="weeklyNight" data-label="Weekday night" data-sterling-value="378.37954711829">$490</td>
                            <td class="weekendNight" data-label="Weekend night" data-sterling-value="0">-</td>
                            <td class="weeklyCol" data-label="Weekly" data-sterling-value="0">-</td>
                            <td class="monthlyCol" data-label="Monthlymonthly" data-sterling-value="0">-</td>
                            <td class="minimumStay" data-label="Minimum stay">
                                                                                                                                                                    <span class="days">3 night</span>
                                                            </td>
                            <td class="changeoverDay" data-label="Changeover day">Flexible</td>
                        </tr>
                                    
                                                        <tr>
                                                <td class="periodCol">All other dates</td>
                                                <td class="dateFrom">-</td>
                        <td class="dateTo">-</td>
                        <td class="weeklyNight" data-sterling-value="347.49142082292">$450</td>
                        <td class="weekendNight" data-sterling-value="0">-</td>
                        <td class="weeklyCol" data-sterling-value="0">-</td>
                        <td class="monthlyCol" data-sterling-value="0">-</td>
                        <td class="minimumStay">
                                                                                                                                                <span class="days">2 night</span>
                                                    </td>
                        <td class="changeoverDay">Flexible</td>
                    </tr>
                                </tbody>
            </table>
            
    <p>NB: Rates may be subject to change at the homeowner's discretion</p><p><pre>Please note:
Payments by credit card will be invoiced in Indonesian Rupiah at the prevailing exchange rate, in accordance with Indonesian Government Regulations.
All rates are quoted in USD
All rates are subject to 15,5% Tax &amp; Service Charge
Rates may change without prior notice</pre></p>
    </div> <!-- // content-wrap -->
</article>
