url = "/in-house-event"
title ="In-House Event"
layout = "default"
altnavigation = true
==
<?php
	use RainLab\Blog\Models\Category;
    function onStart()
    {
        $posts = Category::where("slug", "event")->first();
        $this['posts'] = $posts->posts;
		$this['js'] = "assets/js/script.min.js";
        $this['js'] = "assets/js/in-house-event.min.js";

        $menus = Category::where("slug", "meeting")->first();
        $this['menus'] = $menus->posts;
	}
?>
==

	{% 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 %}
    {% for post in posts%}
    <div class="modal fade" id="{{post.slug}}" tabindex="-1" role="dialog" aria-labelledby="{{post.slug}}-label" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered modal-xl" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="{{post.slug}}-label">{{post.title}}</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="ktpid-032">
                        <img src="{{post.featured_images[0].path}}">
                    </div>
                    <!-- <div class="mt-4 px-lg-4">
                        <h5 class="text-beta">{{post.excerpt_2}}</h5>
                        {{post.content_html|raw}}
                    </div> -->
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary rounded-0" data-dismiss="modal">Close</button>
                </div>
            </div>
        </div>
    </div>
    {% endfor %}
    {% endput %}

    <section id="in-house-event-01">
        <div class="container">
             <div class="row">
                <div class="col-md-10 order-lg-1 ktpid-015">
                    <h1 class="mb-4 text-center">In-House Event</h1>
                    <div class="row mt-4">
                        {% for post in posts%}
                        <div class="col-lg-4">
                            <div class="ratio-box ratio4_3">
                                <div class="ratio-box-content ktpid-031">
                                    <img src="{{post.featured_images[0].path}}">
                                </div>
                            </div>
                            <h4 class="mt-3 mb-1">{{post.title}}</h4>
                            <h5 class="text-beta">{{post.excerpt_2}}</h5>
                            <p>
                                {{post.excerpt}}
                            </p>
                            <button type="button" class="btn btn-primary rounded-0" data-toggle="modal" data-target="#{{post.slug}}">
                                View Detail
                            </button>
                        </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>
        </div>
    </section>

    <!-- <section id="in-house-event-02">
        <div class="container">
            <div class="row">
                <div class="col-lg-9 order-lg-1">
                    {% for i in 1..3 %}
                    <div class="mb-lg-4">
                        <div class="event-image">
                            <img src="{{('assets/images/0' ~ i ~ '.jpg')|theme}}">
                        </div>
                        <div class="d-lg-flex mb-lg-3 mt-lg-2">
                            <div class="d-lg-flex ktpid-029">
                                <div class="d-flex flex-wrap justify-content-center">
                                    <div class="text-center px-1">
                                        <h6 class="m-0"><strong>04</strong></h6>
                                        <p class="m-0">Jun</p>
                                    </div>
                                    <div class="text-center px-1">-</div>
                                    <div class="text-center px-1">
                                        <h6 class="m-0"><strong>04</strong></h6>
                                        <p class="m-0">Jun</p>
                                    </div>
                                </div>
                            </div>
                            <div class="ktpid-030 flex-grow-1 ml-lg-4">
                                <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal">
  Launch demo modal
</button>
                                <h4 class="mb-1 mt-3">The Omah Massage &amp; Spa</h4>
                                <p>Beat The Heat of Bali</p>
                            </div>
                        </div>
                        <p>
                            Beat the heat of Bali's all-time summer atmosphere by coming to Ayodya Beach Club Party full of hype at Ayodya Beach Club & Grill every Sunday starts 4 PM. Featuring various entertainment from Our musician and resident DJs.
                        </p>
                    </div>
                    {% endfor %}
                </div>
                <div class="col-lg-3 order-lg-0">
                    <ul class="list-unstyled m-0">
                        <li class="mb-2">
                            <h5><a href="{{url('/meetings/packages')}}"><strong class="text-uppercase">Archives</strong></a></h5>
                        </li>
                        <li class="mb-2 pb-2 border-bottom"><a href="#">2018</a></li>
                        <li class="pb-2 border-bottom"><a href="#">2019</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </section> -->