{{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>

  <!-- Registration policy -->
  <section class="card mb-4">
    <div class="card-header">
      <span class="font-semibold flex items-center gap-2">{{icon "user" "size-4"}} {{t .Lang "admin.registration"}}</span>
    </div>
    <form method="post" action="/admin/settings" class="card-body flex flex-col gap-3">
      <input type="hidden" name="_csrf" value="{{.CSRFToken}}">
      <div class="text-xs text-muted">{{t .Lang "admin.registration.mode"}}</div>
      <div class="registration-options">
        <label class="registration-option">
          <input type="radio" name="registration_mode" value="public" {{if eq .RegistrationMode "public"}}checked{{end}}>
          <span>
            <strong>{{t .Lang "admin.registration.public"}}</strong>
            <small>{{t .Lang "admin.registration.public_desc"}}</small>
          </span>
        </label>
        <label class="registration-option">
          <input type="radio" name="registration_mode" value="confirm" {{if eq .RegistrationMode "confirm"}}checked{{end}}>
          <span>
            <strong>{{t .Lang "admin.registration.confirm"}}</strong>
            <small>{{t .Lang "admin.registration.confirm_desc"}}</small>
          </span>
        </label>
        <label class="registration-option">
          <input type="radio" name="registration_mode" value="closed" {{if eq .RegistrationMode "closed"}}checked{{end}}>
          <span>
            <strong>{{t .Lang "admin.registration.closed"}}</strong>
            <small>{{t .Lang "admin.registration.closed_desc"}}</small>
          </span>
        </label>
      </div>
      <div class="flex justify-end">
        <button type="submit" class="btn btn-primary btn-sm">{{t .Lang "common.save"}}</button>
      </div>
    </form>
  </section>

  <!-- 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">
      <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>

      <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>

      <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 -->
  <section class="card mb-4">
    <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>{{t .Lang "admin.col.user"}}</th>
            <th>{{t .Lang "admin.col.status"}}</th>
            <th>{{t .Lang "admin.col.repos"}}</th>
            <th>{{t .Lang "admin.col.role"}}</th>
            <th>{{t .Lang "admin.col.joined"}}</th>
            <th style="text-align:right;">{{t .Lang "admin.col.actions"}}</th>
          </tr>
        </thead>
        <tbody>
          {{range .Users}}
            <tr>
              <td>
                <a href="/{{.Username}}" class="flex items-center gap-2 font-medium">
                  {{avatar .Username .AvatarURL}}
                  <span class="flex flex-col">
                    <span>{{.Username}}</span>
                    {{if .FullName}}<span class="text-xs text-muted">{{.FullName}}</span>{{end}}
                  </span>
                </a>
              </td>
              <td>
                {{if .IsApproved}}
                  <span class="badge badge-outline">{{t $.Lang "admin.approved"}}</span>
                {{else}}
                  <span class="badge badge-primary">{{t $.Lang "admin.pending"}}</span>
                {{end}}
              </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>
              <td>
                <div class="admin-row-actions">
                  {{if not .IsApproved}}
                    <form method="post" action="/admin/users/{{.ID}}/approve">
                      <input type="hidden" name="_csrf" value="{{$.CSRFToken}}">
                      <button type="submit" class="btn btn-primary btn-sm" title="{{t $.Lang "admin.approve"}}">
                        {{icon "check" "size-3.5"}}<span class="hidden md-flex">{{t $.Lang "admin.approve"}}</span>
                      </button>
                    </form>
                  {{end}}
                  <form method="post" action="/admin/users/{{.ID}}/admin">
                    <input type="hidden" name="_csrf" value="{{$.CSRFToken}}">
                    <button type="submit" class="btn btn-ghost btn-sm" title="{{if .IsAdmin}}{{t $.Lang "admin.remove_admin"}}{{else}}{{t $.Lang "admin.make_admin"}}{{end}}">
                      {{icon "shield" "size-3.5"}}
                    </button>
                  </form>
                  {{if ne .ID $.CurrentUser.ID}}
                    <button type="button" class="btn btn-ghost btn-sm text-destructive" title="{{t $.Lang "admin.delete_user"}}"
                            data-admin-delete-user="{{.ID}}" data-admin-delete-name="{{.Username}}">
                      {{icon "trash" "size-3.5"}}
                    </button>
                  {{end}}
                </div>
              </td>
            </tr>
          {{end}}
        </tbody>
      </table>
    </div>
  </section>

  <!-- Repositories -->
  <section class="card">
    <div class="card-header">
      <span class="font-semibold flex items-center gap-2">{{icon "git-branch" "size-4"}} {{t .Lang "admin.repos"}} ({{len .Repos}})</span>
    </div>
    {{if .Repos}}
      <div class="dense-list">
        {{range .Repos}}
          <div class="dense-row admin-repo-row">
            <a href="/{{.OwnerUsername}}/{{.Name}}" class="admin-repo-link">
              {{avatar .OwnerUsername (or .AvatarURL .OwnerAvatarURL)}}
              <span class="flex flex-col min-w-0">
                <span class="text-sm"><span class="text-muted">{{.OwnerUsername}}/</span><strong>{{.Name}}</strong></span>
                {{if .Description}}<span class="text-xs text-muted truncate">{{.Description}}</span>{{end}}
              </span>
            </a>
            <div class="admin-row-actions">
              <span class="badge badge-outline">{{if .IsPrivate}}{{t $.Lang "repo.private"}}{{else}}{{t $.Lang "repo.public"}}{{end}}</span>
              <button type="button" class="btn btn-ghost btn-sm text-destructive" title="{{t $.Lang "admin.delete_repo"}}"
                      data-admin-delete-repo="{{.ID}}" data-admin-delete-name="{{.Name}}">
                {{icon "trash" "size-3.5"}}
              </button>
            </div>
          </div>
        {{end}}
      </div>
    {{else}}
      <div class="card-body text-xs text-muted">{{t .Lang "repo.empty_list"}}</div>
    {{end}}
  </section>
</div>

<!-- Delete user confirmation -->
<div id="admin-delete-user-dialog" class="backdrop" role="dialog" aria-modal="true" aria-label="{{t .Lang "admin.delete_user_title"}}" aria-hidden="true">
  <div class="dialog-box">
    <div class="card-header">
      <span class="font-semibold text-destructive flex items-center gap-2">{{icon "trash" "size-4"}} {{t .Lang "admin.delete_user_title"}}</span>
      <button type="button" class="btn btn-ghost btn-icon" data-dialog-close aria-label="{{t .Lang "common.close"}}">{{icon "close" "size-4"}}</button>
    </div>
    <form method="post" action="/admin/users/0/delete" id="admin-delete-user-form">
      <input type="hidden" name="_csrf" value="{{.CSRFToken}}">
      <div class="card-body flex flex-col gap-3">
        <p class="text-sm text-muted" style="margin:0;">{{t .Lang "admin.delete_user_desc"}}</p>
        <div class="text-sm">{{t .Lang "admin.col.user"}}: <strong class="font-mono" id="admin-delete-user-target"></strong></div>
        <div>
          <label class="label" for="admin_delete_confirm_user">{{t .Lang "admin.confirm_user"}}</label>
          <input id="admin_delete_confirm_user" type="text" name="confirm_username" class="input font-mono" autocomplete="off" required
                 data-confirm-input="" data-confirm-button="admin-delete-user-submit">
        </div>
      </div>
      <div class="card-footer flex items-center justify-end gap-2">
        <button type="button" class="btn btn-outline btn-sm" data-dialog-close>{{t .Lang "common.cancel"}}</button>
        <button id="admin-delete-user-submit" type="submit" class="btn btn-destructive btn-sm" disabled>{{t .Lang "admin.delete_user"}}</button>
      </div>
    </form>
  </div>
</div>

<!-- Delete repository confirmation -->
<div id="admin-delete-repo-dialog" class="backdrop" role="dialog" aria-modal="true" aria-label="{{t .Lang "admin.delete_repo_title"}}" aria-hidden="true">
  <div class="dialog-box">
    <div class="card-header">
      <span class="font-semibold text-destructive flex items-center gap-2">{{icon "trash" "size-4"}} {{t .Lang "admin.delete_repo_title"}}</span>
      <button type="button" class="btn btn-ghost btn-icon" data-dialog-close aria-label="{{t .Lang "common.close"}}">{{icon "close" "size-4"}}</button>
    </div>
    <form method="post" action="/admin/repos/0/delete" id="admin-delete-repo-form">
      <input type="hidden" name="_csrf" value="{{.CSRFToken}}">
      <div class="card-body flex flex-col gap-3">
        <p class="text-sm text-muted" style="margin:0;">{{t .Lang "admin.delete_repo_desc"}}</p>
        <div class="text-sm">{{t .Lang "admin.repos"}}: <strong class="font-mono" id="admin-delete-repo-target"></strong></div>
        <div>
          <label class="label" for="admin_delete_confirm_repo">{{t .Lang "admin.confirm_repo"}}</label>
          <input id="admin_delete_confirm_repo" type="text" name="confirm_name" class="input font-mono" autocomplete="off" required
                 data-confirm-input="" data-confirm-button="admin-delete-repo-submit">
        </div>
      </div>
      <div class="card-footer flex items-center justify-end gap-2">
        <button type="button" class="btn btn-outline btn-sm" data-dialog-close>{{t .Lang "common.cancel"}}</button>
        <button id="admin-delete-repo-submit" type="submit" class="btn btn-destructive btn-sm" disabled>{{t .Lang "admin.delete_repo"}}</button>
      </div>
    </form>
  </div>
</div>
{{end}}