{extends "../@layout.xml"}
{block title}{_post}{/block}

{block header}
	<a href="{$wallOwner->getURL()}">
		{$wallOwner->getCanonicalName()}
	</a>
	»
	<a href="/wall{$wallOwner->getId() * ($isWallOfGroup ? -1 : 1)}">
		{_wall}
	</a>
	»
	{_post}
{/block}

{block content}
    <div class="tabs">
        <div class="tab">
            <a href="/wall{$post->getTargetWall()}">{_all_posts}</a>
        </div>
        <div class="tab">
            <a href="/wall{$post->getTargetWall()}?type=owners">{$post->getTargetWall() < 0 ? tr("clubs_posts") : tr("users_posts", ovk_proc_strtr($wallOwner->getFirstName(), 20))}</a>
        </div>
        <div class="tab">
            <a href="/wall{$post->getTargetWall()}?type=others">{_others_posts}</a>
        </div>
        <div class="tab" id="activetabs">
            <a href="" id="act_tab_a">{_post}</a>
        </div>
    </div>
    {include "../components/post.xml", post => $post, forceNoCommentsLink => TRUE, forceNoDeleteLink => TRUE}
    <hr/>
    <div style="float: left; min-height: 100px; width: 68%;">
        {include "../components/comments.xml",
                 comments => $comments,
                 count => $cCount,
                 page => $cPage,
                 model => "posts",
                 parent => $post,
                 fromPost => true }
    </div>
    <div style="float: left; min-height: 100px; width: 32%;">
        <h4>{_actions}</h4>
        {if isset($thisUser)}
            {var $canDelete = $post->canBeDeletedBy($thisUser)}
            {if $thisUser->getId() != $post->getOwner()->getId()}
                {var $canReport = true}
            {/if}
        {/if}
        
        <a n:if="$canDelete ?? false" class="profile_link" style="display:block;width:96%;" href="/wall{$post->getPrettyId()}/delete">{_delete}</a>
        <a
            n:if="isset($thisUser) && $thisUser->getChandlerUser()->can('access')->model('admin')->whichBelongsTo(NULL) AND $post->getEditTime()"
            style="display:block;width:96%;"
            class="profile_link"
            href="/admin/logs?type=1&obj_type=Post&obj_id={$post->getId()}"
        >
            {_changes_history}
        </a>
        <a n:if="$canReport ?? false" class="profile_link" style="display:block;width:96%;" href="javascript:reportPost()">{_report}</a>
    </div>
    <script n:if="$canReport ?? false">
        function reportPost() {
            uReportMsgTxt  = tr("going_to_report_post");
            uReportMsgTxt += "<br/>"+tr("report_question_text");
            uReportMsgTxt += "<br/><br/><b>"+tr("report_reason")+"</b>: <input type='text' id='uReportMsgInput' placeholder='" + tr("reason") + "' />"

            MessageBox(tr("report_question"), uReportMsgTxt, [tr("confirm_m"), tr("cancel")], [
                (function() {
                    res = document.querySelector("#uReportMsgInput").value;
                    xhr = new XMLHttpRequest();
                    xhr.open("GET", "/report/" + {$post->getId()} + "?reason=" + res + "&type=post", true);
                    xhr.onload = (function() {
                        if(xhr.responseText.indexOf("reason") === -1)
                            MessageBox(tr("error"), tr("error_sending_report"), ["OK"], [Function.noop]);
                        else
                            MessageBox(tr("action_successfully"), tr("will_be_watched"), ["OK"], [Function.noop]);
                    });
                    xhr.send(null);
                }),
                Function.noop
            ]);
        }
    </script>
{/block}