{% extends "base.html" %}
{% block title %}Sraosha — Alerting profiles{% endblock %}
{% block content %}
<div class="mx-auto max-w-3xl space-y-6">
  <div class="flex items-center justify-between">
    <div>
      <a href="/ui/" class="text-sm text-indigo-600 hover:underline">&larr; Overview</a>
      <h1 class="mt-2 text-2xl font-bold text-gray-900 dark:text-white">Alerting profiles</h1>
      <p class="text-sm text-gray-500 dark:text-gray-400">Slack, email, and other notification channels.</p>
    </div>
    <a href="/ui/settings/alerting/new" class="rounded-lg bg-indigo-600 px-4 py-2 text-sm font-medium text-white hover:bg-indigo-500">New profile</a>
  </div>
  <div class="space-y-3">
    {% for p in profiles %}
    <div class="flex items-start justify-between rounded-xl border border-gray-200 bg-white p-4 dark:border-gray-700 dark:bg-gray-900">
      <div>
        <h2 class="font-semibold text-gray-900 dark:text-white">{{ p.name }}</h2>
        {% if p.description %}<p class="text-sm text-gray-500 dark:text-gray-400">{{ p.description }}</p>{% endif %}
        <ul class="mt-2 text-xs text-gray-600 dark:text-gray-300">
          {% for ch in p.channels %}
          <li><span class="font-medium">{{ ch.channel_type }}</span>: <code class="rounded bg-gray-100 px-1 dark:bg-gray-800">{{ ch.config }}</code></li>
          {% else %}
          <li class="text-gray-400">No channels</li>
          {% endfor %}
        </ul>
      </div>
      <div class="flex shrink-0 gap-3 text-sm">
        <a href="/ui/settings/alerting/{{ p.id }}/edit" class="text-indigo-600 hover:underline">Edit</a>
        <form method="post" action="/ui/settings/alerting/{{ p.id }}/delete" onsubmit="return confirm('Delete this profile?');">
          <button type="submit" class="text-rose-600 hover:underline">Delete</button>
        </form>
      </div>
    </div>
    {% else %}
    <p class="text-center text-sm text-gray-500 py-8">No alerting profiles. Create one for contract and DQ notifications.</p>
    {% endfor %}
  </div>
</div>
{% endblock %}