{% extends "pages/base.html" %}
{% load i18n %}

{% block title %}{% trans "Kiosk" %}{% endblock %}

{% block content %}
<main class="py-4">
  <div class="d-flex flex-column gap-2 mb-4">
    <h1 class="h2 mb-0">{% trans "Kiosk" %}</h1>
    <p class="text-secondary mb-0">{% trans "Public display views available on this node." %}</p>
  </div>
  {% if public_views %}
    <div class="list-group">
      {% for view in public_views %}
        <a class="list-group-item list-group-item-action py-3" href="{{ view.url }}">
          <div class="d-flex w-100 justify-content-between align-items-start gap-3">
            <div>
              <h2 class="h5 mb-1">{{ view.title }}</h2>
              {% if view.description %}
                <p class="mb-0 text-secondary">{{ view.description }}</p>
              {% endif %}
            </div>
            {% if view.app_label %}
              <span class="badge text-bg-secondary text-uppercase">{{ view.app_label }}</span>
            {% endif %}
          </div>
        </a>
      {% endfor %}
    </div>
  {% else %}
    <div class="border rounded p-4 text-secondary">
      {% trans "No kiosk public views are registered." %}
    </div>
  {% endif %}
</main>
{% endblock %}