Ferienhaus Mit Terrasse
Barbat, Primorje-Gorski Kotar County, Croatia

<div>
                                            <div if="{premium}">
                                                <div if="{!contactDetailsError}" class="uk-alert-primary uk-alert" style="margin-top: 20px;">
                                                    <div if="{!contactDetailsLoaded}">
                                                        <p if="{signedIn}">You can contact owner/manager of this property directly. <a href="#" class="uk-text-bold" style="text-transform: capitalize; text-decoration: underline;" onclick="{showContactDetails}" >Get contact details</a></p>
                                                        <p if="{!signedIn}">You can contact owner/manager of this property directly. <a href="#" onclick="{openSignIn}" class="uk-text-bold" style="text-transform: capitalize; text-decoration: underline;" >Sign In To See Contact Details</a></p>
                                                    </div>
                                                    <div if="{contactDetailsLoaded}">
                                                        <div class="uk-text-bold">Contact Details:</div>
                                                        <div if="{email}">Email: {email}</div>
                                                        <div if="{mobile}">Phone: {mobile}</div>
                                                        <div if="{website}">Website: {website}</div>
                                                        <div if="{brand}">Brand: {brand}</div>
                                                    </div>
                                                </div>
                                                <div if="{contactDetailsError}" class="uk-alert-danger uk-alert" style="margin-top: 20px;">
                                                    <p>Oops!! We are not able to fetch contact details at the moment. Please try again later.</p>
                                                </div>
                                            </div>
                                        </div>

Home

1 Bedrooms

2 Bathrooms

5 Max Guests

Kitchen

Caretaker

Overview
Amenities
Map
Policies & Fees

Home Type Of Property

1 Bedrooms

2 Bathrooms

5 Max. Guests

Holiday house with terraceYour vacation object:
 To your own use available: garden furniture.Your holiday house: 2 floors, 4 rooms (therefrom 3 bedrooms), 65 sqm, 5 persons. Entrance through the terrace (15 sqm). Ground floor: Living room with TV. kitchen with dinette, gas stove (2 flames), electric cooker (2 cooking plates), oven, refrigerator (icebox) and coffee machine. bathroom with bathtub, WC, window and washing machine. 1st floor: Bedroom with 1 single bed. 2 bedrooms each with 1 double bed. bathroom with shower, WC and window. Television available by satellite.Pets: allowed, EUR 6.00/pet per day.Location: Barbat. The holiday house is located in a twin house. ... See More

Things you can do in & around Barbat

Key Amenities

Power backup

Microwave

Heating

Refrigerator

Television

Satellite/Cable Connection

Washing machine

Linen provided

Hot water

Western toilet

Kettle

Shower

Housekeeping

Air Conditioning

Pots and Pans

24/7 Power

Bedroom 1

1 Double Bed(s)

Bathroom 1

Bathroom 1 info not found.

Bathroom 2

Bathroom 2 info not found.

Map

Policies & Fees

Default Cancellation Policy

Stringent: No charges will be levied if booking is canceled 61 days prior to check-in. If cancellation is done between 30 to 60 days prior to check-in, 50% of the total booking amount will be charged. Post that, there will be no refund.

House Rules

Loud Music not allowed. Smoking inside Property not allowed.

<div if="{reviews.length > 0}" id="reviews" class="uk-padding uk-padding-remove-top">
                                    <div class="uk-text-lead ">Reviews</div>
                                    <hr />
                                    <article each="{reviews}" class="uk-article" style="margin-top: 30px;">
                                        <p class="uk-text-lead">
                                            <span class="uk-badge">{rating}/5</span> {title}
                                        </p>

<p class="uk-text-meta">Written by {first_name} on {submitted_on}. <span if="{date_stay}">Customer stayed on {date_stay}</span></p>
                                        <p><raw html="{description}"></raw></p>
                                    </article>
                                    <div if="{nextPageNumber && !loading}" class="uk-padding" style="text-align: center;">
                                        <button class="uk-button uk-button-primary uk-button-small" onclick="{showMoreResults}">Show More Results</button>
                                    </div>
                                </div>

<div style="height: 40px;"></div>
                                    <div if="{min_rate_range}" id="startingprice" class="uk-heading-small" style="color: black;margin-top: 0px;">
                                        <span style="font-size: 0.4em; color: #484848;display: block;">Starting</span>
                                        {min_rate_range}
                                        <span style="font-size: 0.4em; color: #484848;display: inline-block;padding-left: 5px;">per night</span>
                                    </div>
                                    <div  class="uk-flex uk-flex-column">
                                        <div>
                                            <div if="{available && !error}" class="uk-alert uk-alert-success" style="margin-bottom: 0px;">
                                                <div class="uk-text-bold">
                                                    <div class="uk-flex uk-flex-wrap uk-flex-wrap-around">
                                                        <div class="uk-width-auto"><div uk-icon="icon: check" style="margin-right: 15px;"></div></div>
                                                        <div class="uk-width-expand">{message}</div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div if="{!available || error}" class="uk-alert uk-alert-danger" style="margin-bottom: 0px;">
                                                <div class="uk-text-bold">
                                                    <div class="uk-flex uk-flex-wrap uk-flex-wrap-around">
                                                        <div class="uk-width-auto"><div uk-icon="icon: warning" style="margin-right: 15px;"></div></div>
                                                        <div class="uk-width-expand">{message}</div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div if="{ units_array.length > 0}" class="uk-padding-small uk-padding-remove-horizontal uk-padding-remove-bottom">
                                            <select class="uk-select" id="units" onchange="{ changeUnits }">
                                                <option each="{ u in units_array }" value="{u.key}" selected="{units == u.key}">{u.value || 'Select Bookable Units'}</option>

</select>
                                        </div>
                                        <div class="uk-flex uk-padding-small uk-padding-remove-horizontal uk-padding-remove-bottom">
                                             <div style="margin-right: 5px;">
                                                 <div class="uk-inline">
                                                    <span class="uk-form-icon" uk-icon="icon: sign-in"></span>
                                                    <input class="uk-input" readonly autocomplete="off" type="text" placeholder="Check In" id="checkin" />
                                                </div>
                                             </div>
                                             <div style="margin-left: 5px;">
                                                 <div class="uk-inline">
                                                    <span class="uk-form-icon" uk-icon="icon: sign-out"></span>
                                                    <input class="uk-input" readonly autocomplete="off" type="text" placeholder="Check Out" id="checkout">
                                                </div>
                                             </div>
                                         </div>
                                        <div class="uk-width-1-1 uk-padding-small uk-padding-remove-horizontal uk-padding-remove-bottom">
                                            <select class="uk-select" id="guests" onchange="{ updateGuests }">
                                                <option each="{ o in occupancies }" value="{o.key}" selected="{guests == o.key}">{o.value || 'Select Guests'}</option>
                                            </select>
                                        </div>
                                        <div class="uk-width-1-1 uk-padding-small uk-padding-remove-horizontal uk-padding-remove-bottom">
                                            <div class="uk-text-meta">Rateplan: No meals provided (European Plan)</div>
                                        </div>
                                    <div if="{available && !error}" class="uk-width-1-1 uk-padding-small uk-padding-remove-horizontal uk-padding-remove-bottom" id="totalcontainer">
                                        <div class="totalsubcontainer" uk-grid>
                                            <div class="uk-width-1-2">
                                                <p class="uk-text-bold">
                                                    Total
                                                    <span style="display: block; font-weight: normal;font-size: 0.8em;">Includes taxes & fees</span>
                                                </p>
                                            </div>
                                            <div class="uk-width-1-2 uk-visible@m">
                                                <p class="uk-text-bold" style="text-align: right;">
                                                    <span>{total}</span>
                                                    <a href="#" style="display: block; font-weight: normal; font-size: 0.8em;" uk-toggle="target: #bookingsummary">View details</a>
                                                </p>
                                            </div>
                                            <div class="uk-width-1-2 uk-hidden@m">
                                                <a class="uk-button uk-button-small uk-button-default " href="" style="float: right;padding: 5px 15px;line-height: 20px;" uk-toggle="target: #bookingsummary">
                                                    <span style="display: block;" class="uk-text-bold">{total}</span>
                                                    <span style="display: block;font-size: 0.8em;">View details</span>
                                                </a>

</div>
                                        </div>

</div>
                                        <div class="uk-width-1-1 uk-padding-small uk-padding-remove-horizontal uk-padding-remove-bottom">
                                            <button onclick="{proceedBooking}" disabled="{ isButtonDisabled() }" class="uk-button uk-button-primary uk-width-1-1 uk-button-large"><img class="{ loading ? '' : 'uk-hidden' }" src="https://d2v8elt324ukrb.cloudfront.net/static/new_template/images/newloader.debee47f900f.gif" />{ loading ? '' : (instant ? 'Instant Book': 'Request To Book')}</button>
                                        </div>
                                        <div if="{available && !error && cancellation_policy}" class="uk-width-1-1 uk-padding-small uk-padding-remove-horizontal uk-padding-remove-bottom uk-text-center">
                                            <a href="#" onclick="return false;" style="font-size:0.8em;" uk-tooltip="{cancellation_policy.description}">{ cancellation_policy.name } Cancellation Policy</a>
                                        </div>
                                    </div>
                                     <div  id="bookingsummary" uk-modal>
                                        <div class="uk-modal-dialog uk-modal-body">
                                            <button class="uk-modal-close-default" type="button" uk-close></button>

<h2 class="uk-text-lead">Booking Summary</h2>

<hr />

<div class="uk-grid-small uk-flex-center uk-text-center uk-grid-match" uk-grid>
                                                    <div class="uk-width-1-2 uk-width-1-4@m">
                                                        <div class="uk-card uk-card-small uk-card-default ">
                                                            <div class="uk-card-body uk-text-center">
                                                             <span class="uk-text-bold" style="display: block;">
                                                                {checkin}
                                                            </span>
                                                            <span class="uk-text-meta">
                                                                Check In
                                                            </span>
                                                            </div>

</div>
                                                    </div>
                                                    <div class=" uk-width-1-2 uk-width-1-4@m ">
                                                        <div class="uk-card uk-card-small uk-card-default">
                                                        <div class="uk-card-body uk-text-center">
                                                            <span class="uk-text-bold" style="display: block;">
                                                                {checkout}
                                                            </span>
                                                            <span class="uk-text-meta">
                                                                Check Out
                                                            </span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="uk-width-1-2 uk-width-1-4@m">
                                                        <div class="uk-card uk-card-small uk-card-default">
                                                        <div class="uk-card-body uk-text-center">
                                                            <span class="uk-text-bold" style="display: block;">
                                                                {guests}
                                                            </span>
                                                            <span class="uk-text-meta">
                                                                Guests
                                                            </span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div if="{units_array.length > 0}" class="uk-width-1-2 uk-width-1-4@m">
                                                        <div class="uk-card uk-card-small uk-card-default ">
                                                            <div class="uk-card-body uk-text-center">
                                                            <span class="uk-text-bold" style="display: block;">
                                                                {units}
                                                            </span>
                                                            <span class="uk-text-meta">
                                                                Units
                                                            </span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div style="margin-top: 40px;">
                                                    <div each="{ inclusive }" class="uk-grid-small" uk-grid>
                                                        <div class="uk-width-expand" uk-leader>{name}</div>
                                                        <div if="{value}">{value}</div>
                                                    </div>

<hr />
                                                    <div class="uk-grid-small" uk-grid>
                                                        <div class="uk-width-expand uk-text-bold" uk-leader>Total</div>
                                                        <div class="uk-text-bold">{total}</div>
                                                    </div>
                                                    <hr />
                                                </div>
                                                <div if="{security_deposit}" class="uk-alert-warning" uk-alert>
                                                                    <div class="uk-text-bold">
                                                                        <div class="uk-flex uk-flex-wrap uk-flex-wrap-around">
                                                                            <div class="uk-width-auto"><div uk-icon="icon: info" style="margin-right: 15px;"></div></div>

<div class="uk-width-expand">Security deposit of {security_deposit} to be paid at the time of checkin.</div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                <div if="{exclusive.length > 0}" class="uk-alert-warning" uk-alert>
                                                                    <div class="uk-text-bold">
                                                                        <div class="uk-flex uk-flex-wrap uk-flex-wrap-around">
                                                                            <div class="uk-width-auto"><div uk-icon="icon: info" style="margin-right: 15px;"></div></div>

<div class="uk-width-expand">Cost does not include: <span each="{exclusive}">{name} <span if="{value}">({value})</span></span></div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                            <div class="uk-text-bold subhead">Rate Plan</div>
                                                                         <div class="uk-panel subheadtext">
                                                                             <p>
                                                                                 No meals provided (European Plan)
                                                                             </p>
                                                                         </div>
                                                <div class="uk-text-bold subhead">{cancellation_policy ? cancellation_policy.name : ''} Cancellation Policy</div>
                                                                         <div class="uk-panel subheadtext">
                                                                             <p>
                                                                                 {cancellation_policy ? cancellation_policy.description : ''}
                                                                             </p>
                                                                         </div>
                                                 <div if="{restrictions.length > 0}" class="uk-text-bold subhead">House Rules</div>
                                                                         <div class="uk-panel subheadtext">
                                                                             <p>
                                                                                <span each="{name,i in restrictions}">{name} </span>
                                                                             </p>
                                                                         </div>

<div class="uk-flex uk-flex-wrap uk-flex-wrap-around" style="margin-top: 30px;">
                                                    <button class="uk-button uk-button-default uk-modal-close uk-width-auto" style="margin-right: 30px;" type="button">Close</button>
                                                    <button class="uk-button uk-button-primary uk-width-expand" type="button" onclick="{proceedBooking}" disabled="{ isButtonDisabled() }"><img class="{ loading ? '' : 'uk-hidden' }" src="https://d2v8elt324ukrb.cloudfront.net/static/new_template/images/newloader.debee47f900f.gif" />{ loading ? '' : (instant ? 'Instant Book': 'Request To Book')}</button>
                                                </div>

</div>
                                        </div>

</div>
                        </div>
                    </div>
                    <div class="uk-hidden@m bottomcontainer" style="position: fixed; bottom: 0;left: 0; right: 0; background: black; ">
                        <div id="mobilestartingprice" class="uk-padding-small uk-flex" >
                            <div class="uk-width-1-3">
                                <p if="{min_rate_range}" class="uk-text-lead" style="color: white;margin-bottom: 0px;">
                                    {min_rate_range}
                                    <span style="display: block; font-weight: normal;font-size: 0.5em;">Per Night</span>
                                </p>
                            </div>
                            <div class="uk-width-2-3 uk-text-right">
                                 <button class="uk-button uk-button-primary" onclick="openDateSelect()" style="height: 100%;">Check Availability</button>
                            </div>
                        </div>

</div>

Ferienhaus Mit Terrasse Barbat, Primorje-Gorski Kotar County, Croatia

FerienHaus mit Terrasse

Ferienhaus Mit Terrasse
Barbat, Primorje-Gorski Kotar County, Croatia