{% extends "base.html" %}
{% block title %}Partitions — Drakkar Debug{% endblock %}

{% block content %}
<h1 class="text-2xl font-bold mb-6 text-ink-900">Partitions</h1>

{% if webapp_tile %}
<div class="bg-white rounded-lg border border-purple-300 p-4 mb-6">
    <div class="flex items-baseline justify-between">
        <h2 class="text-lg font-semibold text-purple-700">WebApp</h2>
        <span class="text-xs text-gray-400 font-mono">{{ webapp_tile.host }}:{{ webapp_tile.port }}{{ webapp_tile.path }}</span>
    </div>
    <div class="grid grid-cols-2 md:grid-cols-5 gap-4 mt-2">
        <div>
            <div class="text-xs text-gray-500">In-flight</div>
            <div class="text-lg font-mono text-ink-700">{{ webapp_tile.inflight_count }}</div>
        </div>
        <div>
            <div class="text-xs text-gray-500">Success (60s)</div>
            <div class="text-lg font-mono text-emerald-600">{{ webapp_tile.success_60s }}</div>
        </div>
        <div>
            <div class="text-xs text-gray-500">Errors (60s)</div>
            <div class="text-lg font-mono text-red-600">{{ webapp_tile.error_60s }}</div>
        </div>
        <div>
            <div class="text-xs text-gray-500">Rejected (60s)</div>
            <div class="text-lg font-mono text-amber-600">{{ webapp_tile.rejected_60s }}</div>
        </div>
        <div>
            <div class="text-xs text-gray-500">Clients</div>
            <ul class="text-sm font-mono text-ink-700">
                {% for c in webapp_tile.clients %}
                <li>{{ c.name }} <span class="text-gray-400">({{ c.rpm_limit }} rpm)</span></li>
                {% endfor %}
            </ul>
        </div>
    </div>
</div>
{% endif %}

<table class="w-full text-sm">
    <thead>
        <tr class="text-left text-gray-400 border-b border-cream-200">
            <th class="py-2 px-3">Partition</th>
            <th class="py-2 px-3">Status</th>
            <th class="py-2 px-3">Last Consumed</th>
            <th class="py-2 px-3">Last Committed</th>
            <th class="py-2 px-3">Committed</th>
            <th class="py-2 px-3">High WM</th>
            <th class="py-2 px-3">Lag</th>
            <th class="py-2 px-3">Queue</th>
            <th class="py-2 px-3">Pending</th>
            <th class="py-2 px-3">Consumed</th>
            <th class="py-2 px-3">Completed</th>
            <th class="py-2 px-3">Failed</th>
        </tr>
    </thead>
    <tbody>
        {% for s in summary %}
        <tr class="border-b border-cream-100 hover:bg-cream-100">
            <td class="py-2 px-3">
                <a href="/partitions/{{ s.partition }}" class="text-teal-600 hover:underline font-mono">{{ s.partition }}</a>
            </td>
            <td class="py-2 px-3">
                {% if s.is_live %}
                <span class="inline-block w-2 h-2 bg-emerald-400 rounded-full"></span> live
                {% else %}
                <span class="inline-block w-2 h-2 bg-gray-300 rounded-full"></span> history
                {% endif %}
            </td>
            <td class="py-2 px-3 text-gray-400" title="{{ format_ts_ms(s.last_consumed) }}">{{ format_ts(s.last_consumed) }}</td>
            <td class="py-2 px-3 text-gray-400" title="{{ format_ts_ms(s.last_committed) }}">{{ format_ts(s.last_committed) }}</td>
            <td class="py-2 px-3 font-mono">{{ s.committed_offset or '-' }}</td>
            <td class="py-2 px-3 font-mono">{{ s.high_watermark or '-' }}</td>
            <td class="py-2 px-3 font-mono {% if s.lag > 20 %}text-red-600{% elif s.lag > 5 %}text-amber-600{% else %}text-emerald-600{% endif %}">{{ s.lag }}</td>
            <td class="py-2 px-3 font-mono">{{ s.queue_size }}</td>
            <td class="py-2 px-3 font-mono">{{ s.pending_offsets }}</td>
            <td class="py-2 px-3 font-mono">{{ s.consumed_count }}</td>
            <td class="py-2 px-3 font-mono text-emerald-600">{{ s.completed_count }}</td>
            <td class="py-2 px-3 font-mono {% if s.failed_count > 0 %}text-red-600{% endif %}">{{ s.failed_count }}</td>
        </tr>
        {% endfor %}
        {% if not summary %}
        <tr><td colspan="12" class="py-4 text-center text-gray-400">No partition data recorded yet</td></tr>
        {% endif %}
    </tbody>
</table>
{% endblock %}