<!DOCTYPE html>
<html>
<head>
<meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' />
<title>{{ configuration['pagetitle'] }} - Stream Overview</title>
<link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='style.default.css') }}">
</head>
<body>
<header>
	<h1>{{ configuration["pagetitle"] }}</h1>
	<h2>{{ configuration["subtitle"] }}</h2>
</header>
<main>
{% if items == [] %}
  <p style="margin-top: 20px; margin-bottom: 150px;">
    <span style="color: #888; font-size: 14pt;">There are currently no streams running</span>
  </p>
{% endif %}
{% for item in items %}
<article>
  <h1>{{ item[1] }}</h1>
  <table>
    <tbody>
      <tr>
        <th>Protocol</th>
        <th>URL</th>
        <th></th>
      </tr>
      <tr>
        <td>RTMP url</td>
        <td><em class="url">rtmp://{{ configuration["rtmp_base"] }}/{{ item[0] }}/{{ item[1] }}</em></td>
        <td class="btn"><a href="rtmp://{{ configuration['rtmp_base'] }}/{{ item[0] }}/{{ item[1] }}" class="btn btn-red">&#9654;<br/>RTMP</a></td>
      </tr>
      <tr>
        <td>HLS m3u8</td>
	<td><em class="url">{{ configuration['web_proto'] }}://{{ configuration['base_url'] }}/hls/{{ item[1] }}/index.m3u8</em></td>
<!--	<td class="btn"><a href="{{ configuration['web_proto'] }}://{{ configuration['base_url'] }}/player/{{ item[1] }}" class="btn btn-green">&#9654;<br/>HLS.js</a></td> -->
	<td class="btn"><a href="{{ url_for('frontend.show_player', streamname=item[1], appname=item[0]) }}" class="btn btn-green">&#9654;<br/>HLS.js</a></td>
      </tr>
    </tbody>
  </table>
</article>
{% endfor %}
</main>
<footer>
{{ configuration["footer"] }}
</footer>
</body>
</html>
