{% set header_title = 'Main Game Discussions' %}
{% set breadcrumbs = [
    '<a href="index.html">Home</a>',
    '<a href="forum.html">Forum</a>',
    '<span>Main Game Discussions</span>'
] %}
{% extends 'layouts/layout-1.html' %}

{% block content %}

    <div class="container">

        <!-- START: Pagination -->
        <div class="row justify-content-end">
            <div class="col-md-3 text-right">
                <a href="#" class="nk-btn nk-btn-rounded nk-btn-color-white">New Topic</a>
            </div>
        </div>
        <!-- END: Pagination -->

        <div class="nk-gap-2"></div>

        <!-- START: Forums List -->
        <ul class="nk-forum">
            <li>
                <div class="nk-forum-icon">
                    <span class="ion-pin"></span>
                </div>
                <div class="nk-forum-title">
                    <h3><a href="forum-single-topic.html">Suggestions</a></h3>
                    <div class="nk-forum-title-sub">Started by <a href="#">nK</a> on January 17, 2018</div>
                </div>
                <div class="nk-forum-count">
                    178 posts
                </div>
                <div class="nk-forum-activity-avatar">
                    <a href="forum-single-topic.html">
                        <img src="{{ users[0].avatar }}" alt="{{ users[0].name }}">
                    </a>
                </div>
                <div class="nk-forum-activity">
                    <div class="nk-forum-activity-title" title="{{ users[0].name }}">
                        <a href="#">{{ users[0].name }}</a>
                    </div>
                    <div class="nk-forum-activity-date">
                        September 11, 2018
                    </div>
                </div>
            </li>
            <li class="nk-forum-locked">
                <div class="nk-forum-icon">
                    <span class="ion-locked"></span>
                </div>
                <div class="nk-forum-title">
                    <h3><a href="forum-single-topic.html">Are you ready for 2.0 release?</a></h3>
                    <div class="nk-forum-title-sub">Started by <a href="#">{{ users[0].name }}</a> on August 23, 2018</div>
                </div>
                <div class="nk-forum-count">
                    3 posts
                </div>
                <div class="nk-forum-activity-avatar">
                    <a href="forum-single-topic.html">
                        <img src="{{ users[1].avatar }}" alt="{{ users[1].name }}">
                    </a>
                </div>
                <div class="nk-forum-activity">
                    <div class="nk-forum-activity-title" title="{{ users[1].name }}">
                        <a href="#">{{ users[1].name }}</a>
                    </div>
                    <div class="nk-forum-activity-date">
                        August 26, 2018
                    </div>
                </div>
            </li>
            <li>
                <div class="nk-forum-icon">
                    <span class="ion-chatboxes"></span>
                </div>
                <div class="nk-forum-title">
                    <h3><a href="forum-single-topic.html">When will be next closed beta?</a></h3>
                    <div class="nk-forum-title-sub">Started by <a href="#">{{ users[0].name }}</a> on August 9, 2018</div>
                </div>
                <div class="nk-forum-count">
                    4 posts
                </div>
                <div class="nk-forum-activity-avatar">
                    <a href="forum-single-topic.html">
                        <img src="{{ users[2].avatar }}" alt="{{ users[2].name }}">
                    </a>
                </div>
                <div class="nk-forum-activity">
                    <div class="nk-forum-activity-title" title="{{ users[2].name }}">
                        <a href="#">{{ users[2].name }}</a>
                    </div>
                    <div class="nk-forum-activity-date">
                        August 15, 2018
                    </div>
                </div>
            </li>
            <li>
                <div class="nk-forum-icon">
                    <span class="ion-chatboxes"></span>
                </div>
                <div class="nk-forum-title">
                    <h3><a href="forum-single-topic.html">Add new post types</a></h3>
                    <div class="nk-forum-title-sub">Started by <a href="#">{{ users[1].name }}</a> on Jule 28, 2018</div>
                </div>
                <div class="nk-forum-count">
                    1 post
                </div>
                <div class="nk-forum-activity-avatar">
                    <a href="forum-single-topic.html">
                        <img src="{{ users[1].avatar }}" alt="{{ users[1].name }}">
                    </a>
                </div>
                <div class="nk-forum-activity">
                    <div class="nk-forum-activity-title" title="{{ users[1].name }}">
                        <a href="#">{{ users[1].name }}</a>
                    </div>
                    <div class="nk-forum-activity-date">
                        Jule 28, 2018
                    </div>
                </div>
            </li>
            <li>
                <div class="nk-forum-icon">
                    <span class="ion-chatboxes"></span>
                </div>
                <div class="nk-forum-title">
                    <h3><a href="forum-single-topic.html">Clan Wars functionality</a></h3>
                    <div class="nk-forum-title-sub">Started by <a href="#">{{ users[0].name }}</a> on June 17, 2018</div>
                </div>
                <div class="nk-forum-count">
                    8 posts
                </div>
                <div class="nk-forum-activity-avatar">
                    <a href="forum-single-topic.html">
                        <img src="{{ users[0].avatar }}" alt="{{ users[0].name }}">
                    </a>
                </div>
                <div class="nk-forum-activity">
                    <div class="nk-forum-activity-title" title="{{ users[0].name }}">
                        <a href="#">{{ users[0].name }}</a>
                    </div>
                    <div class="nk-forum-activity-date">
                        Jule 6, 2018
                    </div>
                </div>
            </li>
            <li>
                <div class="nk-forum-icon">
                    <span class="ion-chatboxes"></span>
                </div>
                <div class="nk-forum-title">
                    <h3><a href="forum-single-topic.html">Some questions before start</a></h3>
                    <div class="nk-forum-title-sub">Started by <a href="#">{{ users[0].name }}</a> on June 28, 2018</div>
                </div>
                <div class="nk-forum-count">
                    1 post
                </div>
                <div class="nk-forum-activity-avatar">
                    <a href="forum-single-topic.html">
                        <img src="{{ users[0].avatar }}" alt="{{ users[0].name }}">
                    </a>
                </div>
                <div class="nk-forum-activity">
                    <div class="nk-forum-activity-title" title="{{ users[0].name }}">
                        <a href="#">{{ users[0].name }}</a>
                    </div>
                    <div class="nk-forum-activity-date">
                        June 28, 2018
                    </div>
                </div>
            </li>
        </ul>
        <!-- END: Forums List -->

        <div class="nk-gap-2"></div>

        <!-- START: Pagination -->
        <div class="row">
            <div class="col-md-3 order-md-2 text-right">
                <a href="#" class="nk-btn nk-btn-rounded nk-btn-color-white">New Topic</a>
            </div>
            <div class="col-md-9">
                <div class="nk-pagination nk-pagination-left">
                    <a href="#" class="nk-pagination-prev">
                        <span class="ion-ios-arrow-back"></span>
                    </a>
                    <nav>
                        <a class="nk-pagination-current" href="#">1</a>
                        <a href="#">2</a>
                        <a href="#">3</a>
                        <a href="#">4</a>
                        <span>...</span>
                        <a href="#">14</a>
                    </nav>
                    <a href="#" class="nk-pagination-next">
                        <span class="ion-ios-arrow-forward"></span>
                    </a>
                </div>
            </div>
        </div>
        <!-- END: Pagination -->
    </div>

    <div class="nk-gap-2"></div>
{% endblock %}