<%- include("../../partials/header.ejs") %>
<link href="/css/theme/<%= preferredTheme %>/form.css?v=<%= cssVersion %>" media="screen, print" rel="stylesheet" />
<%- include("../../partials/nav.ejs") %>

<%- include("../../partials/isDefaultCSS/button.ejs") %>
<style>
    .modal-card-head.is-warning {
        border-bottom: 1px solid #ffdd57 !important;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
    }
    .modal-card-head.is-info {
        border-bottom: 1px solid #3298dc !important;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
    }
</style>
<section class="hero is-primary">
    <div class="hero-body">
        <div class="container has-text-centered">
            <br />
            <h1 class="title">
                <span class="icon is-medium iconalign">
                    <i aria-hidden="true" class="fad fa-users-cog has-text-default fa-1x"></i>
                </span>
                <br />
                <span><%= title %></span>
            </h1>
            <h2 class="subtitle"><%= subtitle %></h2>
        </div>
    </div>
</section>
<div class="container">
    <div class="section">
        <h3 class="is-size-3"><%= __("common.rank.admin.short") %></h1>
        <br />
        <div class="columns is-multiline is-centered">
            <%- admin.map(user => include("../../partials/cards/userCardMgmt.ejs", { user })).join("") %>
        </div>
        <br />
        <h3 class="is-size-3"><%= __("common.rank.assistant.short") %></h1>
        <br />
        <div class="columns is-multiline is-centered">
            <%- assistant.map(user => include("../../partials/cards/userCardMgmt.ejs", { user })).join("") %>
        </div>
        <br />
        <h3 class="is-size-3"><%= __("common.rank.mod.short") %></h1>
        <br />
        <div class="columns is-multiline is-centered">
            <%- mod.map(user => include("../../partials/cards/userCardMgmt.ejs", { user })).join("") %>
        </div>
    </div>
</div>
<%- include("../../partials/footer.ejs") %>
