{{define "page-header"}}
<div class="flex justify-between items-center min-h-12 mb-6">
    <h1 class="text-2xl font-bold">Edit Crew Member</h1>
    <a href="/admin#crew" class="btn btn-ghost gap-2">
        {{ icon "arrow-left" "size-4" }}
        Back to Crew
    </a>
</div>
{{end}}

{{define "page-content"}}
<div class="card bg-base-100 shadow-sm">
    <div class="bg-base-200 px-6 py-4 rounded-t-2xl border-b border-base-300">
        <div class="flex justify-between items-center">
            <div class="flex flex-col gap-1">
                {{if .MemberHandle}}<strong id="member-handle" class="text-lg">{{.MemberHandle}}</strong>{{end}}
                <code class="text-xs text-base-content/50 break-all font-mono">{{.Member.Member}}</code>
            </div>
            {{if .IsOwner}}<span class="badge badge-warning">Owner</span>{{end}}
        </div>
    </div>

    <div class="card-body">
        <form action="/admin/crew/{{.RKey}}/update" method="POST" class="max-w-lg">
            {{ csrfInput .CSRFToken }}
            <fieldset class="fieldset mb-6">
                <label class="fieldset-label font-medium" for="role">Role</label>
                <input type="text" id="role" name="role"
                       class="input input-bordered w-full"
                       value="{{.Member.Role}}" {{if .IsOwner}}disabled{{end}}>
            </fieldset>

            <fieldset class="fieldset mb-6">
                <label class="fieldset-label font-medium">Permissions</label>
                <div class="flex flex-col gap-3 mt-2">
                    <label class="flex items-start gap-3 cursor-pointer">
                        <input type="checkbox" name="perm_read" class="checkbox checkbox-sm checkbox-primary mt-0.5" {{if contains .Member.Permissions "blob:read"}}checked{{end}} {{if .IsOwner}}disabled{{end}}>
                        <span class="font-medium text-sm">blob:read</span>
                    </label>
                    <label class="flex items-start gap-3 cursor-pointer">
                        <input type="checkbox" name="perm_write" class="checkbox checkbox-sm checkbox-primary mt-0.5" {{if contains .Member.Permissions "blob:write"}}checked{{end}} {{if .IsOwner}}disabled{{end}}>
                        <span class="font-medium text-sm">blob:write</span>
                    </label>
                    <label class="flex items-start gap-3 cursor-pointer">
                        <input type="checkbox" name="perm_admin" class="checkbox checkbox-sm checkbox-primary mt-0.5" {{if contains .Member.Permissions "crew:admin"}}checked{{end}} {{if .IsOwner}}disabled{{end}}>
                        <span class="font-medium text-sm">crew:admin</span>
                    </label>
                </div>
            </fieldset>

            {{if .Tiers}}
            <fieldset class="fieldset mb-6">
                <label class="fieldset-label font-medium" for="tier">Quota Tier</label>
                <select id="tier" name="tier" class="select select-bordered w-full" {{if .IsOwner}}disabled{{end}}>
                    {{range .Tiers}}
                    <option value="{{.Key}}" {{if eq .Key $.Member.Tier}}selected{{end}}>{{.Name}} ({{.Limit}})</option>
                    {{end}}
                </select>
            </fieldset>
            {{end}}

            {{if .IsOwner}}
            <div class="p-4 bg-base-200 rounded-lg text-base-content/60 italic">
                Owner permissions cannot be modified.
            </div>
            {{else}}
            <div class="flex gap-3 mt-6">
                <button type="submit" class="btn btn-primary">Save Changes</button>
                <a href="/admin#crew" class="btn btn-ghost">Cancel</a>
            </div>
            {{end}}
        </form>
    </div>
</div>
{{end}}