<div id="admin-invites-list" class="settings-section" data-name="invites-list-admin">
    <a class="invite-user-link" href="#invite"><i class="fa fa-plus-circle" aria-hidden="true"></i>{{t "Invite more users" }}</a>
    <div>
        <h3 class="inline-block">{{t "Invites" }}</h3>
        <input type="text" class="search" placeholder="{{t 'Filter invites' }}" aria-label="{{t 'Filter invites' }}"/>
        <div class="alert-notification" id="invites-field-status"></div>
    </div>
    <div class="clear-float"></div>

    <div class="progressive-table-wrapper" data-simplebar>
        <table class="table table-condensed table-striped">
            <thead>
                <th class="active" data-sort="invitee">{{t "Invitee" }}</th>
                <th data-sort="alphabetic" data-sort-prop="ref">{{t "Invited by" }}</th>
                <th data-sort="numeric" data-sort-prop="invited">{{t "Invited at" }}</th>
                <th data-sort="numeric" data-sort-prop="invited_as">{{t "Invited as" }}</th>
                <th class="actions">{{t "Actions" }}</th>
            </thead>
            <tbody id="admin_invites_table" class="required-text thick admin_invites_table" data-empty="{{t 'No invites match your current filter.' }}"></tbody>
        </table>
    </div>
    <div id="admin_page_invites_loading_indicator"></div>
</div>
