{% extends "base.html" %}
{% block content %}
<h1 class="page-title">Service-Katalog</h1>
{% if !error.is_empty() %}<p class="err">{{ error }}</p>{% endif %}
{% for s in cards %}
<div class="card">
  <div class="svc-card">
    <div><b>{{ s.name }}</b><div class="sz" style="margin-top:4px">{{ s.beschreibung }}</div></div>
    <span class="badge {{ s.badge_class }}">{{ s.badge_label }}</span>
  </div>
  {% if !s.endpoint.is_empty() %}
  <div class="sz" style="margin-top:8px"><a href="{{ s.endpoint }}" target="_blank" rel="noopener noreferrer">Zum Service &rarr;</a></div>
  {% endif %}
</div>
{% endfor %}
{% if ctx.admin %}
<div class="panel">
  <h3 style="margin-top:0">Service hinzufuegen</h3>
  <form method="post" action="/services/new">
    <input type="hidden" name="_csrf" value="{{ ctx.csrf }}">
    <div class="formrow"><input type="text" name="name" placeholder="Name" required></div>
    <div class="formrow"><textarea name="beschreibung" placeholder="Beschreibung"></textarea></div>
    <div class="formrow"><input type="text" name="endpoint" placeholder="Endpoint-URL (optional, http/https)"></div>
    <button class="btn" type="submit">Hinzufuegen</button>
  </form>
</div>
{% endif %}
{% endblock %}