{% if MCHAT_PAGE in ['custom', 'archive'] %}
	{% INCLUDE 'overall_header.html' %}
{% endif %}

{% EVENT dmzx_mchat_overall_header_after %}

{% EVENT dmzx_mchat_header_before %}

{% EVENT dmzx_mchat_header_after %}

{% INCLUDE '@dmzx_mchat/mchat_script_data.html' %}

{% if MCHAT_PAGE == 'archive' and (loops.pagination|length or MCHAT_TOTAL_MESSAGES) %}
<div class="panel-group clearfix">
	{% EVENT dmzx_mchat_action_bar_top_before %}
		{% if loops.pagination|length %}
			{% INCLUDE 'pagination.html' %}
		{% else %}
		<div class="btn-group pull-{S_CONTENT_FLOW_BEGIN}">
			<span class="btn btn-default disabled">{{ MCHAT_TOTAL_MESSAGES }}</span>
			<span class="btn btn-default disabled">{{ PAGE_NUMBER }}</span>
		</div>
		{% endif %}
	{% EVENT dmzx_mchat_action_bar_top_after %}
</div>
{% endif %}

{% EVENT dmzx_mchat_before %}

{% if MCHAT_IS_COLLAPSIBLE %}
	<a class="category{% if S_MCHAT_HIDDEN %} hidden-category{% endif %} mchat-category"></a>
{% endif %}

<div class="panel panel-default forabg mchat-wrapper">
	<a id="mChat" class="anchor"></a>
	
		{% INCLUDE '@dmzx_mchat/mchat_header.html' %}

		{% EVENT dmzx_mchat_body_before %}

		<div id="mchat-body"{% if MCHAT_IS_COLLAPSIBLE %} class="collapsible"{% endif %}>
			{% if not MCHAT_SOUND_DISABLED %}
				<audio id="mchat-sound-add" class="hidden" src="{{ EXT_URL }}sounds/add.mp3" preload="auto"></audio>
				<audio id="mchat-sound-edit" class="hidden" src="{{ EXT_URL }}sounds/edit.mp3" preload="auto"></audio>
				<audio id="mchat-sound-del" class="hidden" src="{{ EXT_URL }}sounds/del.mp3" preload="auto"></audio>
				<audio id="mchat-sound-error" class="hidden" src="{{ EXT_URL }}sounds/error.mp3" preload="auto"></audio>
			{% endif %}

			<div id="mchat-confirm" style="display: none;">
				<h4 class="modal-title">{{ lang('CONFIRM') }}</h4>
				<hr class="row" />
				<div class="mchat-confirm-fields">
					<p></p>
					<textarea class="form-control"></textarea>
				</div>
				<p class="text-center">
					<input type="button" name="confirm" value="{{ lang('MCHAT_OK') }}" class="btn btn-danger" />&nbsp;
					<input type="button" name="cancel" value="{{ lang('CANCEL') }}" class="btn btn-primary" />
				</p>
			</div>

			<div id="mchat-main"{% if MCHAT_MESSAGE_TOP %} class="mchat-messages-top"{% endif %}>
				{% if MCHAT_STATIC_MESS and MCHAT_PAGE != 'archive' %}
					<div class="bg-info">{{ MCHAT_STATIC_MESS }}</div>
				{% endif %}

				{% EVENT dmzx_mchat_messages_container_before %}

				<ul id="mchat-messages" class="list-unstyled" style="margin: 0;">
					{% if loops.mchatrow|length %}
						{% INCLUDE '@dmzx_mchat/mchat_messages.html' %}
					{% else %}
						<li class="row-item mchat-static mchat-no-messages">{{ lang('MCHAT_NOMESSAGE') }}</li>
					{% endif %}
				</ul>

				{% EVENT dmzx_mchat_messages_container_after %}
			</div>

			{% INCLUDE '@dmzx_mchat/mchat_panel.html' %}
		</div>

		{% EVENT dmzx_mchat_body_after %}
</div>

{% EVENT dmzx_mchat_after %}

{% if MCHAT_PAGE == 'archive' and (loops.pagination|length or MCHAT_TOTAL_MESSAGES) %}
<div class="panel-group clearfix">
	{% EVENT dmzx_mchat_action_bar_top_before %}
		{% if loops.pagination|length %}
			{% INCLUDE 'pagination.html' %}
		{% else %}
		<div class="btn-group pull-{S_CONTENT_FLOW_BEGIN}">
			<span class="btn btn-default disabled">{{ MCHAT_TOTAL_MESSAGES }}</span>
			<span class="btn btn-default disabled">{{ PAGE_NUMBER }}</span>
		</div>
		{% endif %}
	{% EVENT dmzx_mchat_action_bar_top_after %}
</div>
{% endif %}

{% if MCHAT_PAGE == 'custom' and MCHAT_WHOIS_REFRESH %}
	<div class="panel-group">
		<h4>{{ lang('MCHAT_WHO_IS_CHATTING') }}</h4>
		{% INCLUDE '@dmzx_mchat/mchat_whois.html' %}
		<div id="mchat-refresh">
			<span id="mchat-refresh-explain">{{ lang('MCHAT_WHO_IS_REFRESH_EXPLAIN', MCHAT_WHOIS_REFRESH / 1000) }}</span>
			<span id="mchat-refresh-pending" class="hidden">{{ lang('MCHAT_REFRESHING') }}</span>
		</div>
	</div>
{% endif %}

{% if MCHAT_PAGE in ['custom', 'archive'] and LEGEND %}
	<div id="mchat-legend" class="panel-group">
		{{ lang('LEGEND') ~ lang('COLON') }} {{ LEGEND }}
	</div>
{% endif %}

{% EVENT dmzx_mchat_overall_footer_before %}

{% if MCHAT_PAGE in ['custom', 'archive'] %}
	{% INCLUDE 'overall_footer.html' %}
{% endif %}