@use plume_models::users::User;
@use templates::base;
@use template_utils::*;
@use routes::*;

@(ctx: BaseContext, users: Vec<User>, page: i32, n_pages: i32)

@:base(ctx, i18n!(ctx.1, "Users"), {}, {}, {
    <h1>@i18n!(ctx.1, "Users")</h1>

    @tabs(&[
        (&uri!(instance::admin).to_string(), i18n!(ctx.1, "Configuration"), false),
        (&uri!(instance::admin_instances: page = _).to_string(), i18n!(ctx.1, "Instances"), false),
        (&uri!(instance::admin_users: page = _).to_string(), i18n!(ctx.1, "Users"), true),
    ])

    <div class="list">
        @for user in users {
            <div class="flex">
                @avatar(ctx.0, &user, Size::Small, false, ctx.1)
                <p class="grow">
                    <a href="@uri!(user::details: name = &user.fqn)">@user.name()</a>
                    <small>@format!("@{}", user.username)</small>
                </p>
                @if !user.is_admin {
                    <form class="inline" method="post" action="@uri!(instance::ban: id = user.id)">
                        <input type="submit" value="@i18n!(ctx.1, "Ban")">
                    </form>
                }
            </div>
        }
    </div>
    @paginate(ctx.1, page, n_pages)
})