{% extends 'master.twig' %}

{% set forumBackLink %}{{ route('forums.forum', forum.id) }}{% endset %}

{% set title %}{% if topic is defined %}{{ topic.title }}{% else %}Creating topic in {{ forum.name }}{% endif %}{% endset %}

{% if topic is defined %}
    {% if forum.perms.reply
        and (
        topic.status != 1
        or forum.perms.changeStatus
        ) %}
        {% set forumReplyLink %}#reply{% endset %}
    {% endif %}

    {% if forum.perms.changeType
        or forum.perms.changeStatus
        or forum.perms.topicMove
        or forum.perms.deleteAny %}
        {% set showMod = true %}
    {% endif %}

    {% if forum.perms.changeType %}
        {% set forumSticky = topic.type == 1 ? true : false %}
        {% set forumAnnounce = topic.type == 2 ? true : false %}
    {% endif %}

    {% if forum.perms.changeStatus %}
        {% set forumLock = topic.status == 1 ? true : false %}
    {% endif %}

    {% if forum.perms.topicMove %}
        {% if topic.oldForum %}
            {% set forumRestore = true %}
        {% endif %}

        {% if topic.forum != config('forum.trash') %}
            {% set forumTrash = true %}
        {% endif %}
    {% endif %}

    {% if forum.perms.deleteAny %}
        {% if topic.forum == config('forum.trash') %}
            {% set forumPrune = true %}
        {% endif %}
    {% endif %}

    {% set posts = topic.posts|batch(10) %}

    {% set paginationPages = posts %}
    {% set paginationUrl %}{{ route('forums.topic', topic.id) }}{% endset %}
{% endif %}

{% block css %}
    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.5.0/styles/default.min.css">
{% endblock %}

{% block js %}
    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.5.0/highlight.min.js"></script>
    <script type="text/javascript">
        function deletePost(id) {
            var confirm = new Sakura.Dialogue;
            confirm.SetType(Sakura.DialogueType.Confirm);
            confirm.Text = "Are you sure?";
            confirm.AddCallback(Sakura.DialogueButton.Yes, function () {
                var deleter = new Sakura.AJAX;
                deleter.SetUrl("{{ route('forums.post.delete', 1) }}".replace('1', id));
                deleter.AddCallback(200, function () {
                    Sakura.DOM.Remove(Sakura.DOM.ID('p' + id));
                });
                deleter.AddCallback(0, function () {
                    var error = new Sakura.Dialogue;
                    error.Text = "Deletion failed!";
                    error.AddCallback(Sakura.DialogueButton.Ok, function () {
                        this.Close();
                    });
                    error.Display();
                });
                deleter.Start(Sakura.HTTPMethod.DELETE);
                this.Close();
            });
            confirm.AddCallback(Sakura.DialogueButton.No, function () {
                this.Close();
            });
            confirm.Display();
        }

        hljs.initHighlightingOnLoad();
    </script>
{% endblock %}

{% block content %}
    <div class="content homepage forum viewtopic">
        <div class="content-column">
            <div class="head">{{ forum.name }} / <span id="topicTitle">{{ topic.title }}</span></div>
            {% include 'forum/elements/forumBtns.twig' %}
            <table class="posts">
                {% if topic is defined %}
                    {% set textCache = session.replyText['t' ~ topic.id] %}
                    {% set postingAction = route('forums.topic.reply', topic.id) %}

                    {% for post in posts[get.page|default(1) - 1] %}
                        <tr class="post" id="p{{ post.id }}">
                            <td class="userpanel">
                                {% if post.poster.activated or post.poster.restricted %}<a href="{{ route('user.profile', post.poster.id) }}" class="default username" style="color: {{ post.poster.colour }}; text-shadow: 0 0 5px {% if post.poster.colour != 'inherit' %}{{ post.poster.colour }}{% else %}#222{% endif %};" title="Go to {{ post.poster.username }}'s profile">{{ post.poster.username }}</a>
                                <img src="{{ route('user.avatar', post.poster.id) }}" alt="{{ post.poster.username }}" class="avatar" style="box-shadow: 0 3px 7px #{% if post.poster.isOnline %}484{% else %}844{% endif %};">
                                {% else %}
                                <a class="username">[deleted user]</a>
                                {% endif %}
                                <div class="userdata">
                                    <div class="usertitle">{{ post.poster.title }}</div>
                                    <img src="/images/tenshi.png" alt="Tenshi"{% if not post.poster.isPremium %} style="opacity: 0;"{% endif %}> <img src="/images/flags/{{ post.poster.country|lower }}.png" alt="{{ post.poster.country(true) }}">{% if post.poster.id == (topic.posts|first).poster.id %} <img src="/images/op.png" alt="OP" title="Original Poster">{% endif %}
                                    {% if user.isActive %}
                                    <div class="actions">
                                        {% if (user.id == post.poster.id and forum.perms.edit) or forum.perms.editAny %}
                                            <a class="fa fa-pencil-square-o" title="Edit this post" href="javascript:void(0);" onclick="editPost({{ post.id }});"></a>
                                        {% endif %}
                                        {% if (user.id == post.poster.id and forum.perms.delete) or forum.perms.deleteAny %}
                                            <a class="fa fa-trash" title="Delete this post" href="javascript:;" onclick="deletePost({{ post.id }})"></a>
                                        {% endif %}
                                        {% if not (post.poster.activated or post.poster.restricted or user.id == post.poster.id) %}
                                            <a class="fa fa-{% if user.isFriends(post.poster.id) == 2 %}heart{% else %}star{% endif %} friend-{{ post.poster.id }}-level" title="You are friends" {% if user.isFriends(post.poster.id) == 0 %}style="display: none;"{% endif %}></a>
                                            <a class="fa fa-user-{% if user.isFriends(post.poster.id) == 0 %}plus{% else %}times{% endif %} forum-friend-toggle friend-{{ post.poster.id }}-toggle" title="{% if user.isFriends(post.poster.id) == 0 %}Add {{ post.poster.username }} as a friend{% else %}Remove friend{% endif %}" href="javascript:void(0);" onclick="Sakura.Friend.{% if user.isFriends(post.poster.id) == 0 %}Add({{ post.poster.id }}){% else %}Remove({{ post.poster.id }}){% endif %}"></a>
                                            <a class="fa fa-flag" title="Report {{ post.poster.username }}" href="{{ route('user.report', post.poster.id) }}"></a>
                                        {% endif %}
                                        <a class="fa fa-reply" title="Quote this post" href="javascript:void(0);" onclick="Sakura.Editor.QuotePost({{ post.id }}, '{{ post.poster.username }}', pText);"></a>
                                    </div>
                                    {% endif %}
                                </div>
                            </td>
                            <td class="post-content">
                                <div class="details">
                                    <div class="subject">
                                        <a href="#p{{ post.id }}" class="clean">{{ post.subject|slice(0, 50) }}{% if post.subject|length > 50 %}...{% endif %}</a>
                                    </div>
                                    <div class="date">
                                        <a href="{{ route('forums.post', post.id) }}" class="clean">#{{ post.id }} - <time class="time-ago" datetime="{{ post.time|date('r') }}">{{ post.time|date(config('general.date_format')) }}</time></a>
                                    </div>
                                    <div class="clear"></div>
                                </div>
                                <div class="post-text bbcode">
                                    {{ post.parsed|raw }}
                                </div>
                                {% if post.poster.signature and post.poster.perms.changeSignature %}
                                <div class="clear"></div>
                                <div class="signature bbcode">
                                    {{ post.poster.signature()|raw|nl2br }}
                                </div>
                                {% endif %}
                            </td>
                        </tr>
                    {% endfor %}
                {% else %}
                    {% set titleCache = session.replyText['f' ~ forum.id].title %}
                    {% set textCache = session.replyText['f' ~ forum.id].text %}
                    {% set postingAction = route('forums.new', forum.id) %}
                {% endif %}
                {% if forumReplyLink is defined or topic is not defined %}
                    <tr class="post" id="postingPreview" style="display: none;">
                        <td class="userpanel">
                            <a class="default username" href="{{ route('user.profile', user.id) }}" style="color: {{ user.colour }}; text-shadow: 0 0 5px {% if user.colour != 'inherit' %}{{ user.colour }}{% else %}#222{% endif %};" title="Go to {{ user.username }}'s profile">{{ user.username }}</a>
                            <img src="{{ route('user.avatar', user.id) }}" alt="{{ user.username }}" class="avatar" style="box-shadow: 0 3px 7px #484;">
                            <div class="userdata">
                                <div class="usertitle">{{ user.title }}</div>
                                <img src="/images/tenshi.png" alt="Tenshi"{% if not user.isPremium %} style="opacity: 0;"{% endif %}> <img src="/images/flags/{{ user.country|lower }}.png" alt="{{ user.country(true) }}">{% if user.id == (topic.posts|first).poster.id %} <img src="/images/op.png" alt="OP" title="Original Poster">{% endif %}
                            </div>
                        </td>
                        <td class="post-content">
                            <div class="details">
                                <div class="subject" id="previewTitle">{% if titleCache is not defined %}Re: {{ topic.title }}{% endif %}</div>
                                <div class="date" id="previewMode">Preview</div>
                                <div class="clear"></div>
                            </div>
                            <div class="post-text bbcode" id="previewText"></div>
                            {% if user.signature and user.perms.changeSignature %}
                                <div class="clear"></div>
                                <div class="signature bbcode">
                                    {{ user.signature()|raw|nl2br }}
                                </div>
                            {% endif %}
                        </td>
                    </tr>
                {% endif %}
            </table>
            {% if forumReplyLink is defined or topic is not defined %}
                {% include 'forum/elements/replyForm.twig' %}
            {% endif %}
            {% include 'forum/elements/forumBtns.twig' %}
        </div>
    </div>
{% endblock %}