{% extends 'base.html.twig' %}

{% block title %}Fertige Aufträge{% endblock %}

{% block stylesheets %}
    {{ parent() }}
    <link rel="stylesheet" href="{{ asset('css/auftrag-show.css') }}">
{% endblock %}

{% block body %}
<div class="page-wrapper" data-app-base-path="{{ app.request.basePath }}">
    <div class="page-header">
        <div class="header-content">
            <h1><i class="fas fa-check-circle"></i> Fertige Aufträge</h1>
            <p class="header-subtitle">Alle abgeschlossenen Aufträge</p>
        </div>
    </div>

    <!-- Such- und Filterbereich -->
    <div class="filter-card">
        <form method="get" action="{{ path('auftrag_fertig') }}" class="filter-form">
            <div class="filter-grid">
                <div class="filter-item">
                    <label><i class="fas fa-search"></i> Suche</label>
                    <input type="text" name="search" placeholder="Titel, Beschreibung..." value="{{ app.request.query.get('search') }}">
                </div>
                
                <div class="filter-item">
                    <label><i class="fas fa-exclamation-circle"></i> Priorität</label>
                    <select name="prioritaet">
                        <option value="">Alle Prioritäten</option>
                        <option value="niedrig" {{ app.request.query.get('prioritaet') == 'niedrig' ? 'selected' : '' }}>Niedrig</option>
                        <option value="mittel" {{ app.request.query.get('prioritaet') == 'mittel' ? 'selected' : '' }}>Mittel</option>
                        <option value="hoch" {{ app.request.query.get('prioritaet') == 'hoch' ? 'selected' : '' }}>Hoch</option>
                        <option value="dringend" {{ app.request.query.get('prioritaet') == 'dringend' ? 'selected' : '' }}>Dringend</option>
                    </select>
                </div>
            </div>
            
            <div class="filter-actions">
                <button type="submit" class="btn btn-primary">
                    <i class="fas fa-filter"></i> Filtern
                </button>
                <a href="{{ path('auftrag_fertig') }}" class="btn btn-secondary">
                    <i class="fas fa-times"></i> Zurücksetzen
                </a>
            </div>
        </form>
    </div>

    <!-- Aufträge-Tabelle -->
    <div class="table-container">
        <table class="data-table">
            <thead>
                <tr>
                    <th>Auftragsnummer</th>
                    <th>Titel</th>
                    <th>Priorität</th>
                    <th>Kunde</th>
                    <th>Abgeschlossen am</th>
                    <th>Kosten</th>
                    <th>Aktionen</th>
                </tr>
            </thead>
            <tbody>
                {% for auftrag in auftraege %}
                    <tr>
                        <td class="table-id">
                            {{ auftrag.auftragsnummer|default('#' ~ auftrag.id) }}
                        </td>
                        <td>
                            <div class="table-title">
                                <a href="{{ path('auftrag_show', {id: auftrag.id}) }}" class="table-link">
                                    {{ auftrag.titel }}
                                </a>
                            </div>
                        </td>
                        <td>
                            {% if auftrag.prioritaet %}
                                <span class="priority-badge priority-{{ auftrag.prioritaet }}">{{ auftrag.prioritaet|title }}</span>
                            {% else %}
                                <span class="text-muted">-</span>
                            {% endif %}
                        </td>
                        <td>
                            {% if auftrag.kunde %}
                                <span class="table-text">{{ auftrag.kunde.name }}</span>
                            {% else %}
                                <span class="text-muted">-</span>
                            {% endif %}
                        </td>
                        <td>
                            {% if auftrag.abgeschlossenAm %}
                                {{ auftrag.abgeschlossenAm|date('d.m.Y H:i') }}
                            {% else %}
                                <span class="text-muted">-</span>
                            {% endif %}
                        </td>
                        <td>
                            <div class="kosten-editable" data-auftrag-id="{{ auftrag.id }}">
                                <span class="kosten-display">
                                    {% if auftrag.betrag %}
                                        {{ auftrag.betrag|number_format(2, ',', '.') }} €
                                    {% else %}
                                        <span class="text-muted">-</span>
                                    {% endif %}
                                </span>
                                <input type="number" 
                                       class="kosten-input" 
                                       step="0.01" 
                                       min="0" 
                                       value="{{ auftrag.betrag|default('') }}"
                                       data-original-value="{{ auftrag.betrag|default('') }}"
                                       placeholder="0,00">
                                <button type="button" class="btn-kosten-save" title="Speichern">
                                    <i class="fas fa-check"></i>
                                </button>
                                <button type="button" class="btn-kosten-cancel" title="Abbrechen">
                                    <i class="fas fa-times"></i>
                                </button>
                            </div>
                        </td>
                        <td class="table-actions">
                            <a href="{{ path('auftrag_show', {id: auftrag.id}) }}" class="btn-icon" title="Ansehen">
                                <i class="fas fa-eye"></i>
                            </a>
                            <a href="{{ path('auftrag_edit', {id: auftrag.id}) }}" class="btn-icon" title="Bearbeiten">
                                <i class="fas fa-edit"></i>
                            </a>
                        </td>
                    </tr>
                {% else %}
                    <tr>
                        <td colspan="7" class="table-empty">
                            <i class="fas fa-check-circle"></i>
                            <p>Keine fertigen Aufträge gefunden</p>
                        </td>
                    </tr>
                {% endfor %}
            </tbody>
        </table>
    </div>
</div>
{% endblock %}

{% block javascripts %}
    {{ parent() }}
    <script src="{{ asset('js/auftrag-fertig.js') }}"></script>
{% endblock %}