{{define "content"}}
<div class="container">
  <div class="flex items-center justify-between mb-4">
    <h1 class="text-lg font-semibold" style="margin:0;">{{t .Lang "admin.title"}}</h1>
  </div>

  <!-- Feature Toggles (Modules & Access) -->
  <section class="card mb-4">
    <div class="card-header">
      <span class="font-semibold flex items-center gap-2">{{icon "settings" "size-4"}} {{t .Lang "admin.features"}}</span>
    </div>
    <div class="dense-list">
      <!-- 1. Explore Page -->
      <div class="dense-row" style="min-height:3.25rem;padding:0.65rem 0.9rem;">
        <div class="flex flex-col gap-1 min-w-0">
          <div class="flex items-center gap-2 font-medium text-sm">
            {{icon "globe" "size-4"}}
            <span>{{t .Lang "admin.explore"}}</span>
            {{if .ExploreEnabled}}
              <span class="badge badge-primary">{{t .Lang "admin.enabled"}}</span>
            {{else}}
              <span class="badge badge-outline">{{t .Lang "admin.disabled"}}</span>
            {{end}}
          </div>
          <div class="text-xs text-muted">{{t .Lang "admin.explore.desc"}}</div>
        </div>
        <form method="post" action="/admin/settings" style="margin:0;flex-shrink:0;">
          <input type="hidden" name="_csrf" value="{{.CSRFToken}}">
          <input type="hidden" name="setting_key" value="explore_enabled">
          {{if .ExploreEnabled}}
            <input type="hidden" name="setting_val" value="false">
            <button type="submit" class="btn btn-outline btn-sm">{{t .Lang "admin.disable_btn"}}</button>
          {{else}}
            <input type="hidden" name="setting_val" value="true">
            <button type="submit" class="btn btn-primary btn-sm">{{t .Lang "admin.enable_btn"}}</button>
          {{end}}
        </form>
      </div>

      <!-- 2. Public Registration -->
      <div class="dense-row" style="min-height:3.25rem;padding:0.65rem 0.9rem;">
        <div class="flex flex-col gap-1 min-w-0">
          <div class="flex items-center gap-2 font-medium text-sm">
            {{icon "user" "size-4"}}
            <span>{{t .Lang "admin.registration"}}</span>
            {{if .RegistrationEnabled}}
              <span class="badge badge-primary">{{t .Lang "admin.enabled"}}</span>
            {{else}}
              <span class="badge badge-outline">{{t .Lang "admin.disabled"}}</span>
            {{end}}
          </div>
          <div class="text-xs text-muted">{{t .Lang "admin.registration.desc"}}</div>
        </div>
        <form method="post" action="/admin/settings" style="margin:0;flex-shrink:0;">
          <input type="hidden" name="_csrf" value="{{.CSRFToken}}">
          <input type="hidden" name="setting_key" value="registration_enabled">
          {{if .RegistrationEnabled}}
            <input type="hidden" name="setting_val" value="false">
            <button type="submit" class="btn btn-outline btn-sm">{{t .Lang "admin.disable_btn"}}</button>
          {{else}}
            <input type="hidden" name="setting_val" value="true">
            <button type="submit" class="btn btn-primary btn-sm">{{t .Lang "admin.enable_btn"}}</button>
          {{end}}
        </form>
      </div>


      <!-- 4. Landing Page -->
      <div class="dense-row" style="min-height:3.25rem;padding:0.65rem 0.9rem;">
        <div class="flex flex-col gap-1 min-w-0">
          <div class="flex items-center gap-2 font-medium text-sm">
            {{icon "home" "size-4"}}
            <span>{{t .Lang "admin.landing"}}</span>
            {{if .LandingEnabled}}
              <span class="badge badge-primary">{{t .Lang "admin.enabled"}}</span>
            {{else}}
              <span class="badge badge-outline">{{t .Lang "admin.disabled"}}</span>
            {{end}}
          </div>
          <div class="text-xs text-muted">{{t .Lang "admin.landing.desc"}}</div>
        </div>
        <form method="post" action="/admin/settings" style="margin:0;flex-shrink:0;">
          <input type="hidden" name="_csrf" value="{{.CSRFToken}}">
          <input type="hidden" name="setting_key" value="landing_enabled">
          {{if .LandingEnabled}}
            <input type="hidden" name="setting_val" value="false">
            <button type="submit" class="btn btn-outline btn-sm">{{t .Lang "admin.disable_btn"}}</button>
          {{else}}
            <input type="hidden" name="setting_val" value="true">
            <button type="submit" class="btn btn-primary btn-sm">{{t .Lang "admin.enable_btn"}}</button>
          {{end}}
        </form>
      </div>

      <!-- 5. Anonymous Read Access -->
      <div class="dense-row" style="min-height:3.25rem;padding:0.65rem 0.9rem;">
        <div class="flex flex-col gap-1 min-w-0">
          <div class="flex items-center gap-2 font-medium text-sm">
            {{icon "eye" "size-4"}}
            <span>{{t .Lang "admin.anon_read"}}</span>
            {{if .AnonymousReadEnabled}}
              <span class="badge badge-primary">{{t .Lang "admin.enabled"}}</span>
            {{else}}
              <span class="badge badge-outline">{{t .Lang "admin.disabled"}}</span>
            {{end}}
          </div>
          <div class="text-xs text-muted">{{t .Lang "admin.anon_read.desc"}}</div>
        </div>
        <form method="post" action="/admin/settings" style="margin:0;flex-shrink:0;">
          <input type="hidden" name="_csrf" value="{{.CSRFToken}}">
          <input type="hidden" name="setting_key" value="anonymous_read_enabled">
          {{if .AnonymousReadEnabled}}
            <input type="hidden" name="setting_val" value="false">
            <button type="submit" class="btn btn-outline btn-sm">{{t .Lang "admin.disable_btn"}}</button>
          {{else}}
            <input type="hidden" name="setting_val" value="true">
            <button type="submit" class="btn btn-primary btn-sm">{{t .Lang "admin.enable_btn"}}</button>
          {{end}}
        </form>
      </div>
    </div>
  </section>

  <!-- Users Table -->
  <section class="card">
    <div class="card-header">
      <span class="font-semibold flex items-center gap-2">{{icon "users" "size-4"}} {{t .Lang "admin.users"}} ({{len .Users}})</span>
    </div>
    <div class="table-wrap" style="border:0;border-radius:0;">
      <table class="table">
        <thead>
          <tr>
            <th>ID</th>
            <th>{{t .Lang "admin.col.user"}}</th>
            <th>{{t .Lang "auth.email"}}</th>
            <th>{{t .Lang "admin.col.repos"}}</th>
            <th>{{t .Lang "admin.col.role"}}</th>
            <th>{{t .Lang "admin.col.joined"}}</th>
          </tr>
        </thead>
        <tbody>
          {{range .Users}}
            <tr>
              <td class="font-mono text-xs text-muted">#{{.ID}}</td>
              <td>
                <a href="/{{.Username}}" class="flex items-center gap-2 font-medium">
                  {{avatar .Username .AvatarURL}}
                  <div class="flex flex-col">
                    <span>{{.Username}}</span>
                    {{if .FullName}}<span class="text-xs text-muted">{{.FullName}}</span>{{end}}
                  </div>
                </a>
              </td>
              <td class="text-xs text-muted">{{.Email}}</td>
              <td class="font-mono text-xs">{{.RepoCount}}</td>
              <td>
                {{if .IsAdmin}}
                  <span class="badge badge-primary">{{t $.Lang "admin.role.admin"}}</span>
                {{else}}
                  <span class="badge badge-outline">{{t $.Lang "admin.role.user"}}</span>
                {{end}}
              </td>
              <td class="text-xs text-muted">{{timeAgo .CreatedAt $.Lang}}</td>
            </tr>
          {{end}}
        </tbody>
      </table>
    </div>
  </section>
</div>
{{end}}