<%- include("../../partials/header.ejs") %>

<%- include("../../partials/isDefaultCSS/button.ejs") %>
<%- include("../../partials/nav.ejs") %>
<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-list-ul 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">
        <div class="columns is-multiline is-centered">
            <% if (servers.length <= 0) { %>
                <h2 class="is-size-3"><%= __("page.staff.queue.empty") %></h2>
            <% } else { %>
                <%- servers.map(server => include("../../partials/cards/serverCard.ejs", { server, search: false, queue: true, profile: false })).join("") %>
            <% } %>
        </div>
    </div>
</div>
<%- include("../../partials/footer.ejs") %>