{% extends 'base.html' %}
{% block title %}Dokumentation - NotesManager{% endblock %}
{% block content %}
<div class="d-flex justify-content-between align-items-center mb-4 flex-wrap gap-2">
    <h1 class="h2 mb-0">Dokumentation</h1>
    <a href="{{ url_for('main.entry_new') }}" class="btn btn-primary">Neuer Eintrag</a>
</div>

<form class="card card-body shadow-sm mb-4" method="get">
    <div class="row g-3">
        <div class="col-md-5">
            <label class="form-label">Suche</label>
            <input name="q" value="{{ q }}" class="form-control" placeholder="Titel, Inhalt, Tags, System ...">
        </div>
        <div class="col-md-3">
            <label class="form-label">Status</label>
            <select name="status" class="form-select">
                <option value="">Alle</option>
                {% for s in ['offen', 'in_bearbeitung', 'erledigt'] %}
                <option value="{{ s }}" {% if status == s %}selected{% endif %}>{{ s }}</option>
                {% endfor %}
            </select>
        </div>
        <div class="col-md-3">
            <label class="form-label">Kategorie</label>
            <select name="category" class="form-select">
                <option value="">Alle</option>
                {% for c in categories %}
                <option value="{{ c }}" {% if category == c %}selected{% endif %}>{{ c }}</option>
                {% endfor %}
            </select>
        </div>
        <div class="col-md-1 d-flex align-items-end">
            <button class="btn btn-outline-secondary w-100">Filter</button>
        </div>
    </div>
</form>

<div class="card shadow-sm">
    <div class="table-responsive">
        <table class="table table-hover align-middle mb-0">
            <thead>
                <tr>
                    <th>Datum</th>
                    <th>Titel</th>
                    <th>Kategorie</th>
                    <th>System</th>
                    <th>Status</th>
                    <th>Aktionen</th>
                </tr>
            </thead>
            <tbody>
                {% for item in items %}
                <tr>
                    <td>{{ item.work_date.strftime('%d.%m.%Y') }}</td>
                    <td><strong>{{ item.title }}</strong><div class="small text-muted">{{ item.tags or '' }}</div></td>
                    <td>{{ item.category }}</td>
                    <td>{{ item.system_name or '-' }}</td>
                    <td><span class="badge text-bg-light border">{{ item.status }}</span></td>
                    <td class="text-nowrap">
                        <a href="{{ url_for('main.entry_view', entry_id=item.id) }}" class="btn btn-sm btn-outline-primary">Ansehen</a>
                        <a href="{{ url_for('main.entry_edit', entry_id=item.id) }}" class="btn btn-sm btn-outline-secondary">Bearbeiten</a>
                        <form method="post" action="{{ url_for('main.entry_delete', entry_id=item.id) }}" class="d-inline" onsubmit="return confirm('Eintrag wirklich löschen?');">
                            <button class="btn btn-sm btn-outline-danger">Löschen</button>
                        </form>
                    </td>
                </tr>
                {% else %}
                <tr><td colspan="6" class="text-center text-muted py-4">Keine Einträge gefunden.</td></tr>
                {% endfor %}
            </tbody>
        </table>
    </div>
</div>
{% endblock %}