<template name="livechat">
	<div class="livechat-section">
		<h3 class="rooms-list__type {{isActive}}">
			<span class="rooms-list__type-text--livechat">{{_ "Livechat"}}</span>
			{{#with available}}
				<i class="livechat-status {{status}} {{icon}}" title="{{hint}}"></i>
			{{/with}}
		</h3>

		{{#if guestPool}}
			{{#if isLivechatAvailable}}
				<h3 class="rooms-list__type {{isActive}}">
					{{_ "Incoming_Livechats"}}
				</h3>
				<ul class="rooms-list__list inquiries">
					{{#each room in inquiries}}
						{{> chatRoomItem room }}
					{{/each}}
				</ul>
			{{/if}}

			<h3 class="rooms-list__type {{isActive}}">
				{{_ "Open_Livechats"}}
			</h3>
		{{/if}}

		<ul class="rooms-list__list">
			{{#if showQueueLink}}
				{{> sidebarItem active=activeLivechatQueue pathSection="livechat-queue" icon="queue" name="Queue"}}
			{{/if}}
			{{#each room in rooms}}
				{{> chatRoomItem room }}
			{{/each}}
		</ul>
	</div>
</template>
