{style}
    {literal}
        .owm_forum_page .owm_context_action_list_item .owm_context_action_list_item_c > span {
            display:block;
        }
    {/literal}
{/style}
<div class="owm_forum_page owm_forum_topic_view" style="margin-bottom:40px">
    <div class="owm_std_margin_bottom">
        <div class="owm_nav_cap owm_nav_cap_left_cont owm_nav_cap_right_cont owm_bg_color_3 owm_border clearfix {if isset($iismenu_active)} iismenu-active {/if}">
            {if $canEdit || $canLock || $canSticky || $canSubscribe || $canMove || $canDelete}
                <div class="owm_view_more owm_float_right">
                    {component
                        class="FORUM_MCMP_ForumTopicContextMenu"
                        isOwner=$isOwner
                        isModerator=$isModerator
                        topicInfo=$topicInfo
                        canEdit=$canEdit
                        canDelete=$canDelete
                        canMove=$canMove
                        canLock=$canLock
                        canSticky=$canSticky
                        canSubscribe=$canSubscribe
                        isSubscribed=$isSubscribed
                    }
                </div>
            {/if}
            <div class="owm_float_left">
                {if isset($forumGroupBackUrl)}
                    <a class="owm_nav_cap_left" href="{$forumGroupBackUrl}"></a>
                {else}
                    <a class="owm_nav_cap_left" href="{url_for_route for="group-default:[groupId=>`$topicInfo.groupId`]"}"></a>
                {/if}
            </div>
            <h3>{text key='base+back'}</h3>
        </div>
        {if !isset($hideSearchComponent) || $hideSearchComponent!=true}
        {component
            class="FORUM_MCMP_ForumSearch"
            scope="topic"
            id="{$topicInfo.id}"
        }
        {/if}

        {$forum_Post_Component}

        {if $canSubscribe}
            <!-- subscribe/unsubscribe topic -->
            {script}
                $("#subscribe_topic, #unsubscribe_topic").bind("click", function(e)
                {
                    e.preventDefault();
                    var unsubscribe = $(this).attr("id") == "unsubscribe_topic";
                    var confirmText = unsubscribe
                        ? "{text key='forum+unsubscribe_confirm'}"
                        : "{text key='forum+subscribe_confirm'}";

                    var jc = $.confirm(confirmText);
                    jc.buttons.ok.action = function () {
                        actionAfterConfirm("{$subscribeTopicUrl}", function() {
                            // show or hide action buttons
                            if ( unsubscribe )
                            {
                                $("#unsubscribe_topic").hide();
                                $("#subscribe_topic").show();
                                return;
                            }

                            $("#unsubscribe_topic").show();
                            $("#subscribe_topic").hide();
                        });
                    };
                });
            {/script}
            <!-- end of subscribe/unsubscribe topic -->
        {/if}

        {if $canSticky}
            <!-- sticky/unsticky topic -->
            {script}
                $("#sticky_topic, #unsticky_topic").bind("click", function(e)
                {
                    e.preventDefault();
                    var unsticky = $(this).attr("id") == "unsticky_topic";
                    var confirmText = unsticky
                        ? "{text key='forum+unsticky_topic_confirm'}"
                        : "{text key='forum+sticky_topic_confirm'}";

                    var jc = $.confirm(confirmText);
                    jc.buttons.ok.action = function () {
                        actionAfterConfirm("{$stickyTopicUrl}", function() {
                            // show or hide action buttons
                            if ( unsticky ) {
                                $("#unsticky_topic").hide();
                                $("#sticky_topic").show();
                                return;
                            }

                            $("#unsticky_topic").show();
                            $("#sticky_topic").hide();
                        });
                    };
                });
            {/script}
            <!-- end of lock/unlock topic -->
        {/if}

        {if $canLock}
            <!-- lock/unlock topic -->
            {script}
                $("#lock_topic, #unlock_topic").bind("click", function(e)
                {
                    e.preventDefault();
                    var confirmText = $(this).attr("id") == "unlock_topic"
                        ? "{text key='forum+unlock_topic_confirm'}"
                        : "{text key='forum+lock_topic_confirm'}";

                    var jc = $.confirm(confirmText);
                    jc.buttons.ok.action = function () {
                    actionAfterConfirm("{$lockTopicUrl}", function(){
                        location.reload();
                        });
                    };
                });
            {/script}
            <!-- end of lock/unlock topic -->
        {/if}
        {if $canMove}
            <!-- move topic -->
            {script}
            $("#forum_move_topic").bind("click", function(e)
            {
            e.preventDefault();
            OWM.ajaxFloatBox("FORUM_MCMP_ForumMoveTopic", [{ "topicId" : {$topicInfo.id} }],
            {
            "title" : "{text key='forum+move'}"
            });

            });
            {/script}
            <!-- end of move topic -->
        {/if}

        {if $canEdit}
            <!-- topic form -->
            {script}
                /**
                 * Show a new topic form
                 */
                $( "#forum_new_topic" ).bind("click", function(e)
                {
                    e.preventDefault();

                    // show the topic form
                    OWM.ajaxFloatBox("FORUM_MCMP_ForumAddTopic", [{ "groupId" : {$topicInfo.groupId} }],
                    {
                        "title" : "{text key='forum+new_topic_btn'}"
                    });
                });
            {/script}
            <!-- end of topic form -->

            {if $isOwner || $isModerator}
                <!-- edit topic -->
                {script}
                    $("#forum_edit_topic").bind("click", function(e)
                    {
                        // show the edit topic form
                        OWM.ajaxFloatBox("FORUM_MCMP_ForumEditTopic", [{ "topicId" : {$topicInfo.id} }],
                        {
                            "title" : "{text key='forum+edit_topic'}"
                        });
                     });
                {/script}
                <!-- end of edit topic -->

                <!-- delete topic -->
                {script}
                    $("#forum_delete_topic").bind("click", function(e)
                    {
                        e.preventDefault();

                        var jc = $.confirm("{text key='forum+delete_topic_confirm'}");
                            jc.buttons.ok.action = function () {
                            actionAfterConfirm("{$subscribeTopicUrl}", function() {
                                location.href = "{url_for_route for="group-default:[groupId=>`$topicInfo.groupId`]"}";
                            });
                        }
                    });
                {/script}
                <!-- end of delete topic -->
            {/if}
        {/if}

        {if $canPost}
            {if !$topicInfo.locked}
                <!-- post form -->
                <input id="forum_new_post_wrappper" class="invitation" readonly="readonly" type="text" value="{text key='forum+write_reply'}" />
                {script}
                    /**
                     * Show a new post form
                     */
                    $("#forum_new_post_wrappper").focus(function()
                    {
                        // show the post form
                        OWM.ajaxFloatBox("FORUM_MCMP_ForumAddPost", [{ "topicId" : {$topicInfo.id} }],
                        {
                            "title" : "{text key='forum+add_post_title'}"
                        });
                    });
                {/script}
                <!-- end of post form -->
            {else}
                <div class="owm_forum_topic_locked">
                    <input id="forum_new_post_wrappper" class="invitation" disabled="disabled" type="text" value="{text key='forum+topic_is_locked'}" />
                </div>
            {/if}
        {/if}

        {script}
            topicAction = function(confirmText, url, callback)
            {
                if ( confirm(confirmText) )
                {
                   actionAfterConfirm(url, callback);
                }
            }
            actionAfterConfirm = function(url, callback){
                $.post(url, function(data){
                    var data = jQuery.parseJSON(data);
                    if ( true === data.result && callback != "undefined"){
                    callback.call(this, data);
                    }
                });
            }
        {/script}
        {if isset($paging)}{$paging}{/if}
    </div>
</div>