title = "Rooms"
url = "/rooms"
layout = "default"
is_hidden = 0
==
<?php
use RainLab\Blog\Models\Category;
    use RainLab\Blog\Models\Post;
	function onStart()
	{
        $posts = Category::where("slug", "room")->first();
        $this['roomtitle'] = Post::where("slug", "static-room-title")->first();
        $this['roomspecialoffer'] = Post::where("slug", "rooms-special-offers")->first();
        $this['posts'] = $posts->posts;
		$this['js'] = "assets/js/script.min.js";
        // dd($this['posts']);
	}
?>
==
{% put styles %}
    {% endput %}

	{% put scripts %}
    {% endput %}

    {% put scripts_inline %}
    {% endput %}

    {% put additional_flying_elements %}
    {% endput %}

    {% put footer_pusher %}
    {% endput %}

    {% put modal %}
    {% endput %}

    <section class="ktpid-002 d-none d-lg-block" id="rooms-01"  style="padding-top:100px">
        <div style="background: url('{{roomtitle.featured_images[0].path}}');" class="ktpid-003 full-bg-img"></div>
    </section>

    <section id="rooms-02">
        <div class="container p-0">
            <h1 class="mb-3 text-center d-none d-lg-block">{{roomtitle.title}}</h1>
            <p class="ktpid-005 text-center d-none d-lg-block">
                {{roomtitle.excerpt}}
            </p>
            <!-- <h1 class="mb-3 border-top pt-5 mt-5">Restaurant</h1>
            <p class="pb-4 mb-4 ktpid-005">
                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut sed scelerisque est. Fusce id enim rutrum, imperdiet leo at, elementum urna. Fusce eleifend eros eu molestie faucibus.
            </p> -->
            <div class="d-lg-flex flex-wrap justify-content-lg-center pt-lg-4 mt-lg-4">
                {% for post in posts %}
                <div class="col-md-4 p-0 px-lg-3">
                    <div class="ktpid-004">
                        <div class="ratio-box ratio4_3">
                            <div style="background: url('{{post.featured_images[0].path}}')" class="full-bg-img ratio-box-content d-flex align-items-end">
                                <button data-toggle="collapse" data-target="#collapse{{i}}" aria-expanded="true" aria-controls="collapse{{i}}" class="bg-transparent border-0 ktpid-012 d-lg-none">
                                    {{post.title}}
                                </button>
                            </div>
                        </div>
                        <div id="collapse{{i}}" aria-labelledby="headingOne" class="collapse ktpid-013 px-lg-0">
                            <a class="d-none d-lg-block" href="{{url('/rooms/' ~ post.slug)}}">
                                <h4>{{post.title}}</h4>
                            </a>
                            <p>
                                {{post.excerpt}}
                            </p>
                            <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 class="mt-3 d-flex flex-wrap justify-content-between">
                                <a class="text-alfa ktpid-006" href="{{url('/rooms/' ~ post.slug)}}">Learn More</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">Book Now</a>
                            </div>
                        </div>
                    </div>
                </div>
                {% endfor %}
            </div>
        </div>
    </section>

    <section class="d-none d-lg-block" id="rooms-03">
        <div class="container">
            <div class="row">
                <div class="col-lg-7 d-flex">
                    <div style="background: url('{{roomspecialoffer.featured_images[0].path}}')"  class="align-self-stretch full-bg-img w-100"></div>
                </div>
                <div class="col-lg-5 p-5">
                    <h2 class="border-bottom mb-3 pb-3">{{roomspecialoffer.title}}</h2>
                    {{roomspecialoffer.content_html|raw}}
                    <a class="text-alfa ktpid-006" href="{{url('offers')}}">Learn more</a>
                </div>
            </div>
        </div>
    </section>