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

{% block title %}Lieferschein bearbeiten - {{ deliveryNote.deliveryNoteNumber }}{% endblock %}

{% block content %}
<div class="detail-page-header">
    <div>
        <h1><i class="fas fa-edit"></i> Lieferschein bearbeiten</h1>
        <p class="text-secondary mt-half">{{ deliveryNote.deliveryNoteNumber }}</p>
    </div>
    <a href="{{ path('app_delivery_note_show', {id: deliveryNote.id}) }}" class="btn btn-inline"><i class="fas fa-arrow-left"></i> Zurück</a>
</div>

{% if deliveryNote.isFinalized %}
    <div class="alert-error">
        <i class="fas fa-exclamation-triangle"></i> Dieser Lieferschein wurde bereits finalisiert und kann nicht mehr bearbeitet werden.
    </div>
{% else %}
    <form method="post" class="form-card">
        <h2>Kundendaten</h2>
        <div class="form-grid-2">
            <div class="form-section">
                <label for="customerName" class="form-label-block">Firmenname *</label>
                <input type="text" id="customerName" name="customerName" value="{{ deliveryNote.customerName }}" required class="form-input-full">
            </div>
            <div class="form-section">
                <label for="customerNumber" class="form-label-block">Kundennummer</label>
                <input type="text" id="customerNumber" name="customerNumber" value="{{ deliveryNote.customerNumber }}" class="form-input-full">
            </div>
        </div>
        <div class="form-section">
            <label for="customerAddress" class="form-label-block">Straße und Hausnummer</label>
            <input type="text" id="customerAddress" name="customerAddress" value="{{ deliveryNote.customerAddress }}" class="form-input-full">
        </div>
        <div class="form-grid-1-2">
            <div class="form-section">
                <label for="customerPostalCode" class="form-label-block">Postleitzahl</label>
                <input type="text" id="customerPostalCode" name="customerPostalCode" value="{{ deliveryNote.customerPostalCode }}" class="form-input-full">
            </div>
            <div class="form-section">
                <label for="customerCity" class="form-label-block">Ort</label>
                <input type="text" id="customerCity" name="customerCity" value="{{ deliveryNote.customerCity }}" class="form-input-full">
            </div>
        </div>
        <div class="form-section-lg">
            <label for="contactPerson" class="form-label-block">Ansprechpartner</label>
            <input type="text" id="contactPerson" name="contactPerson" value="{{ deliveryNote.contactPerson }}" class="form-input-full">
        </div>
        <h2>Lieferinformationen</h2>
        <div class="form-section-lg">
            <label for="deliveryDate" class="form-label-block">Lieferdatum</label>
            <input type="date" id="deliveryDate" name="deliveryDate" value="{{ deliveryNote.deliveryDate|date('Y-m-d') }}" required class="form-input-full">
        </div>
        <h2>Technischer Ansprechpartner</h2>
        <div class="form-grid-2">
            <div class="form-section">
                <label for="technicalContactName" class="form-label-block">Name</label>
                <input type="text" id="technicalContactName" name="technicalContactName" value="{{ deliveryNote.technicalContactName }}" class="form-input-full">
            </div>
            <div class="form-section">
                <label for="technicalContactTitle" class="form-label-block">Titel/Funktion</label>
                <input type="text" id="technicalContactTitle" name="technicalContactTitle" value="{{ deliveryNote.technicalContactTitle }}" class="form-input-full">
            </div>
        </div>
        <div class="form-grid-2 form-section-lg">
            <div class="form-section">
                <label for="technicalContactEmail" class="form-label-block">E-Mail</label>
                <input type="email" id="technicalContactEmail" name="technicalContactEmail" value="{{ deliveryNote.technicalContactEmail }}" class="form-input-full">
            </div>
            <div class="form-section">
                <label for="technicalContactPhone" class="form-label-block">Telefon</label>
                <input type="text" id="technicalContactPhone" name="technicalContactPhone" value="{{ deliveryNote.technicalContactPhone }}" class="form-input-full">
            </div>
        </div>

        <div class="form-section-lg">
            <label for="notes" class="form-label-block">
                Bemerkungen
            </label>
            <textarea id="notes" name="notes" rows="4" class="form-input-full w-full">{{ deliveryNote.notes }}</textarea>
        </div>

        <div class="form-actions">
            <a href="{{ path('app_delivery_note_show', {id: deliveryNote.id}) }}" class="btn-cancel">
                Abbrechen
            </a>
            <button type="submit" class="btn-submit">
                <i class="fas fa-save"></i> Speichern
            </button>
        </div>
    </form>
{% endif %}
{% endblock %}