<div class="container">
	<h1><?=h($title)?></h1>

	<div class="row">
		<div class="col-xs-12">
			<div class="alert alert-info" role="alert">
				<p>
					This service provides automated stream dumps and time shifting.
				</p>

				<p>
					All recordings start/stop automatically 15 minutes before/after the talk begins/ends.
				</p>
			</div>
		</div>
	</div>

	<div class="row">

		<? if(!$talks): ?>
			<div class="col-xs-10 col-xs-offset-1">
				<div class="alert alert-warning" role="alert">
					<i class="fa fa-bug"></i>
					No ReLive talks avaiable (yet).
				</div>
			</div>
		<? else: ?>
			<? foreach ($talks as $talk): ?>
				<div class="col-xs-12 recording">
					<div class="panel panel-default">
						<div class="panel-heading">

							<h3 class="panel-title">
								<a href="<?=h($talk['url'])?>">
									<?=h($talk['title'])?>
								</a>
							</h3>

						</div>
						<div class="panel-body">
							<a href="<?=h($talk['url'])?>">
								<img class="preview" alt="<?=h($talk['title'])?>" class="video-thumbnail" src="<?=h($talk['thumbnail'])?>" width="213" height="120" />
							</a>


							<ul class="metadata">
								<li>
									<span class="fa fa-clock-o"></span>
									<?=h(round($talk['duration']/60))?> min
								</li>
								<li>
									<span class="fa fa-cogs"></span>
									<?=h($talk['status'])?>
								</li>
								<li>
									<span class="fa fa-sign-in"></span>
									<? if(isset($talk['roomlink'])): ?>
										<a href="<?=h($talk['roomlink'])?>"><?=h($talk['room'])?></a>
									<? else: ?>
										<?=h($talk['room'])?>
									<? endif ?>
								</li>
							</ul>


						</div>
					</div>
				</div>
			<? endforeach ?>
		<? endif ?>
	</div>

</div>