title = "Events"
url = "/events/:slug?/:page?"
layout = "default"
is_hidden = 1
lazy_load = 1
robot_index = "index"
robot_follow = "follow"
enabled_in_sitemap = 1
model_all_posts = 0
model_include_default = 0
use_updated_at = 1
changefreq = "always"
priority = 0.1

[blogPosts]
pageNumber = "{{ :page }}"
categoryFilter = "{{ :slug }}"
postsPerPage = 900
noPostsMessage = "No posts found"
sortOrder = "published_at desc"
categoryPage = "events"
postPage = "article"

[blogCategories]
slug = "events"
displayEmpty = 0
categoryPage = "events"

[tags]
results = 0
sortOrder = "created_at desc"
==
<?php
function onStart() {
    $slug = $this->param('slug'); //check for a language request
    if (!$slug)
    {
        return \Redirect::to('/events/events');
    }
}
?>
==
{% set posts = blogPosts.posts %}
<div class="main overflow-hidden">
    {% put styles %}
    <style>
    .slider__main__content {
        display: flex;
        height: 100%;
        flex-direction: column;
        justify-content: end;
        padding-left: 25px;
        padding-right: 100px;
        /*padding-top: 110px;*/
    }
    .back__btn__blk {
        padding-top: 0px;
        margin-bottom: 10px;
        margin-right: 20px;
    }
    .tab__area {
        padding-top: 20px;
        padding-bottom: 0px;
    }
    .tab__topbar {
        text-align: center;
        padding-bottom: 10px;
    }
    .pagination > li {
        list-style: none! important;
    }
    </style>
    {% endput %}
    {% set headerImage = '' %}
    {% set showAll = 1 %}
    {% for post in posts|sort((a, b) => b.sensit_blogdisplaydate_displaydate <=> a.sensit_blogdisplaydate_displaydate) if (post.sensit_blogdisplaydate_displaydate or showAll) and post.sensit_blogdisplaydate_displaydate|date >= today|date %}
        {% if loop.index == 1 %}
            {% set headerImage = post.featured_images.0.path %}
        {% else %}
            {% if random(1, posts|length) == loop.index %}
                {% set headerImage = post.featured_images.0.path %}
            {% endif %}
        {% endif %}
    {% endfor %}
    <!-- =================== Slider AREA START ===================== -->
    <div class="slider__area">
        <div class="slider__left__blk" style="background-image: url({{ headerImage }});">
            <div class="slider__main__content">
                <div class="slider__pages">
                    <div class="back__btn__blk">
                        <a href="#" onclick="history.back()"><i class="fal fa-long-arrow-left"></i>Go Back</a>
                    </div>
                    <div>
                    <a href="/">Home</a>
                    </div>
                    <span>{{ record.home_about_title }}</span>
                </div>
            </div>
        </div>
    </div>
    <!-- =================== Slider AREA START ===================== -->

    {% put styles %}
    <style>
    .categorySelected {
        background: #c4ccff;
        border-radius: 0px;
        padding: 10px;
        border: 1px solid #adb8fc;
        position: relative;top: -15px;
    }

    .categoryLabel {
        background: #d9d9d9;
        border-radius: 0px;
        padding: 10px;
        border: 1px solid #adb8fc;
        position: relative;top: -15px;
    }
    </style>
    {% endput %}
    <!-- =================== SERVICE AREA START ===================== -->
    <section class="tab__area">
        {% if backendLoggedIn and editMode %}
            <a style="position:relative;top:0;left:0;border-radius:0;z-index:10000000;width:150px;" class="btn btn-success btn-sm" href="{{ url('/') }}{{ backendUri }}/rainlab/blog/categories/update/{{ category.id }}" role="button" target="_blank">Edit category</a>
        {% endif %}
        <div class="container">
            <br><br><br>
            <div style="display: flex; justify-content: space-between;">
            {% if this.param['slug']  == 'events' %}
            <span class="button categorySelected" style="">All Events</span>
            {% else %}
            <a href="/events/events"><span class="button categoryLabel" style="">All Events</span></a>
            {% endif %}
            {% for maincategory in blogCategories.categories %}
                {% for eventscategory in maincategory.children if eventscategory.id == 1 %}
                    {% for childcategory in eventscategory.children %}
                        {% if childcategory.slug == this.param['slug'] %}
                        <span class="button categorySelected" style="">{{ childcategory.name }}</span>
                        {% else %}
                        <a href="{{ childcategory.url }}"><span class="button categoryLabel" style="">{{ childcategory.name }}</span></a>
                        {% endif %}
                    {% endfor %}
                {% endfor %}
            {% endfor %}
            </div>
        <h1>{{ record.home_about_title }}</h1>
        <div class="row">
        {% set today = 'now'|date %}
        {% for post in posts|sort((a, b) => b.sensit_blogdisplaydate_displaydate <=> a.sensit_blogdisplaydate_displaydate) if (post.sensit_blogdisplaydate_displaydate or showAll) and post.sensit_blogdisplaydate_displaydate|date >= today|date %}
            <div class="col-md-12" style="margin: 5px 0px;">
                <div class="container" style="text-align: center; border: solid 0.5px; padding: 5px; margin: 0px 0px; height: 100%;">
                {% if backendLoggedIn and editMode %}
                    <a style="display: flex;position:relative;top:0;left:0;border-radius:0;z-index:10000000;width:150px;" class="btn btn-success btn-sm" href="{{ url('/') }}{{ backendUri }}/rainlab/blog/posts/update/{{ post.id }}" role="button" target="_blank">Edit post</a>
                {% endif %}
                    <a href="{{ post.url }}">
                    <div class="row">
                        <div class="col-lg-6">
                            <div style="height: 150px; display: flex; justify-content: center; align-items: center; overflow: hidden">
                            <img src="{% if post.featured_images is not empty %}{{ post.featured_images.0.path }}{% endif %}" style="min-height:200px; min-width:100%; object-fit: cover;" noresize>
                            </div>
                                <span class="button categoryLabel" style="font-size: 20px;">{{ post.categories.0.name }}{% if post.sensit_blogdisplaydate_displaydate %} - {{ post.sensit_blogdisplaydate_displaydate|date('d/m/Y') }}{% endif %}</span>
                        </div>
                        <div class="col-lg-6">
                            <h2 style="font-size: 20px">{{ post.title }}</h2>
                            {{ post.summary|striptags|slice(0,200)|raw }}
                        </div>
                    </div>
                    </a>
                </div>
            </div>
        {% endfor %}
        </div>
{% if posts.lastPage > 1 %}
    
    <ul class="pagination">
            <li>Page: </li>
        {% if posts.currentPage > 1 %}
            <li><a href="{{ this.page.baseFileName|page({ (blogPosts.pageParam): (posts.currentPage-1) }) }}">&larr; Prev |&nbsp;</a></li>
        {% endif %}

        {% for page in 1..posts.lastPage %}
            <li class="{{ posts.currentPage == page ? 'active' : null }}">
                <a href="{{ this.page.baseFileName|page({ (blogPosts.pageParam): page }) }}"> {{ page }}  {% if not loop.last %}|&nbsp;{% endif %}</a>
            </li>
        {% endfor %}

        {% if posts.lastPage > posts.currentPage %}
            <li><a href="{{ this.page.baseFileName|page({ (blogPosts.pageParam): (posts.currentPage+1) }) }}">&nbsp;| Next &rarr;</a></li>
        {% endif %}
    </ul>
{% endif %}
        </div>
    </section>
</div>