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

{% block title %}Kunden{% endblock %}

{% block body %}
<div class="page-wrapper">
    {% include 'shared/_page_header.html.twig' with {
        title: 'Kunden',
        icon: 'fa-building',
        subtitle: 'Verwalten Sie Ihre Kunden',
        primary_url: path('kunde_new'),
        primary_label: 'Neuer Kunde'
    } %}

    <div class="table-container">
        <table class="data-table">
            <thead>
                <tr>
                    <th>ID</th>
                    <th>Name</th>
                    <th>Kontaktperson</th>
                    <th>E-Mail</th>
                    <th>Telefon</th>
                    <th>Aktionen</th>
                </tr>
            </thead>
            <tbody>
                {% for kunde in kunden %}
                    <tr>
                        <td class="table-id">#{{ kunde.id }}</td>
                        <td class="table-title">{{ kunde.name }}</td>
                        <td>{{ kunde.kontaktperson }}</td>
                        <td>{{ kunde.email }}</td>
                        <td>{{ kunde.telefon }}</td>
                        <td class="table-actions">
                            <a href="{{ path('kunde_edit', {id: kunde.id}) }}" class="btn-icon" title="Bearbeiten">
                                <i class="fas fa-edit"></i>
                            </a>
                            <form method="post" action="{{ path('kunde_delete', {id: kunde.id}) }}" class="form-delete-inline">
                                <input type="hidden" name="_token" value="{{ csrf_token('delete' ~ kunde.id) }}">
                                <button type="submit" class="btn-icon" title="Löschen" data-action="confirm-delete" data-message="Möchten Sie diesen Kunden wirklich löschen?">
                                    <i class="fas fa-trash"></i>
                                </button>
                            </form>
                        </td>
                    </tr>
                {% else %}
                    <tr>
                        <td colspan="6" class="table-empty">
                            <i class="fas fa-store-slash"></i>
                            <p>Keine Kunden gefunden</p>
                        </td>
                    </tr>
                {% endfor %}
            </tbody>
        </table>
    </div>
</div>
{% endblock %}