{% extends "base.html" %}

{% block title %}Müllabfuhr{% endblock %}

{% block content %}
<div class="container mt-4">
    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header d-flex justify-content-between align-items-center">
                    <h3>Müllabfuhr-Termine</h3>
                    <div class="btn-group">
                        <a href="{{ url_for('garbage.manual_sync') }}" class="btn btn-outline-secondary">
                            <i class="fas fa-sync"></i> Sync
                        </a>
                        <a href="{{ url_for('garbage.create') }}" class="btn btn-primary">
                            <i class="fas fa-plus"></i> Neuen Termin hinzufügen
                        </a>
                    </div>
                </div>
                <div class="card-body">
                    <!-- Filters -->
                    <form method="get" class="row g-3 align-items-center mb-4">
                        <input type="hidden" name="submitted" value="1">
                        <div class="col-auto">
                            <label for="type" class="col-form-label">Typ:</label>
                        </div>
                        <div class="col-auto">
                            <select class="form-select" id="type" name="type" onchange="this.form.submit()">
                                <option value="">Alle</option>
                                {% for gtype in garbage_types %}
                                <option value="{{ gtype.name }}" {% if selected_type == gtype.name %}selected{% endif %}>{{ gtype.value }}</option>
                                {% endfor %}
                            </select>
                        </div>
                        <div class="col-auto">
                            <label for="date_from" class="col-form-label">Von:</label>
                        </div>
                        <div class="col-auto">
                            <input type="date" class="form-control" id="date_from" name="date_from" value="{{ date_from }}" onchange="this.form.submit()">
                        </div>
                        <div class="col-auto">
                            <label for="date_to" class="col-form-label">Bis:</label>
                        </div>
                        <div class="col-auto">
                            <input type="date" class="form-control" id="date_to" name="date_to" value="{{ date_to }}" onchange="this.form.submit()">
                        </div>
                        <div class="col-auto">
                            <div class="form-check">
                                <input type="checkbox" class="form-check-input" id="show_past" name="show_past" value="1" {% if show_past %}checked{% endif %} onchange="this.form.submit()">
                                <label class="form-check-label" for="show_past">Vergangene zeigen</label>
                            </div>
                        </div>
                        <div class="col-auto">
                            <div class="form-check">
                                <input type="checkbox" class="form-check-input" id="sort_asc" name="sort_asc" value="1" {% if sort_asc %}checked{% endif %} onchange="this.form.submit()">
                                <label class="form-check-label" for="sort_asc">Älteste zuerst</label>
                            </div>
                        </div>
                    </form>
                    
                    {% if collections %}
                        <div class="table-responsive">
                            <table class="table table-striped">
                                <thead>
                                    <tr>
                                        <th>Datum</th>
                                        <th>Müllart</th>
                                        <th>Adresse</th>
                                        <th>Aktionen</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    {% for collection in collections %}
                                        <tr>
                                            <td>{{ collection.date.strftime('%d.%m.%Y') }}</td>
                                            <td>
                                                {% if collection.garbage_type == 'RESTMUELL' %}
                                                    <span class="badge bg-secondary">{{ collection.type_display }}</span>
                                                {% elif collection.garbage_type == 'PAPIER' %}
                                                    <span class="badge bg-info">{{ collection.type_display }}</span>
                                                {% elif collection.garbage_type == 'GELBER_SACK' %}
                                                    <span class="badge bg-warning text-dark">{{ collection.type_display }}</span>
                                                {% else %}
                                                    <span class="badge bg-dark">{{ collection.type_display }}</span>
                                                {% endif %}
                                            </td>
                                            <td>{{ collection.full_address }}</td>
                                            <td>
                                                <div class="btn-group" role="group">
                                                    <a href="{{ url_for('garbage.edit', collection_id=collection.id) }}" class="btn btn-sm btn-outline-primary">
                                                        <i class="fas fa-edit"></i> Bearbeiten
                                                    </a>
                                                    <button type="button" class="btn btn-sm btn-outline-secondary" 
                                                            data-bs-toggle="modal" data-bs-target="#copyModal{{ collection.id }}">
                                                        <i class="fas fa-copy"></i> Kopieren
                                                    </button>
                                                    <button type="button" class="btn btn-sm btn-outline-danger" 
                                                            data-bs-toggle="modal" data-bs-target="#deleteModal{{ collection.id }}">
                                                        <i class="fas fa-trash"></i> Löschen
                                                    </button>
                                                </div>
                                                
                                                <!-- Copy Modal -->
                                                <div class="modal fade" id="copyModal{{ collection.id }}" tabindex="-1" aria-hidden="true">
                                                    <div class="modal-dialog">
                                                        <div class="modal-content">
                                                            <div class="modal-header">
                                                                <h5 class="modal-title">Termine wiederholen</h5>
                                                                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                                                            </div>
                                                            <form action="{{ url_for('garbage.copy', collection_id=collection.id) }}" method="post">
                                                                <div class="modal-body">
                                                                    <p>Erstelle wiederkehrende Kopien von "{{ collection.type_display }} am {{ collection.date.strftime('%d.%m.%Y') }}"</p>
                                                                    
                                                                    <div class="mb-3">
                                                                        <label for="interval_days{{ collection.id }}" class="form-label">Alle wie viele Tage?</label>
                                                                        <input type="number" class="form-control" id="interval_days{{ collection.id }}" name="interval_days" value="14" min="1" required>
                                                                        <div class="form-text">z.B. 14 für alle zwei Wochen</div>
                                                                    </div>
                                                                    
                                                                    <div class="mb-3">
                                                                        <label for="end_date{{ collection.id }}" class="form-label">Bis Enddatum</label>
                                                                        <input type="date" class="form-control" id="end_date{{ collection.id }}" name="end_date">
                                                                        <div class="form-text">Kopien werden bis zu diesem Datum erstellt</div>
                                                                    </div>
                                                                    
                                                                    <div class="text-center text-muted mb-3">- oder -</div>
                                                                    
                                                                    <div class="mb-3">
                                                                        <label for="count{{ collection.id }}" class="form-label">Anzahl Kopien</label>
                                                                        <input type="number" class="form-control" id="count{{ collection.id }}" name="count" min="1">
                                                                        <div class="form-text">Alternativ: Anzahl der zu erstellenden Kopien</div>
                                                                    </div>
                                                                </div>
                                                                <div class="modal-footer">
                                                                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Abbrechen</button>
                                                                    <button type="submit" class="btn btn-primary">Kopien erstellen</button>
                                                                </div>
                                                            </form>
                                                        </div>
                                                    </div>
                                                </div>
                                                
                                                <!-- Delete Confirmation Modal -->
                                                <div class="modal fade" id="deleteModal{{ collection.id }}" tabindex="-1" aria-hidden="true">
                                                    <div class="modal-dialog">
                                                        <div class="modal-content">
                                                            <div class="modal-header">
                                                                <h5 class="modal-title">Löschen bestätigen</h5>
                                                                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                                                            </div>
                                                            <div class="modal-body">
                                                                Bist du sicher, dass du den Termin "{{ collection.type_display }} am {{ collection.date.strftime('%d.%m.%Y') }}" löschen möchtest?
                                                            </div>
                                                            <div class="modal-footer">
                                                                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Abbrechen</button>
                                                                <form action="{{ url_for('garbage.delete', collection_id=collection.id) }}" method="post">
                                                                    <button type="submit" class="btn btn-danger">Löschen</button>
                                                                </form>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </td>
                                        </tr>
                                    {% endfor %}
                                </tbody>
                            </table>
                        </div>
                    {% else %}
                        <div class="alert alert-info">
                            Keine anstehenden Abholtermine. <a href="{{ url_for('garbage.create') }}">Neuen Termin hinzufügen</a>.
                        </div>
                    {% endif %}
                </div>
            </div>
            
            <!-- iCal Links -->
            <div class="card mt-4">
                <div class="card-header">
                    <h5>Kalender-Abonnements</h5>
                </div>
                <div class="card-body">
                    <p>Die Abholtermine können als iCal-Kalender abonniert werden:</p>
                    <ul class="list-group">
                        <li class="list-group-item d-flex justify-content-between align-items-center">
                            <span><i class="fas fa-calendar"></i> Alle Termine</span>
                            <a href="{{ url_for('garbage.ical_all') }}" class="btn btn-sm btn-outline-secondary">
                                <i class="fas fa-download"></i> .ics
                            </a>
                        </li>
                        {% for gtype in garbage_types %}
                        <li class="list-group-item d-flex justify-content-between align-items-center">
                            <span>
                                {% if gtype.name == 'RESTMUELL' %}
                                    <span class="badge bg-secondary">{{ gtype.value }}</span>
                                {% elif gtype.name == 'PAPIER' %}
                                    <span class="badge bg-info">{{ gtype.value }}</span>
                                {% elif gtype.name == 'GELBER_SACK' %}
                                    <span class="badge bg-warning text-dark">{{ gtype.value }}</span>
                                {% endif %}
                            </span>
                            <a href="{{ url_for('garbage.ical_by_type', garbage_type=gtype.name) }}" class="btn btn-sm btn-outline-secondary">
                                <i class="fas fa-download"></i> .ics
                            </a>
                        </li>
                        {% endfor %}
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}