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

{block header}
    {_feed}
{/block}

{block content}
    <div class="tabs">
        <div n:attr="id => (isset($globalFeed) ? 'ki' : 'activetabs')" class="tab">
            <a n:attr="id => (isset($globalFeed) ? 'ki' : 'act_tab_a')" href="/feed">{_my_news}</a>
        </div>
        <div n:attr="id => (isset($globalFeed) ? 'activetabs' : 'ki')" class="tab">
            <a n:attr="id => (isset($globalFeed) ? 'act_tab_a' : 'ki')" href="/feed/all">{_all_news}</a>
        </div>
    </div>

    <div n:class="postFeedWrapper, $thisUser->hasMicroblogEnabled() ? postFeedWrapperMicroblog">
        {include "../components/textArea.xml", route => "/wall" . $thisUser->getId() . "/makePost", graffiti => true, polls => true, notes => true}
    </div>
    
    <div class="infContainer">
        {foreach $posts as $post}
            <div class="infObj">
                <a name="postGarter={$post->getId()}"></a>
                {include "../components/post.xml", post => $post, onWallOf => true, commentSection => true}
            </div>
        {/foreach}
    </div>

    <div class="postFeedBottom" n:if="$thisUser->getPaginatorType() == 0">
        <div class="postFeedPaginator">
            {include "../components/paginator.xml", conf => $paginatorConf}
        </div>
        <div class="postFeedPageSelect">
            {_posts_per_page}:
            <br />
            <select id="pageSelect">
                <option value="1">1</option>
                <option value="5">5</option>
                <option value="10">10</option>
                <option value="20">20</option>
                <option value="30">30</option>
                <option value="40">40</option>
                <option value="50">50</option>
            </select>
        </div>
    </div>

    {if $thisUser->getPaginatorType() == 1}
        {include "../components/paginator.xml", conf => $paginatorConf}
    {/if}

    <script>
        u("#pageSelect").nodes[0].value = {$paginatorConf->perPage};
        
        u("#pageSelect").on("change", function(e) {
            let url = "?" + {http_build_query(array_merge($_GET, ['posts' => '__padding']))};
            window.location.assign(url.replace("__padding", e.target.value));
        });
    </script>

    {if isset($thisUser) && $thisUser->hasMicroblogEnabled()}
        {script "js/al_comments.js"}
    {/if}
{/block}