url = "/dining/:slug"
title ="Dining Detail"
layout = "default"
altnavigation = true
==
<?php
    use RainLab\Blog\Models\Post;
	function onStart()
	{
        $posts = Post::where("slug", $this->param('slug'))->first();
        $this['post'] = $posts;
		$this['js'] = "assets/js/script.min.js";
        $this['js'] = "assets/js/dining-detail.min.js";
	}
?>
==

	{% 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 class="ktpid-002" id="dining-detail-01">
        <div style="background: url('{{'assets/images/03.jpg'|theme}}');" class="ktpid-003 full-bg-img"></div>
    </section>

    <section id="dining-detail-02">
        <div class="container">
            <h1 class="mb-4 text-center">{{post.title}}</h1>
            <div class="row mb-4">
                <div class="col-lg-8">
                    <div class="dining-detail-carousel-01 owl-carousel owl-theme">
                        {% for img in post.featured_images %}
                        <div class="ratio-box ratio4_3">
                            <div style="background: url('{{img.path}}')" class="full-bg-img ratio-box-content"></div>
                        </div>
                        {% endfor %}
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="ktpid-023">
                        <h5 class="text-uppercase mb-4">Book direct to get the best rate available</h5>
                        <a class="btn btn-primary rounded-0 filter-button d-block py-2" href="{{url('/enquiry')}}">Book Now</a>
                    </div>
                    <div class="ktpid-024">
                        <div class="ktpid-025">
                            Hour Detail
                        </div>
                        <div class="ktpid-026">
                            {{post.hour_detail}}
                        </div>
                    </div>
                    <div class="ktpid-024">
                        <div class="ktpid-025">
                            Quick Fact
                        </div>
                        <div class="ktpid-026">
                            {{post.quick_fact}}
                        </div>
                    </div>
                </div>
            </div>
            <p>
                {{post.restaurant_detail}}
            </p>
            <a class="btn btn-primary rounded-0 filter-button d-block d-lg-inline-block py-2 px-4" href="{{url('/enquiry')}}">Reserve Now</a>
        </div>
    </section>