{{*
  * Copyright (C) 2010-2026, the Friendica project
  * SPDX-FileCopyrightText: 2010-2026 the Friendica project
  *
  * SPDX-License-Identifier: AGPL-3.0-or-later
  *}}
<div class="generic-page-wrapper">
	<h1>{{$title}}</h1>
	<form action="settings/features" method="post" autocomplete="off">
		<input type="hidden" name="form_security_token" value="{{$form_security_token}}">
		{{* We organize the settings in collapsable panel-groups *}}
		<div class="panel-group panel-group-settings" id="settings" role="tablist" aria-multiselectable="true">
			{{foreach $features as $g => $f}}
			<div class="panel">
				<div class="section-subtitle-wrapper panel-heading" role="tab" id="{{$g}}-settings-title">
					<h2>
						<button class="btn-link accordion-toggle collapsed" data-toggle="collapse" data-parent="#settings" href="#{{$g}}-settings-content" aria-expanded="true" aria-controls="{{$g}}-settings-content">
							{{$f.0}}
						</button>
					</h2>
				</div>
				<div id="{{$g}}-settings-content" class="panel-collapse collapse" role="tabpanel" aria-labelledby="{{$g}}-settings-title">
					<div class="panel-body {{if $g == $network_mode}}network sortable{{/if}}">
						{{if $g == $network_mode}}
						<input type="hidden" id="feature_widgetorder" name="feature_widgetorder" value=""/>
						<p tabindex="0">{{$sortable}}</p>
						{{/if}}
						{{foreach $f.1 as $fcat}}
							{{include file="field_checkbox.tpl" field=$fcat}}
						{{/foreach}}
						<div class="clear"></div>
					</div>
					<div class="panel-footer">
						{{if $g == $network_mode}}
							{{include file="field_checkbox.tpl" field=$reset}}
						{{/if}}
						<button type="submit" name="submit" class="btn btn-primary" value="{{$submit}}">{{$submit}}</button>
					</div>
				</div>
			</div>
			{{/foreach}}
		</div>

	</form>
</div>
