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

{% block title %}Kunde bearbeiten{% endblock %}

{% block body %}
<div class="page-wrapper">
    <div class="page-header">
        <div class="header-content">
            <a href="{{ path('kunde_index') }}" class="btn-back">
                <i class="fas fa-arrow-left"></i>
            </a>
            <div>
                <h1><i class="fas fa-building"></i> Kunde bearbeiten</h1>
                <p class="header-subtitle">{{ kunde.name }}</p>
            </div>
        </div>
    </div>
    
    {{ form_start(form, {'attr': {'class': 'form-modern'}}) }}
        <div class="form-section">
            <div class="section-header">
                <i class="fas fa-info-circle"></i>
                <h2>Kundeninformationen</h2>
            </div>
            <div class="section-content">
                {{ form_row(form.name) }}
                {{ form_row(form.kontaktperson) }}
                <div class="form-grid-2">
                    {{ form_row(form.email) }}
                    {{ form_row(form.telefon) }}
                </div>
                <div class="form-grid-2">
                    {{ form_row(form.strasse) }}
                    {{ form_row(form.hausnummer) }}
                </div>
                <div class="form-grid-2">
                    {{ form_row(form.plz) }}
                    {{ form_row(form.ort) }}
                </div>
            </div>
        </div>

        {% include 'shared/_form_actions.html.twig' with { cancel_url: path('kunde_index') } %}
    {{ form_end(form) }}
</div>
{% endblock %}