
<article class="rates">

            <h2 class="section-heading">Rates            <i class="icon icon-plus-circle"></i></h2>
        <div class="articleIntro">
            <span class="originalCurrency">
                Rates originally requested in <strong>USD United States Dollars</strong>
            </span>
            <div class="hlSelectWrap">
                <select class="hlSelect" name="currencies">
<option value="1.784071" >AUD ($) Australian dollars</option>
<option value="1.751564" >CAD ($) Canadian dollars</option>
<option value="1.324663" >CHF (CHF) Swiss francs</option>
<option value="1.144117" >EUR (&euro;) Euro</option>
<option value="1.000000" >GBP (&pound;) United Kingdom pounds</option>
<option value="11.639136" >SEK (Skr) Swedish Krona</option>
<option value="43.589953" >THB (&#3647;) Thai baht</option>
<option value="1.328491"  selected="selected">USD ($) United States dollars</option>
<option value="17.874561" >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">
            <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">
                        <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 2 guests</h3>

            <table id="ratesTable" class="summaryDetails responsive mobileHidden" data-guests="2">
                <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">T3</td>
                                                        <td class="dateFrom" data-label="From">10 Jan 18</td>
                            <td class="dateTo" data-label="To">1 Jul 18</td>
                            <td class="weeklyNight" data-label="Weekday night" data-sterling-value="286.03882148995">$380</td>
                            <td class="weekendNight" data-label="Weekend night" data-sterling-value="286.03882148995">$380</td>
                            <td class="weeklyCol" data-label="Weekly" data-sterling-value="2002.2717504296">$2,660</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>
                                    
                                </tbody>
            </table>
            
    <p>NB: Rates may be subject to change at the homeowner's discretion</p><p><pre>Obligatory extras:
Daily breakfast                                                                                     Included to pay when booking
Daily maid service 8 hours a day                                                                    Included to pay when booking
Bed linen and towels                                                                                Included to pay when booking
WIFI throughout the villa                                                                           Included to pay when booking
Canggu club access during your stay                                                                 Included to pay when booking
Reservation Costs                                                                                   40,00 USD per Booking to pay when booking
Airport transfer 2 ways                                                                             Included to pay when booking</pre></p>
    </div> <!-- // content-wrap -->
</article>
