{% load i18n paniktags %}
<div id="player-container" class="normal cf">
	<button id="togglePlayer" class="hidden left huge icon-double-angle-left "></button>
	<div id="player" class="cf">
		<div id="audioPlayer" class="cf">
			<div id="Live" class="padded cf">
				<div class="metas custom">
					<a id="ogg-m3u" class="button resymbol icon-download inBlock" title="{% trans 'Get the stream on your player!' %}" href="http://streaming.domainepublic.net:8000/radiopanik.ogg.m3u"></a>
					<a id="aac-m3u" style="display: none;" class="button icon-download inBlock" title="{% trans 'Get the stream on your player!' %}" href="http://streaming.domainepublic.net:8000/radiopanik.aac.m3u"></a>
				</div>
				<span class="button" id="DirectStreamPanikControler">
					<div id="streamSymbol" class="icon-volume-up resymbol"></div>
					<div class="label">{% trans 'live' %}</div>
				</span>
				<div id="CurrentlyPlaying">
					<span id="WhatsOnAir"></span>
					<button class="icon-refresh" id="RefreshWhatsOnAir"></button>
				</div>
				<div id="CurrentlyChatting" style="display: none;">
                                        <a href=""><div id="chatSymbol" class="icon-comments control"></div>
                                                <div class="label">CHAT</div></a>
                                        <span>La radio est ouverte</span>
				</div>
				<audio 
					id="DirectStreamPanik" 
					preload="none" 
					class="hidden" 
					tabindex="0" 
					controls="controls">
					<source src="http://streaming.domainepublic.net:8000/radiopanik.ogg?{{ unique }}" type="audio/ogg"/>
					<source src="http://streaming.domainepublic.net:8000/radiopanik.aac?{{ unique }}" type="audio/aac"/>
				</audio>
			</div>
		</div>
		<div id="Playlist" class="cf">
			<div id="localList" class="padded" style="display: none;">
				<div id="playlistLabel">
                                        <button title="{% trans "Empty playlist" %}" id="emptyList" class="icon-trash button" style="float:right;"><span class="sr-only">{% trans "Empty playlist" %}</span></button>
				</div>
			</div>
	    </div>
	</div>

</div>