title = "Room Detail"
url = "/rooms/:slug"
layout = "default"
is_hidden = 0
==
<?php
use RainLab\Blog\Models\Post;
    use RainLab\Blog\Models\Category;
    function onStart()
    {
        $post = Post::where('slug', $this->param('slug'))->first();
        $this['post'] = $post;
        $posts = Category::where("slug", "room")->first();
        $this['posts'] = $posts->posts;
		$this['js'] = "assets/js/script.min.js";
        $this['js'] = "assets/js/room-detail.min.js";
        // dd($this['post']);
	}
?>
==
{% put styles %}
    <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css">
    <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css">
    {% endput %}

	{% put scripts %}
    <script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js" type="text/javascript"></script>
    {% endput %}

    {% put scripts_inline %}
    {% endput %}

    {% put additional_flying_elements %}
    {% endput %}

    {% put footer_pusher %}
    {% endput %}

    {% put modal %}
    {% endput %}

    <section id="room-detail-01" style="padding-top:150px">
        <div class="container">
            <p class="breadcrumbs">
                <a href="#">Home</a> <i class="ti-angle-right"></i> <a href="#">Accommodation</a> <i class="ti-angle-right"></i> {{post.title}}
            </p>
            <h1 class="mb-3 mb-lg-4 text-center">{{post.title}}</h1>
            <div class="mb-4 mb-lg-5">
                <div class="room-detail-01 owl-carousel owl-theme">
                    {% for img in post.featured_images%}
                    <div class="ratio-box ratio4_3 ratio-lg2_1">
                        <div style="background: url('{{img.path}}')" class="full-bg-img ratio-box-content"></div>
                    </div>
                    {% endfor %}
                </div>
            </div>
            <div class="row">
                <div class="col-md-6 ktpid-015 order-lg-1">
                    
                        <!-- <span class="drop-cap">E</span> -->
                        {{post.content_html|raw}}
                    <div class="row">
                        <div class="col-md-6">
                            <ul class="list-unstyled m-0">
                                <li><i class="crop icon"></i> {{post.room_size}}</li>
                                <li><i class="image outline icon"></i> {{post.room_view}}</li>
                            </ul>
                        </div>
                        <div class="col-md-6">
                            <ul class="list-unstyled m-0">
                                <li><i class="bed icon"></i> {{post.room_bedding}}</li>
                                <li><i class="user plus icon"></i> {{post.max_adult}}</li>
                            </ul>
                        </div>
                    </div>
                    <div>
                        <h3 class="mb-3 pb-3 mt-3 border-bottom">Facilities</h3>
                        <ul class="list-styled row">
                            {%for facility in post.facilitiesArray()%}
                            <li class="col-md-4">{{facility}}</li>
                            {%endfor%}
                        </ul>
                        <h3 class="mb-3 pb-3 mt-3 border-bottom">Amenities</h3>
                        <ul class="list-styled row">

                            {%for amenity in post.amenitiesArray()%}
                            <li class="col-md-4">{{amenity}}</li>
                            {%endfor%}
                        </ul>
                    </div>
                </div>
                <div class="col-md-4 ktpid-016 order-lg-2">
                    <h3 class="mb-3 mt-3 mt-lg-0">{{post.excerpt_2}}</h3>
                    <div class="ktpid-020">
                        <h4 class="mb-1">
                           <a class="btn btn-primary rounded-0 filter-button d-block px-4 py-2" href="https://secure.staah.com/common-cgi/package/packagebooking.pl?propertyId=16559" target="_blank">Book Now</a>
                           <!-- <a class="btn btn-primary rounded-0 filter-button d-block px-4 py-2" href="https://secure.staah.com/common-cgi/package/packagebooking.pl?propertyId=16559/bookcore/no-availability-v2/?rrc=1" target="_blank">Book Now</a> -->
                        </h4>
                    </div>

                    <h3 class="mb-3 mt-3 mt-lg-0">Room Offer Available</h3>
                    <div class="ktpid-020">
                        <!-- <h4 class="mb-3">
                            Secret Deal | <span class="text-beta">Limited Time Offer</span>
                        </h4> -->
                        {% for offer in post.getOfferList() %}
                        <h4 class="mb-1">
                            <a href="{{url('/offers/' ~ offer.offer.slug)}}">{{offer.offer.title}}</a>
                        </h4>
                        <div class="mb-3">
                            {{offer.offer.excerpt}}
                        <!-- <p>
                            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec at elit molestie, feugiat neque in, consequat nisl. Sed vel eleifend purus. 
                        </p>
                        <ul class="list-styled">
                            <li>Lorem ipsum dolor sit amet</li>
                            <li>Consectetur adipiscing elit</li>
                            <li>Sed vel eleifend purus</li>
                        </ul> -->
                        </div>
                        {% endfor %}
                        <div class="mt-3">
                            <!-- <p class="text-beta">
                                Start From : IDR 8.999.000++
                            </p> -->
                               <a class="btn btn-primary rounded-0 filter-button d-block px-4 py-2" href="{{url('/offers')}}">See Offer Details</a>
                        </div>
                    </div>
                    <h3 class="pb-3">Have an enquiry?</h3>
                    <a class="btn btn-primary rounded-0 filter-button d-block py-3" href="{{url('/enquiry')}}">Send Enquiry</a>
                </div>
                <div class="col-md-2 mt-4 mt-lg-0 ktpid-014 order-lg-0">
                    <ul class="list-unstyled">
                        <li class="mb-2">
                            <h5><strong class="text-uppercase">Our Rooms</strong></h5>
                        </li>
                        <ul class="list-unstyled">
                            {% for post in posts %}
                            <li class="mb-1"><a href="{{url('/rooms/' ~ post.slug)}}">{{post.title}}</a></li>
                            {% endfor %}
                        </ul>
                    </ul>
                </div>
            </div>
        </div>
    </section>