{{*
  * Copyright (C) 2010-2026, the Friendica project
  * SPDX-FileCopyrightText: 2010-2026 the Friendica project
  *
  * SPDX-License-Identifier: AGPL-3.0-or-later
  *}}
<!-- NOTE: Place "sidebar-widget-list" only on one element: The one that should be expanded/collapsed -->
<script>
	function showHideDates() {
		if ($('#posted-date-selector-drop').is(':visible')) {
			$('#posted-date-selector-drop').hide();
			$('#posted-date-collapse').html('{{$showmore}}');

		} else {
			$('#posted-date-selector-drop').show();
			$('#posted-date-collapse').html('{{$showless}}');
		}
	}
</script>

<nav id="datebrowse-sidebar" class="widget">
	<button class="widget-btn fakelink" onclick="openCloseWidget('datebrowse-sidebar');" aria-expanded="false">
		<h3>
			<i class="ri ri-archive-line" aria-hidden="true"></i>
			{{$title}}
		</h3>
	</button>
	<div class="sidebar-widget-list">
		<ul id="posted-date-selector" class="datebrowse-ul">
			{{foreach $dates as $y => $arr}}

				{{if $y == $cutoff_year}}
				</ul>
				<ul id="posted-date-selector-drop" class="datebrowse-ul" style="display: none;">
				{{/if}}

				<li id="posted-date-selector-year-{{$y}}" class="tool">
					<a class="datebrowse-link" href="#" onclick="openClose('posted-date-selector-{{$y}}'); return false;">{{$y}}</a>
				</li>
				<li id="posted-date-selector-{{$y}}" class="tool posted-date-selector-months" style="display: none;">
					<ul class="datebrowse-ul">
						{{if $y|cat:$thisday >= $cutoffday}}
							<li class="tool">
								<a class="datebrowse-link" href="{{$url}}/{{$y|cat:$nextday}}/{{$y|cat:$thisday}}">{{$onthisdate}}</a>
							</li>
						{{/if}}
						{{foreach $arr as $d}}
							<li class="tool">
								<a class="datebrowse-link" href="{{$url}}/{{$d.1}}/{{$d.2}}">{{$d.0}}</a>
							</li>

						{{/foreach}}
					</ul>
				</li>
			{{/foreach}}
		</ul>
		{{if $cutoff}}
			<ul class="datebrowse-ul">
				<li onclick="showHideDates(); return false;" id="posted-date-collapse" class="fakelink tool">{{$showmore}}
				</li>
			</ul>
		{{/if}}
	</div>
</nav>
<script>
	initWidget('datebrowse-sidebar');
</script>
