{% extends "base.html" %}
{% block title %}Slots — Admin{% endblock %}
{% block content %}

<div class="section-header" style="display:flex; justify-content:space-between; align-items:center;">
    <h1>Slot-Uebersicht</h1>
    <div>
        <a href="{{ url_for('admin.slot_neu_lehrer') }}" class="btn btn-primary">+ Neuer Slot fuer SuS</a>
        {% if session.admin %}<a href="{{ url_for('admin.dashboard') }}" class="btn btn-secondary">&larr; Dashboard</a>
        {% else %}<a href="{{ url_for('profil.cockpit') }}" class="btn btn-secondary">&larr; Cockpit</a>{% endif %}
    </div>
</div>

<p style="color: var(--text-light);">
    Alle Reservierungen, deren Ende noch nicht laenger als 2 Stunden her ist. Sortiert nach Start-Zeit.
</p>

{% if slots %}
<div class="card">
    <table>
        <thead>
            <tr>
                <th>Start</th>
                <th>Ende</th>
                <th>Dauer</th>
                <th>Drucker</th>
                <th>SuS</th>
                <th>Status</th>
                <th>Notiz</th>
                <th></th>
            </tr>
        </thead>
        <tbody>
            {% for s in slots %}
            <tr {% if s.status == 'storniert' %}style="opacity: 0.5;"{% endif %}>
                <td><strong>{{ s.start_zeit|iso_format('%d.%m. %H:%M') }}</strong></td>
                <td>{{ s.ende_zeit|iso_format('%H:%M') }}</td>
                <td>{{ s.start_zeit|dauer_min(s.ende_zeit) }} min</td>
                <td>
                    {{ s.drucker_name or '—' }}
                    {% if s.drucker_name and not s.freigegeben %}
                    <div style="font-size: 0.75rem; color: var(--danger);">🔒 Drucker gesperrt</div>
                    {% endif %}
                </td>
                <td>
                    {% if s.profil_id %}
                        {{ tier_emoji(s.tier or '') }} <strong>{{ s.vorname or '—' }}</strong>
                    {% else %}
                        <em style="color: var(--text-light);">unbekannt</em>
                    {% endif %}
                </td>
                <td>
                    {% if s.status == 'reserviert' %}<span class="badge badge-mittel">reserviert</span>
                    {% elif s.status == 'aktiv' %}<span class="badge badge-anfaenger">aktiv</span>
                    {% elif s.status == 'beendet' %}<span class="badge">beendet</span>
                    {% elif s.status == 'storniert' %}<span class="badge">storniert</span>
                    {% else %}<span class="badge">{{ s.status }}</span>{% endif %}
                </td>
                <td style="font-size: 0.85rem; color: var(--text-light);">{{ s.notiz or '' }}</td>
                <td>
                    <form method="post" action="{{ url_for('admin.slot_loeschen', slot_id=s.id) }}" style="display:inline;"
                          onsubmit="return confirm('Slot von {{ s.vorname or s.id }} wirklich loeschen?')">
                        <button class="btn btn-secondary" style="padding: 0.3rem 0.6rem; font-size: 0.8rem; color: var(--danger);">loeschen</button>
                    </form>
                </td>
            </tr>
            {% endfor %}
        </tbody>
    </table>
</div>
{% else %}
<div class="card">
    <p style="color: var(--text-light);">Keine bevorstehenden Reservierungen.
        <a href="{{ url_for('admin.slot_neu_lehrer') }}">Eine fuer einen SuS anlegen.</a>
    </p>
</div>
{% endif %}

{% endblock %}