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

<div class="section-header" style="display:flex; justify-content:space-between; align-items:center;">
    <h1>Meine Drucker-Reservierungen</h1>
    <div>
        {% if darf_reservieren %}
        <a href="{{ url_for('profil.slot_neu') }}" class="btn btn-primary">+ Neue Reservierung</a>
        {% endif %}
        <a href="{{ url_for('oeffentlich.drucker') }}" class="btn btn-secondary">Drucker-Uebersicht</a>
    </div>
</div>

{% if not darf_reservieren %}
<div class="card" style="background:var(--warn-bg); border-left: 4px solid var(--warning);">
    <strong>Reservierung noch nicht freigeschaltet.</strong>
    Bitte den Lehrer kurz darum — er muss dich einmalig freischalten, danach kannst du selbst reservieren.
</div>
{% endif %}

{% if slots %}
<div class="card">
    <table>
        <thead>
            <tr>
                <th>Drucker</th>
                <th>Start</th>
                <th>Ende</th>
                <th>Dauer</th>
                <th>Status</th>
                <th>Notiz</th>
                <th></th>
            </tr>
        </thead>
        <tbody>
            {% for s in slots %}
            <tr>
                <td><strong>{{ s.drucker_name }}</strong>
                    <div style="font-size: 0.8rem; color: var(--text-light);">{{ s.modell }}</div>
                </td>
                <td>{{ s.start_zeit|iso_format('%d.%m. %H:%M') }}</td>
                <td>{{ s.ende_zeit|iso_format('%d.%m. %H:%M') }}</td>
                <td>{{ s.start_zeit|dauer_min(s.ende_zeit) }} min</td>
                <td>
                    {% if s.status == 'reserviert' %}<span class="badge badge-mittel">reserviert</span>
                    {% elif s.status == 'aktiv' %}<span class="badge badge-anfaenger">aktiv</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('profil.slot_stornieren', slot_id=s.id) }}"
                          onsubmit="return confirm('Slot wirklich stornieren?')" style="display: inline;">
                        <button class="btn btn-secondary" style="padding: 0.3rem 0.7rem; font-size: 0.85rem; color: var(--danger);">
                            stornieren
                        </button>
                    </form>
                </td>
            </tr>
            {% endfor %}
        </tbody>
    </table>
</div>
{% else %}
<div class="card">
    <p style="color: var(--text-light);">
        Du hast aktuell keine bevorstehenden Reservierungen.
        {% if darf_reservieren %}
        <a href="{{ url_for('profil.slot_neu') }}">Jetzt eine Reservierung anlegen.</a>
        {% endif %}
    </p>
</div>
{% endif %}

{% endblock %}