{% embed "overall_header.html" %}
	{% block header_content %}
		<h1 class="text-slate-50 md:text-2xl text-xl">{INVITED_USERS_TITLE}</h1>
	{% endblock %}
{% endembed %}

<form id="invited_memberlist" method="post" action="{U_INVITED_LIST_ACTION}">

<!-- IF TOTAL_DATA -->
	<!-- INCLUDE @jv_core/pagination_top.html -->
<!-- ENDIF -->

  <div class="mt-3">
		<div class="-m-1.5 overflow-auto">
			<div class="p-1.5 min-w-full inline-block align-middle">
				<div class="border border-gray-200 rounded-lg overflow-hidden bg-white dark:bg-slate-900 dark:border-slate-900">
					<table class="min-w-full">
						<thead class="bg-slate-50 border-b dark:bg-slate-800">
							<tr>
								<th scope="col" class="p-3 text-start text-xs font-medium text-secondary uppercase">{L_USERNAME}</th>
								<th scope="col" class="jv_invite_bsc p-3 text-start text-xs font-medium text-secondary uppercase">{L_POST}</th>
								<th scope="col" class="jv_invite_bsl p-3 text-start text-xs font-medium text-secondary uppercase">{L_JOINED}</th>
                <!-- IF S_VIEWONLINE -->
								  <th scope="col" class="jv_invite_bsl p-3 text-start text-xs font-medium text-secondary uppercase">{L_LAST_ACTIVE}</th>
          			<!-- ENDIF -->
							</tr>
						</thead>
						<tbody class="divide-y">
						<!-- BEGIN users -->
							<tr class="divide-y <!-- IF user_row.S_ROW_COUNT is odd -->max-lg:bg-gray-50 dark:max-lg:bg-slate-800 bg1<!-- ELSE -->bg2<!-- ENDIF --> text-sm">
								<td class="p-3">
									<dfn>{L_USERNAME}{L_COLON}</dfn>
									<div class="list-inner text-sm">{users.H_USERNAME}</div>
                </td>
                <td class="p-3 jv_invite_bsc"></td>
                <td class="p-3">
									<dfn>{L_POST}{L_COLON}</dfn>
									<div class="list-inner text-sm">{users.H_REG_TIME}</div>
                </td>
			          <!-- IF S_VIEWONLINE -->
                <td class="p-3">
									<dfn>{L_JOINED}{L_COLON}</dfn>
									<div class="list-inner text-sm">{users.H_U_AKTIV}</div>
                </td>
			          <!-- ENDIF -->
							</tr>
						<!-- END users -->
						</tbody>
					</table>
				</div>
			</div>
		</div>
	</div>

  <!-- IF TOTAL_DATA -->
  	<!-- INCLUDE @jv_core/pagination_bottom.html -->
  <!-- ENDIF -->
</form>

<!-- INCLUDE overall_footer.html -->