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

	{% put styles %}
    <style type="text/css">
        .h4, h4{
            font-size: 1.4rem;
        }
    </style>
    {% endput %}

	{% put scripts %}
    {% endput %}

    {% put scripts_inline %}
    {% endput %}

    {% put additional_flying_elements %}
    {% endput %}

    {% put footer_pusher %}
    {% endput %}

    {% put modal %}
    {% endput %}

    <section class="ktpid-002" id="dining-01">
        <div style="background: url('{{dining.featured_images[0].path}}');" class="ktpid-003 full-bg-img"></div>
    </section>

    <section id="dining-02">
        <div class="container">
            <h1 class="mb-3">{{dining.title}}</h1>
            <p class="ktpid-005">
                {{dining.excerpt}}
            </p>
            <h1 class="mb-3 border-top pt-5 mt-5 "></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="row d-lg-flex justify-content-lg-center pb-4 mb-4">
                {% for post in posts %}
                {% if  post.categories[1].slug == "dining-restaurant" %}
                <div class="col-md-4">
                    <div class="ktpid-004">
                        <div class="ratio-box ratio4_3 mb-3">
                            <div style="background: url('{{post.featured_images[0].path}}')" class="full-bg-img ratio-box-content"></div>
                        </div>
                        <a href="{{url('/dining/' ~ post.slug)}}"><h4>{{post.title}}</h4></a>
                        <p>
                            {{str_words(post.restaurant_detail, 40)}}
                        </p>
                        <a class="text-alfa ktpid-006" href="{{url('/dining/' ~ post.slug)}}">View More</a>
                    </div>
                </div>
                {% endif %}
                {% endfor %}
            </div>
            <!-- <h1 class="mb-3 mb-3 border-top pt-5 mt-5">Bar</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 justify-content-lg-center pb-4 mb-4 pb-lg-0 mb-lg-0">
                {% for post in posts %}
                {% if  post.categories[1].slug == "dining-bar" %}
                <div class="col-md-6">
                    <div class="ktpid-004">
                        <div class="ratio-box ratio4_3 mb-3">
                            <div style="background: url('{{post.featured_images[0].path}}')" class="full-bg-img ratio-box-content"></div>
                        </div>
                        <a href="{{url('/dining/' ~ post.slug)}}"><h4>{{post.title}}</h4></a>
                        <p>
                            {{str_words(post.restaurant_detail, 40)}}
                        </p>
                        <a class="text-alfa ktpid-006" href="{{url('/dining/' ~ post.slug)}}">View More</a>
                    </div>
                </div>
                {% endif %}
                {% endfor %}
            </div> -->
        </div>
    </section>