url = "/meetings/packages"
title ="Meetings Packages"
layout = "default"
altnavigation = true
==
<?php
    use RainLab\Blog\Models\Category;
	use RainLab\Blog\Models\Post;
    function onStart()
    {
        $posts = Category::where("slug", "meeting-package")->first();
        $this['meetingoverview'] = Post::where("slug", "meeting-overview")->first();
        $this['posts'] = $posts->posts;
        $menus = Category::where("slug", "meeting")->first();
        $this['menus'] = $menus->posts;
		$this['js'] = "assets/js/script.min.js";
        $this['js'] = "assets/js/meetings-packages.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 id="meetings-events-01">
        <div class="container">
            <div class="row">
                <div class="col-md-10 order-lg-1 ktpid-015">
                    <h1 class="mb-3 mb-lg-2 text-center">{{meetingoverview.title}}</h1>
                    <p class="text-center">{{meetingoverview.excerpt}}</p>
                    <div class="row">
                        <div class="col-md-7 mb-3 mb-lg-0">
                            <div class="meeting-packages-carousel-01 owl-carousel owl-theme">
                                {%for image in meetingoverview.featured_images%}
                                <div class="ratio-box ratio4_3">
                                    <div style="background: url('{{image.path}}')" class="full-bg-img ratio-box-content"></div>
                                </div>
                                {%endfor%}
                            </div>
                        </div>
                        <div class="col-md-5">
                            {{meetingoverview.content_html|raw}}
                        </div>
                    </div>
                    <h1 id="meeting-packages" class="mb-3 mb-lg-4 border-top pt-4 mt-4 text-center">
                        Our Meeting Packages
                    </h1>
                    <div class="row">
                        {% for post in posts %}
                        <div class="col-md-4 mb-3">
                            <div class="ratio-box ratio4_3">
                                <div style="background: url('{{post.featured_images[0].path}}')" class="full-bg-img ratio-box-content"></div>
                            </div>
                            <h5 class="text-uppercase mt-3 mb-2">{{post.title}}</h5>
                            <p class="text-uppercase">{{post.meeting_price}}</p>
                            <a class="btn btn-primary rounded-0 filter-button d-block py-2" href="{{url('/meetings/' ~ post.slug)}}">View Detail</a>
                        </div>
                        {% endfor %}
                    </div>
                </div>
                <div class="col-md-2 mt-2 mt-lg-0 order-lg-0 ktpid-014">
                   <ul class="list-unstyled">
                        <li class="">
                            <h5 class="mb-1"><a href="{{url('/meetings/packages')}}"><strong>Meetings Packages</strong></a></h5>
                        </li>
                        <ul class="list-unstyled mb-2">
                            {% for menu in menus %}
                            {% if  menu.categories[1].slug == "meeting-package" %}
                            <li class="mb-1"><a href="{{url('/meetings/' ~ menu.slug)}}">{{menu.title}}</a></li>
                            {% endif %}
                            {% endfor %}
                        </ul>
                        <li class="">
                            <h5 class="mb-1"><a href="{{url('/meetings/venues')}}"><strong>Meetings Venues</strong></a></h5>
                        </li>
                        <ul class="list-unstyled mb-2">
                            {% for menu in menus %}
                            {% if  menu.categories[1].slug == "meeting-venue" %}
                            <li class=""><a href="{{url('/meetings/' ~ menu.slug)}}">{{menu.title}}</a></li>
                            {% endif %}
                            {% endfor %}
                        </ul>
                        <li class="mb-2">
                            <h5><a href="{{url('/in-house-event')}}"><strong>In-House Event</strong></a></h5>
                        </li>
                    </ul>
                </div>         
                <!-- 
                <div class="col-md-3 order-lg-2 ktpid-016">
                    <h3 class="pb-3">Have an enquiry?</h3>
                    <a class="btn btn-primary rounded-0 filter-button d-block py-4" href="#">Book this offer</a>
                </div>   -->
            </div>
        </div>
    </section>