{% extends "base.html" %}
{% block title %}Escalation Policies - DevPlace{% endblock %}
{% block content %}
<div class="max-w-4xl mx-auto px-4 py-6">
  <div class="flex items-center justify-between mb-6">
    <h1 class="text-2xl font-bold">Escalation Policies</h1>
  </div>

  <div class="card mb-4">
    <div class="card-body">
      <p class="text-sm text-muted">
        Escalation policies define what happens when a monitor stays down.
        The default escalation schedule:
      </p>
      <ul class="list-disc list-inside mt-2 text-sm space-y-1">
        <li>5 min down: DevPlace notification</li>
        <li>15 min down: Devii notification</li>
        <li>30 min down: Telegram notification (if configured)</li>
        <li>60 min down: Issue creation</li>
      </ul>
    </div>
  </div>

  {% if policies %}
    {% for policy in policies %}
    <div class="card mb-3">
      <div class="card-body">
        <h3 class="font-semibold">{{ policy.name }}</h3>
        <p class="text-xs text-muted">Tiers: {{ policy.get('escalation_tiers', 'default') }}</p>
      </div>
    </div>
    {% endfor %}
  {% else %}
    <p class="text-center text-muted py-4">No custom escalation policies. The default schedule applies.</p>
  {% endif %}
</div>
{% endblock %}