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

{% block title %}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-clipboard-list"></i> Aufträge</h1>
            <p class="header-subtitle">Verwalten Sie alle Ihre Aufträge</p>
        </div>
        <a href="{{ path('auftrag_new') }}" class="btn btn-primary">
            <i class="fas fa-plus"></i> Neuer Auftrag
        </a>
    </div>

    <!-- Such- und Filterbereich -->
    <div class="filter-card">
        <form method="get" action="{{ path('auftrag_index') }}" 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-flag"></i> Status</label>
                    <select name="status">
                        <option value="">Alle Status</option>
                        <option value="neu" {{ app.request.query.get('status') == 'neu' ? 'selected' : '' }}>Neu</option>
                        <option value="in_arbeit" {{ app.request.query.get('status') == 'in_arbeit' ? 'selected' : '' }}>In Arbeit</option>
                        <option value="wartend" {{ app.request.query.get('status') == 'wartend' ? 'selected' : '' }}>Wartend</option>
                        <option value="fertig" {{ app.request.query.get('status') == 'fertig' ? 'selected' : '' }}>Fertig</option>
                        <option value="abgerechnet" {{ app.request.query.get('status') == 'abgerechnet' ? 'selected' : '' }}>Abgerechnet</option>
                    </select>
                </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 class="filter-item">
                    <label><i class="fas fa-calendar"></i> Von Datum</label>
                    <input type="date" name="von_datum" value="{{ app.request.query.get('von_datum') }}">
                </div>
                
                <div class="filter-item">
                    <label><i class="fas fa-calendar"></i> Bis Datum</label>
                    <input type="date" name="bis_datum" value="{{ app.request.query.get('bis_datum') }}">
                </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_index') }}" class="btn btn-secondary">
                    <i class="fas fa-times"></i> Zurücksetzen
                </a>
                <a href="{{ path('auftrag_export_csv', app.request.query.all) }}" class="btn btn-secondary">
                    <i class="fas fa-file-csv"></i> CSV Export
                </a>
            </div>
        </form>
    </div>

    <div class="table-container">
        <table class="data-table">
            <thead>
                <tr>
                    <th class="col-id">ID</th>
                    <th class="col-title">Titel</th>
                    <th class="col-status">Status</th>
                    <th class="col-priority">Priorität</th>
                    <th class="col-assignee">Zugewiesen an</th>
                    <th class="col-location">Standort</th>
                    <th class="col-due">Fällig am</th>
                    <th class="col-actions">Aktionen</th>
                </tr>
            </thead>
            <tbody>
                {% for auftrag in auftraege %}
                    {% set isOverdue = auftrag.faelligAm and auftrag.faelligAm < date('today') and auftrag.status not in ['fertig', 'abgerechnet'] and not auftrag.storniert %}
                    <tr class="{{ isOverdue ? 'row-overdue' : '' }}{{ auftrag.storniert ? ' row-storniert' : '' }}">
                        <td class="table-id col-id">
                            {{ auftrag.auftragsnummer|default('#' ~ auftrag.id) }}
                            {% if auftrag.storniert %}
                                <i class="fas fa-ban storniert-icon-inline" title="Storniert"></i>
                            {% elseif isOverdue %}
                                <i class="fas fa-exclamation-triangle overdue-icon-inline" title="Überfällig"></i>
                            {% endif %}
                        </td>
                        <td class="col-title">
                            <div class="table-title">
                                {{ auftrag.titel }}
                                {% if auftrag.storniert %}
                                    <span class="storniert-badge-inline">
                                        <i class="fas fa-ban"></i> Storniert
                                    </span>
                                {% elseif isOverdue %}
                                    <span class="overdue-badge-inline">
                                        <i class="fas fa-clock"></i> Überfällig
                                    </span>
                                {% endif %}
                            </div>
                            {% if auftrag.tags|length > 0 %}
                                <div class="table-tags">
                                    {% for tag in auftrag.tags %}
                                        <span class="tag-mini tag-dynamic" style="--tag-farbe: {{ tag.farbe }}">
                                            <i class="fas fa-tag"></i>
                                            {{ tag.name }}
                                        </span>
                                    {% endfor %}
                                </div>
                            {% endif %}
                        </td>
                        <td class="col-status">
                            <select class="status-select" data-auftrag-id="{{ auftrag.id }}" data-current="{{ auftrag.status }}">
                                <option value="neu" {{ auftrag.status == 'neu' ? 'selected' : '' }}>Neu</option>
                                <option value="in_arbeit" {{ auftrag.status == 'in_arbeit' ? 'selected' : '' }}>In Arbeit</option>
                                <option value="wartend" {{ auftrag.status == 'wartend' ? 'selected' : '' }}>Wartend</option>
                                <option value="fertig" {{ auftrag.status == 'fertig' ? 'selected' : '' }}>Fertig</option>
                                <option value="abgerechnet" {{ auftrag.status == 'abgerechnet' ? 'selected' : '' }}>Abgerechnet</option>
                            </select>
                        </td>
                        <td class="col-priority"><span class="priority-badge priority-{{ auftrag.prioritaet }}">{{ auftrag.prioritaet|title }}</span></td>
                        <td class="bearbeiter-cell col-assignee">
                            <div class="bearbeiter-wrapper">
                                {% if auftrag.zugewiesenAn %}
                                    <div class="bearbeiter-display">
                                        <div class="user-avatar-table">
                                            {% if auftrag.zugewiesenAn.avatar %}
                                                <img src="{{ asset('uploads/avatars/' ~ auftrag.zugewiesenAn.avatar) }}" alt="{{ auftrag.zugewiesenAn.fullName }}" class="user-avatar-img-table">
                                            {% else %}
                                                <span class="user-avatar-initials">{{ auftrag.zugewiesenAn.firstName|first }}{{ auftrag.zugewiesenAn.lastName|first }}</span>
                                            {% endif %}
                                        </div>
                                        <span class="bearbeiter-name">{{ auftrag.zugewiesenAn.fullName }}</span>
                                    </div>
                                {% endif %}
                                <select class="bearbeiter-select" data-auftrag-id="{{ auftrag.id }}" data-current="{{ auftrag.zugewiesenAn ? auftrag.zugewiesenAn.id : '' }}">
                                    <option value="">-</option>
                                    {% for benutzer in benutzer %}
                                        <option value="{{ benutzer.id }}" {{ auftrag.zugewiesenAn and auftrag.zugewiesenAn.id == benutzer.id ? 'selected' : '' }}>
                                            {{ benutzer.fullName }}
                                        </option>
                                    {% endfor %}
                                </select>
                            </div>
                        </td>
                        <td class="col-location">
                            {% set ort = auftrag.ort ?: (auftrag.kunde ? auftrag.kunde.ort : null) %}
                            {% set plz = auftrag.plz ?: (auftrag.kunde ? auftrag.kunde.plz : null) %}
                            {% set kundeName = auftrag.kunde ? auftrag.kunde.name : null %}
                            {% if ort or plz or kundeName %}
                                <div class="table-location">
                                    <div class="table-location-main">
                                        <i class="fas fa-building"></i>
                                        <span>{{ kundeName ?: 'Ohne Kunde' }}</span>
                                    </div>
                                    <div class="table-location-sub">
                                        <i class="fas fa-location-dot"></i>
                                        <span>{{ (plz ? (plz ~ ' ') : '') ~ (ort ?: '') }}</span>
                                    </div>
                                </div>
                            {% else %}
                                <span class="text-muted">-</span>
                            {% endif %}
                        </td>
                        <td class="{{ isOverdue ? 'overdue-date-cell' : '' }} col-due">
                            {% if auftrag.faelligAm %}
                                {{ auftrag.faelligAm|date('d.m.Y') }}
                                {% if isOverdue %}
                                    {% set daysDiff = (date().timestamp - auftrag.faelligAm.timestamp) / 86400 %}
                                    {% set daysRounded = daysDiff|round %}
                                    <span class="overdue-days-badge">
                                        ({{ daysRounded }} Tag{% if daysRounded != 1 %}e{% endif %})
                                    </span>
                                {% endif %}
                            {% else %}
                                -
                            {% endif %}
                        </td>
                        <td class="table-actions col-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="8" class="table-empty">
                            <i class="fas fa-inbox"></i>
                            <p>Keine Aufträge gefunden</p>
                        </td>
                    </tr>
                {% endfor %}
            </tbody>
        </table>
    </div>
</div>
{% endblock %}