{% extends 'base.html' %}
{% block content %}
<div class="page-head">
  <h1>Dashboard</h1>
  {% if current_user.role == 'admin' %}
  <a class="button" href="{{ url_for('main.stream_new') }}">+ Opret stream</a>
  {% endif %}
</div>
<div class="grid cards">
  {% for s in streams %}
  <div class="card">
    <div class="status-row">
      <h2>{{ s.name }}</h2>
      <span class="badge {{ 'live' if s.is_live else 'off' }}">{{ 'LIVE' if s.is_live else 'OFFLINE' }}</span>
    </div>
    <p><strong>Slug:</strong> {{ s.slug }}</p>
    <p><strong>Publish:</strong> {{ 'Åben' if s.active else 'Lukket' }}</p>
    <div class="actions">
      <a class="button secondary" href="{{ url_for('main.stream_detail', stream_id=s.id) }}">Detaljer</a>
      <a class="button secondary" href="{{ url_for('main.streamer_panel', slug=s.slug) }}">Streamer panel</a>
    </div>
  </div>
  {% else %}
  <div class="card"><p>Ingen streams endnu.</p></div>
  {% endfor %}
</div>
{% endblock %}