{% include 'admin/partials/header.html' %}{% include 'admin/partials/sidebar.html' %}
<div class="acp-page-head"><div><span class="eyebrow">Community</span><h1>Groups & Permissions</h1><p>Review groups at a glance, then open a group to edit its complete permission set.</p></div><button class="acp-primary" type="button" data-open-group-create>＋ Create group</button></div>
<section class="group-summary-grid">
{% foreach $groups as $group %}<button class="group-summary-card" type="button" data-open-group-editor="group-editor-{{ $group['id'] }}" style="--group-color:{{ $group['group_color'] ?? '#7f8c8d' }}">
  <span class="group-summary-accent"></span><span class="group-summary-main"><span class="group-type">{{ $group['is_builtin']?'Built-in':'Custom' }}</span><strong>{{ $group['name'] }}</strong><small>{{ $group['description'] }}</small></span>
  <span class="group-summary-meta"><b>{{ number_format($group['member_count']) }}</b><small>members</small></span>
  <span class="group-power {{ $group['group_key']==='banned'?'banned':($group['is_admin']?'admin':($group['is_moderator']?'mod':'standard')) }}">{{ $group['group_key']==='banned'?'Banned':($group['is_admin']?'Administrator':($group['is_moderator']?'Moderator':'Standard')) }}</span>
  <span class="group-summary-arrow">›</span>
</button>{% endforeach %}
</section>

<div class="acp-modal" data-group-create-modal hidden><div class="acp-modal-card group-editor-modal"><header><div><span class="eyebrow">New group</span><h2>Create custom group</h2><p>New groups begin without staff powers and can be configured afterward.</p></div><button type="button" data-close-group-modal>×</button></header><form method="post" action="{{ $baseUrl }}/admin/groups/create" class="group-create-modal-form"><input type="hidden" name="_token" value="{{ $csrfToken }}"><label>Group name<input name="name" required maxlength="100" placeholder="Group name"></label><label>Description<textarea name="description" maxlength="255" rows="4" placeholder="Short description"></textarea></label><footer><button class="btn secondary" type="button" data-close-group-modal>Cancel</button><button class="acp-primary" type="submit">Create group</button></footer></form></div></div>

{% foreach $groups as $group %}<div class="acp-modal" id="group-editor-{{ $group['id'] }}" data-group-editor-modal hidden><div class="acp-modal-card group-editor-modal" style="--group-color:{{ $group['group_color'] ?? '#7f8c8d' }}"><header><div><span class="group-type">{{ $group['is_builtin']?'Built-in group':'Custom group' }}</span><h2>Edit {{ $group['name'] }}</h2><p>{{ number_format($group['member_count']) }} members currently use this group.</p></div><button type="button" data-close-group-modal>×</button></header>
<form method="post" action="{{ $baseUrl }}/admin/groups/save"><input type="hidden" name="_token" value="{{ $csrfToken }}"><input type="hidden" name="group_id" value="{{ $group['id'] }}">
<div class="group-editor-scroll"><section class="permission-section identity-section"><h3>Group identity</h3><div class="group-identity-grid"><label><span>Group name</span><input name="name" maxlength="100" value="{{ $group['name'] }}" {{ $group['is_builtin']?'readonly':'' }}></label><label><span>Display color</span><input type="color" name="group_color" value="{{ $group['group_color'] ?? '#7f8c8d' }}"></label></div><label class="wide-field"><span>Description</span><textarea name="description" rows="3" maxlength="500">{{ $group['description'] }}</textarea></label></section>
<section class="permission-section"><h3>Forum access</h3><label><span><b>View forums</b><small>Read public forum content</small></span><input type="checkbox" name="can_view_forum" value="1" {{ $group['can_view_forum']?'checked':'' }}></label><label><span><b>Create topics</b><small>Start new discussions</small></span><input type="checkbox" name="can_post_topics" value="1" {{ $group['can_post_topics']?'checked':'' }}></label><label><span><b>Post replies</b><small>Reply to existing topics</small></span><input type="checkbox" name="can_post_replies" value="1" {{ $group['can_post_replies']?'checked':'' }}></label><label><span><b>Edit own content</b><small>Edit their own posts and topics</small></span><input type="checkbox" name="can_edit_own" value="1" {{ $group['can_edit_own']?'checked':'' }}></label><label><span><b>Delete own content</b><small>Remove their own content</small></span><input type="checkbox" name="can_delete_own" value="1" {{ $group['can_delete_own']?'checked':'' }}></label></section>
<section class="permission-section calendar-permissions"><h3>Calendar permissions</h3><label><span><b>View calendar</b><small>Browse events, birthdays, and holidays</small></span><input type="checkbox" name="can_view_calendar" value="1" {{ $group['can_view_calendar']?'checked':'' }}></label><label><span><b>Create calendar events</b><small>Publish custom events from the public calendar</small></span><input type="checkbox" name="can_create_calendar_events" value="1" {{ $group['can_create_calendar_events']?'checked':'' }}></label><label><span><b>Edit own events</b><small>Update custom events they created</small></span><input type="checkbox" name="can_edit_own_calendar_events" value="1" {{ $group['can_edit_own_calendar_events']?'checked':'' }}></label><label><span><b>Delete own events</b><small>Remove custom events they created</small></span><input type="checkbox" name="can_delete_own_calendar_events" value="1" {{ $group['can_delete_own_calendar_events']?'checked':'' }}></label><label><span><b>Manage all calendar events</b><small>Edit or remove events created by any member</small></span><input type="checkbox" name="can_manage_calendar_events" value="1" {{ $group['can_manage_calendar_events']?'checked':'' }}></label></section>
<section class="permission-section"><h3>Avatar permissions</h3><label><span><b>Upload avatars</b><small>Allow drag-and-drop or browse uploads</small></span><input type="checkbox" name="can_upload_avatar" value="1" {{ $group['can_upload_avatar']?'checked':'' }}></label><label><span><b>Link remote avatars</b><small>Allow HTTP/HTTPS image URLs</small></span><input type="checkbox" name="can_link_avatar" value="1" {{ $group['can_link_avatar']?'checked':'' }}></label><div class="group-avatar-limits"><label><span>Maximum file size (bytes)</span><input type="number" name="avatar_max_bytes" min="1024" max="10485760" value="{{ $group['avatar_max_bytes'] }}"></label><label><span>Maximum width</span><input type="number" name="avatar_max_width" min="16" max="4096" value="{{ $group['avatar_max_width'] }}"></label><label><span>Maximum height</span><input type="number" name="avatar_max_height" min="16" max="4096" value="{{ $group['avatar_max_height'] }}"></label></div></section>
<section class="permission-section elevated"><h3>Elevated powers</h3><label><span><b>Moderator identity</b><small>Marks this group as moderation staff</small></span><input type="checkbox" name="is_moderator" value="1" {{ $group['is_moderator']?'checked':'' }}></label><label><span><b>Moderate topics</b><small>Pin, lock, move, and remove topics</small></span><input type="checkbox" name="can_moderate_topics" value="1" {{ $group['can_moderate_topics']?'checked':'' }}></label><label><span><b>Moderate posts</b><small>Remove posts and manage reports</small></span><input type="checkbox" name="can_moderate_posts" value="1" {{ $group['can_moderate_posts']?'checked':'' }}></label><label><span><b>Administrator identity</b><small>Marks this group as administrators</small></span><input type="checkbox" name="is_admin" value="1" {{ $group['is_admin']?'checked':'' }}></label><label><span><b>Access Admin CP</b><small>Enter and manage the control panel</small></span><input type="checkbox" name="can_access_admin" value="1" {{ $group['can_access_admin']?'checked':'' }}></label></section>
<section class="permission-section elevated"><h3>Admin CP areas</h3><label><span><b>View reports</b><small>Access the scoped moderation report queue</small></span><input type="checkbox" name="acp_view_reports" value="1" {{ $group['acp_view_reports']?'checked':'' }}></label><label><span><b>Manage users</b><small>Search and edit member accounts</small></span><input type="checkbox" name="acp_manage_users" value="1" {{ $group['acp_manage_users']?'checked':'' }}></label><label><span><b>Manage forums</b><small>Categories, forums, permissions, and moderators</small></span><input type="checkbox" name="acp_manage_forums" value="1" {{ $group['acp_manage_forums']?'checked':'' }}></label><label><span><b>Manage groups</b><small>Edit group permissions and limits</small></span><input type="checkbox" name="acp_manage_groups" value="1" {{ $group['acp_manage_groups']?'checked':'' }}></label><label><span><b>Manage board settings</b><small>Change board-wide configuration</small></span><input type="checkbox" name="acp_manage_settings" value="1" {{ $group['acp_manage_settings']?'checked':'' }}></label><label><span><b>Manage system tools</b><small>Plugins, logs, upgrades, calendar, and maintenance</small></span><input type="checkbox" name="acp_manage_system" value="1" {{ $group['acp_manage_system']?'checked':'' }}></label></section></div>
<footer class="group-editor-actions"><button class="btn secondary" type="button" data-close-group-modal>Cancel</button><button class="acp-primary" type="submit">Save group</button></footer></form></div></div>{% endforeach %}
{% include 'admin/partials/footer.html' %}