{{*
  * Copyright (C) 2010-2026, the Friendica project
  * SPDX-FileCopyrightText: 2010-2026 the Friendica project
  *
  * SPDX-License-Identifier: AGPL-3.0-or-later
  *}}
{{if $item.thread_level==1}}
	{{assign var="top_child_total" value=count($item.children)}}
	{{assign var="top_child_nr" value=0}}
{{/if}}
{{if $item.thread_level==2}}
	{{assign var="top_child_nr" value=$top_child_nr+1 scope=parent}}
{{/if}}
{{if $item.thread_level==2 && $top_child_nr==1}}
<div class="comment-container {{if $item.smart_threading}} smart-threaded{{/if}}"> <!--top-child-begin-->
{{/if}}
{{if $mode == display}}
{{else}}
{{if $item.comment_firstcollapsed}}
{{if $item.thread_level<3}}
<button type="button" class="hide-comments-outer fakelink" onclick="showHideComments({{$item.id}});">
			<span id="hide-comments-total-{{$item.id}}" class="hide-comments-total">
				{{$item.num_comments}} - {{$item.show_text}}
			</span>
	<span id="hide-comments-{{$item.id}}" class="hide-comments" style="display: none">
				{{$item.num_comments}} - {{$item.hide_text}}
			</span>
</button>
<div id="collapsed-comments-{{$item.id}}" class="collapsed-comments" style="display: none;">
    {{else}}
	<div id="collapsed-comments-{{$item.id}}" class="collapsed-comments" style="display: block;">
        {{/if}}
        {{/if}}
        {{/if}}

        {{if $item.thread_level!=1}}<div class="children u-comment h-cite">{{/if}}

			<div aria-hidden="true" class="wall-item-decor">
				<img id="like-rotator-{{$item.id}}" class="like-rotator" src="images/rotator.gif" alt="{{$item.wait}}" title="{{$item.wait}}" style="display: none;" />
			</div>

            {{if $item.thread_level<7}}
			<div class="wall-item-container {{$item.indent}} {{$item.shiny}} {{$item.network}} thread_level_{{$item.thread_level}}" id="item-{{$item.guid}}">
                {{else}}
				<div class="wall-item-container {{$item.indent}} {{$item.shiny}} {{$item.network}} thread_level_7" id="item-{{$item.guid}}">
                    {{/if}}
                    {{if $item.thread_level==1}}
						<span class="commented" style="display: none;">{{$item.commented}}</span>
						<span class="received" style="display: none;">{{$item.received}}</span>
						<span class="created" style="display: none;">{{$item.created_date}}</span>
						<span class="uriid" style="display: none;">{{$item.uriid}}</span>
                    {{/if}}
					<div class="wall-item-item">
						<div class="wall-item-info">
							<div class="contact-photo-wrapper mframe{{if $item.owner_url}} wwfrom{{/if}} p-author h-card">
								<!-- <a aria-hidden="true" href="{{$item.profile_url}}" target="redir" title="{{$item.linktitle}}" class="contact-photo-link u-url" id="wall-item-photo-link-{{$item.id}}"></a> -->
								<img src="{{$item.thumb}}" class="contact-photo {{$item.sparkle}} p-name u-photo" id="wall-item-photo-{{$item.id}}" alt="{{$item.name}}" />
								<ul role="menu" aria-haspopup="true" class="contact-menu menu-popup" id="wall-item-photo-menu-{{$item.id}}">
                                    {{$item.item_photo_menu_html nofilter}}
								</ul>

							</div>
                            {{if $item.owner_url}}
								<div aria-hidden="true" class="contact-photo-wrapper mframe wwto" id="wall-item-ownerphoto-wrapper-{{$item.id}}">
									<a href="{{$item.owner_url}}" target="redir" title="{{$item.olinktitle}}" class="contact-photo-link u-url" id="wall-item-ownerphoto-link-{{$item.id}}">
										<img src="{{$item.owner_photo}}" class="contact-photo {{$item.osparkle}} p-name u-photo" id="wall-item-ownerphoto-{{$item.id}}" alt="{{$item.owner_name}}" />
									</a>
								</div>
                            {{/if}}
						</div>
						<div class="wall-item-actions-author">
							<a href="{{$item.profile_url}}" target="redir" title="{{$item.linktitle}}" class="wall-item-name-link"><span class="wall-item-name{{$item.sparkle}}">{{$item.name}}</span></a>
                            {{if $item.owner_url}}{{$item.via}} <a href="{{$item.owner_url}}" target="redir" title="{{$item.olinktitle}}" class="wall-item-name-link"><span class="wall-item-name{{$item.osparkle}}" id="wall-item-ownername-{{$item.id}}">{{$item.owner_name}}</span></a>{{/if}}
							<span class="wall-item-ago">
				{{if $item.plink}}<a title="{{$item.plink.title}}" href="{{$item.plink.href}}" class="u-url" style="color: #999"><time class="dt-published" datetime="{{$item.utc}}">{{$item.created}}</time></a>{{else}} <time class="dt-published" datetime="{{$item.utc}}">{{$item.created}}</time> {{/if}}
                                {{if $item.owner_self}}
                                    {{include file="sub/delivery_count.tpl" delivery=$item.delivery}}
                                {{/if}}
                                {{if $item.direction}}
                                    {{include file="sub/direction.tpl" direction=$item.direction}}
                                {{/if}}
				<span class="pinned">{{$item.pinned}}</span>
			</span>
			{{if $item.lock}}<span class="icon s10 lock fakelink" onclick="lockview(event, 'item', {{$item.id}});" title="{{$item.lock}}">{{$item.lock}}</span>{{/if}}
			<span class="wall-item-network" title="{{$item.app}}">
			{{if $item.network_svg}}
				<img class="network-svg" src="{{$item.network_svg}}" title="{{$item.network_name}}" alt="{{$item.network_name}}" loading="lazy"/>
			{{else}}
				{{$item.network_name}}
			{{/if}}
			</span>
							<div class="wall-item-network-end"></div>
						</div>

						<div itemprop="description" class="wall-item-content">
                            {{if $item.title}}<h2 dir="auto"><a href="{{$item.plink.href}}" class="{{$item.sparkle}} p-name" dir="auto">{{$item.title}}</a></h2>{{/if}}
							{{if $item.summary}}<summary class="wall-item-summary" id="wall-item-summary-{{$item.id}}">{{$item.summary}}</summary>{{/if}}
							<div class="wall-item-body e-content {{if !$item.title}}p-name{{/if}}" dir="auto">{{$item.body_html nofilter}}</div>
						</div>
					</div>
					<div class="wall-item-bottom">
						<div class="wall-item-links">
						</div>
						<div class="tags wall-item-tags">
							{{if !$item.suppress_tags}}
								{{foreach $item.hashtags as $tag}}
									<span class="tag">{{$tag nofilter}}</span>
								{{/foreach}}
								{{foreach $item.mentions as $tag}}
									<span class="mention">{{$tag nofilter}}</span>
								{{/foreach}}
							{{/if}}
							{{foreach $item.folders as $cat}}
								<span class="folder"><a href="{{$cat.url}}">{{$cat.name}}</a>{{if $cat.removeurl}} (<a href="{{$cat.removeurl}}" title="{{$remove}}">x</a>) {{/if}} </span>
							{{/foreach}}
							{{foreach $item.categories as $cat}}
								<span class="category"><a href="{{$cat.url}}">{{$cat.name}}</a>{{if $cat.removeurl}} (<a href="{{$cat.removeurl}}" title="{{$remove}}">x</a>) {{/if}} </span>
							{{/foreach}}
						</div>
                        {{if $item.edited}}
							<div class="itemedited text-muted">{{$item.edited['label']}} (<span title="{{$item.edited['date']}}">{{$item.edited['relative']}}</span>)</div>
                        {{/if}}
					</div>
					<div class="wall-item-bottom">
						<div class="wall-item-links">
                            {{if $item.plink}}<a role="button" title="{{$item.plink.orig_title}}" href="{{$item.plink.orig}}"><i class="icon-link icon-large"><span class="sr-only">{{$item.plink.orig_title}}</span></i></a>{{/if}}
						</div>
						<div class="wall-item-actions">
							<div class="wall-item-actions-social">
                                {{if $item.threaded}}
                                {{/if}}
                                {{if $item.remote_comment}}
									<a role="button" title="{{$item.remote_comment.0}}" href="{{$item.remote_comment.2}}"><i class="icon-commenting"><span class="sr-only">{{$item.remote_comment.1}}</span></i></a>
                                {{/if}}

                                {{if $item.comment_html}}
									<a role="button" id="comment-{{$item.id}}" class="fakelink togglecomment" onclick="openClose('item-comments-{{$item.id}}'); commentExpand({{$item.id}});" title="{{$item.switchcomment}}"><i class="icon-commenting"><span class="sr-only">{{$item.switchcomment}}</span></i></a>
                                {{/if}}

                                {{if $item.isevent}}
									<a role="button" id="attendyes-{{$item.id}}"{{if $item.responses.attendyes.self}} class="active"{{/if}} title="{{$item.attend.0}}" onclick="doActivityItem({{$item.id}}, 'attendyes'{{if $item.responses.attendyes.self}}, true{{/if}}); return false;"><i class="icon-ok icon-large"><span class="sr-only">{{$item.attend.0}}</span></i></a>
									<a role="button" id="attendno-{{$item.id}}"{{if $item.responses.attendno.self}} class="active"{{/if}} title="{{$item.attend.1}}" onclick="doActivityItem({{$item.id}}, 'attendno'{{if $item.responses.attendno.self}}, true{{/if}}); return false;"><i class="icon-remove icon-large"><span class="sr-only">{{$item.attend.1}}</span></i></a>
									<a role="button" id="attendmaybe-{{$item.id}}"{{if $item.responses.attendmaybe.self}} class="active"{{/if}} title="{{$item.attend.2}}" onclick="doActivityItem({{$item.id}}, 'attendmaybe'{{if $item.responses.attendmaybe.self}}, true{{/if}}); return false;"><i class="icon-question icon-large"><span class="sr-only">{{$item.attend.2}}</span></i></a>
                                {{/if}}

                                {{if $item.vote}}
                                    {{if $item.vote.like}}
										<a role="button" id="like-{{$item.id}}"{{if $item.responses.like.self}} class="active"{{/if}} title="{{$item.vote.like.0}}" onclick="doActivityItem({{$item.id}}, 'like'{{if $item.responses.like.self}}, true{{/if}}); return false"><i class="icon-thumbs-up icon-large"><span class="sr-only">{{$item.vote.like.0}}</span></i></a>
                                    {{/if}}
									{{if $item.vote.dislike}}
										<a role="button" id="dislike-{{$item.id}}"{{if $item.responses.dislike.self}} class="active"{{/if}} title="{{$item.vote.dislike.0}}" onclick="doActivityItem({{$item.id}}, 'dislike'{{if $item.responses.dislike.self}}, true{{/if}}); return false"><i class="icon-thumbs-down icon-large"><span class="sr-only">{{$item.vote.dislike.0}}</span></i></a>
									{{/if}}
									{{if $item.vote.announce}}
										<a role="button" id="announce-{{$item.id}}"{{if $item.responses.announce.self}} class="active"{{/if}} title="{{$item.vote.announce.0}}" onclick="doActivityItem({{$item.id}}, 'announce'{{if $item.responses.announce.self}}, true{{/if}}); return false"><i class="icon-retweet icon-large"><span class="sr-only">{{$item.vote.announce.0}}</span></i></a>
									{{/if}}
									{{if $item.vote.share}}
										<a role="button" id="share-{{$item.id}}" title="{{$item.vote.share.0}}" onclick="jotShare({{$item.id}}); return false"><i class="icon-share icon-large"><span class="sr-only">{{$item.vote.share.0}}</span></i></a>
									{{/if}}
                                {{/if}}

                                {{if $item.pin}}
									<a role="button" id="pin-{{$item.id}}" onclick="doPin({{$item.id}}); return false;" class="{{$item.pin.classdo}}" title="{{$item.pin.do}}"><i class="icon-circle icon-large"><span class="sr-only">{{$item.pin.do}}</span></i></a>
									<a role="button" id="unpin-{{$item.id}}" onclick="doPin({{$item.id}}); return false;" class="{{$item.pin.classundo}}" title="{{$item.pin.undo}}"><i class="icon-remove-circle icon-large"><span class="sr-only">{{$item.pin.undo}}</span></i></a>
                                {{/if}}
                                {{if $item.star}}
									<a role="button" id="star-{{$item.id}}" onclick="doStar({{$item.id}}); return false;" class="{{$item.star.classdo}}" title="{{$item.star.do}}"><i class="icon-bookmark icon-large"><span class="sr-only">{{$item.star.do}}</span></i></a>
									<a role="button" id="unstar-{{$item.id}}" onclick="doStar({{$item.id}}); return false;" class="{{$item.star.classundo}}" title="{{$item.star.undo}}"><i class="icon-bookmark-empty icon-large"><span class="sr-only">{{$item.star.undo}}</span></i></a>
                                {{/if}}
                                {{if $item.ignore}}
									<a role="button" id="ignore-{{$item.id}}" onclick="doIgnoreThread({{$item.id}}); return false;"  class="{{$item.ignore.classdo}}"  title="{{$item.ignore.do}}"><i class="icon-bell-slash icon-large"><span class="sr-only">{{$item.ignore.do}}</span></i></a>
									<a role="button" id="unignore-{{$item.id}}" onclick="doIgnoreThread({{$item.id}}); return false;"  class="{{$item.ignore.classundo}}"  title="{{$item.ignore.undo}}"><i class="icon-bell-slash-o icon-large"><span class="sr-only">{{$item.ignore.undo}}</span></i></a>
                                {{/if}}
                                {{if $item.tagger}}
									<a role="button" id="tagger-{{$item.id}}" onclick="itemTag({{$item.id}}); return false;" class="{{$item.tagger.class}}" title="{{$item.tagger.add}}"><i class="icon-tags icon-large"><span class="sr-only">{{$item.tagger.add}}</span></i></a>
                                {{/if}}
                                {{if $item.filer}}
									<a role="button" id="filer-{{$item.id}}" onclick="itemFiler({{$item.id}}); return false;" class="filer-item filer-icon" title="{{$item.filer}}"><i class="icon-folder-close icon-large"><span class="sr-only">{{$item.filer}}</span></i></a>
                                {{/if}}
							</div>

							<div class="wall-item-location">{{$item.location_html nofilter}}</div>

							<div class="wall-item-actions-isevent">
							</div>

							<div class="wall-item-actions-tools">
                                {{if $item.drop && $item.drop.pagedrop}}
									<input type="checkbox" title="{{$item.drop.select}}" name="itemselected[]" class="item-select" value="{{$item.id}}" />
                                {{/if}}
                                {{if $item.drop && $item.drop.dropping}}
									<a role="button" href="item/drop/{{$item.id}}/{{$item.return}}" onclick="return confirmDelete();" title="{{$item.drop.label}}"><i class="icon-trash icon-large"><span class="sr-only">{{$item.drop.label}}</span></i></a>
                                {{/if}}
                                {{if $item.report}}
									<a href="{{$item.report.href}}" title="{{$item.report.label}}"><i class="icon-flag icon-large"><span class="sr-only">{{$item.report.label}}</span></i></a>
                                {{/if}}
                                {{if $item.edpost}}
									<a role="button" href="{{$item.edpost.0}}" title="{{$item.edpost.1}}"><i class="icon-edit icon-large"><span class="sr-only">{{$item.edpost.1}}</span></i></a>
                                {{/if}}
							</div>

						</div>
					</div>
					<div class="wall-item-bottom">
						<div class="wall-item-links">
						</div>
						{{if $item.emojis}}
							{{foreach $item.emojis as $emoji}}
								{{if $emoji.icon.icon}}
									<span class="wall-item-emoji" title="{{$emoji.title}}"><i class="{{$emoji.icon.icon}} icon-large" aria-hidden="true"></i> {{$emoji.total}}</span>
								{{else}}
									<span class="wall-item-emoji" title="{{$emoji.title}}">{{$emoji.emoji}} {{$emoji.total}}</span>
								{{/if}}
							{{/foreach}}
                        {{elseif $item.responses}}
                            {{foreach $item.responses as $verb=>$response}}
								<div class="wall-item-{{$verb}}" id="wall-item-{{$verb}}-{{$item.id}}">{{$response.output nofilter}}</div>
                            {{/foreach}}
                        {{/if}}

					</div>

                    {{if $item.threaded}}{{if $item.comment_html}}
						<div class="wall-item-bottom">
							<div class="wall-item-links">
							</div>
							<div class="wall-item-comment-wrapper" id="item-comments-{{$item.id}}" style="display: none;">
                                {{$item.comment_html nofilter}}
							</div>
						</div>
                    {{/if}}{{/if}}
				</div>


                {{if $item.missing > 0}}
				<div class="wall-item-bottom">
					<div class="wall-item-links"></div>
					<a id="load-more-comments-{{$item.id}}" class="fakelink load-more-comments" href="#" onclick="loadMoreComments('{{$item.uriid}}', {{$item.id}}, {{$item.existing_json}}); return false;">{{$item.load_more_comments}}</a>
					<span id="load-more-loading-{{$item.id}}" class="loading-text" style="display: none;">{{$item.loading}} <img class="like-rotator" src="images/rotator.gif" alt="{{$item.loading}}" /></span>
				</div>
                {{/if}}

                {{foreach $item.children as $child}}
                    {{if $item.type == tag}}
                        {{include file="wall_item_tag.tpl" item=$child}}
                    {{else}}
                        {{include file="{{$item.template}}" item=$child}}
                    {{/if}}
                {{/foreach}}

                {{if $item.thread_level!=1}}</div>{{/if}}


            {{if $mode == display}}
            {{else}}
            {{if $item.comment_lastcollapsed}}</div>{{/if}}
        {{/if}}

        {{if $item.total_comments_num}}
            {{if $item.threaded}}{{if $item.comment_html}}{{if $item.thread_level==1}}
				<div class="wall-item-comment-wrapper" id="item-comments-{{$item.id}}">{{$item.comment_html nofilter}}</div>
            {{/if}}{{/if}}{{/if}}

            {{if $item.flatten}}
				<div class="wall-item-comment-wrapper" id="item-comments-{{$item.id}}">{{$item.comment_html nofilter}}</div>
            {{/if}}
        {{else}}
            {{if $item.threaded}}{{if $item.comment_html}}{{if $item.thread_level==1}}
				<div class="wall-item-comment-wrapper" id="item-comments-{{$item.id}}" style="display: none;">{{$item.comment_html nofilter}}</div>
            {{/if}}{{/if}}{{/if}}

            {{if $item.flatten}}
				<div class="wall-item-comment-wrapper" id="item-comments-{{$item.id}}" style="display: none;">{{$item.comment_html nofilter}}</div>
            {{/if}}
        {{/if}}
{{* close the comment-container div if no more thread_level = 2 children are left *}}
{{if $item.thread_level==2 && $top_child_nr==$top_child_total}}
</div><!--./comment-container-->
{{/if}}
