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

{% block title %}Lieferschein anlegen{% endblock %}

{% block content %}
<div class="detail-page-header">
    <div>
        <h1><i class="fas fa-file-invoice"></i> Lieferschein manuell anlegen</h1>
        <p class="text-secondary mt-half">Neuen Lieferschein ohne Messung vom Datalogger erstellen</p>
    </div>
    <a href="{{ path('app_delivery_notes') }}" class="btn btn-inline"><i class="fas fa-arrow-left"></i> Zurück zur Übersicht</a>
</div>

{% for message in app.flashes('error') %}
    <div class="alert alert-error">
        <i class="fas fa-exclamation-circle"></i>
        <span>{{ message }}</span>
    </div>
{% endfor %}

<form method="post" action="{{ path('app_delivery_note_create') }}" class="form-card">
    <input type="hidden" name="_token" value="{{ csrf_token('delivery_note_create') }}">

    <h2>Datalogger & Lieferung</h2>
    <div class="form-section-lg">
        <label for="datalogger_id" class="form-label-block">Datalogger *</label>
        <select id="datalogger_id" name="datalogger_id" required class="form-input-full">
            <option value="">-- Bitte wählen --</option>
            {% for dl in allDataloggers %}
                <option value="{{ dl.id }}" {{ (formData.datalogger_id|default('')) == dl.id ? 'selected' : '' }}>{{ dl.name }}{% if dl.location %} ({{ dl.location }}){% endif %}</option>
            {% endfor %}
        </select>
    </div>
    <div class="form-grid-2">
        <div class="form-section">
            <label for="deliveryDate" class="form-label-block">Lieferdatum *</label>
            <input type="date" id="deliveryDate" name="deliveryDate" value="{{ formData.deliveryDate|default('now'|date('Y-m-d')) }}" required class="form-input-full">
        </div>
        <div class="form-section">
            <label for="location" class="form-label-block">Standort</label>
            <input type="text" id="location" name="location" value="{{ formData.location|default('') }}" class="form-input-full" placeholder="z.B. Hamm">
        </div>
    </div>

    <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="{{ formData.customerName|default('') }}" 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="{{ formData.customerNumber|default('') }}" 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="{{ formData.customerAddress|default('') }}" 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="{{ formData.customerPostalCode|default('') }}" 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="{{ formData.customerCity|default('') }}" 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="{{ formData.contactPerson|default('') }}" 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="{{ formData.technicalContactName|default('') }}" 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="{{ formData.technicalContactTitle|default('') }}" 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="{{ formData.technicalContactEmail|default('') }}" 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="{{ formData.technicalContactPhone|default('') }}" class="form-input-full">
        </div>
    </div>

    <h2>Position (1. Zeile)</h2>
    <div class="form-grid-2">
        <div class="form-section">
            <label for="item_description" class="form-label-block">Bezeichnung</label>
            <input type="text" id="item_description" name="item_description" value="{{ formData.item_description|default('Wasserstoff (H2)') }}" class="form-input-full">
        </div>
        <div class="form-section">
            <label for="item_quantity" class="form-label-block">Menge</label>
            <input type="number" id="item_quantity" name="item_quantity" value="{{ formData.item_quantity|default('0') }}" step="0.01" min="0" class="form-input-full">
        </div>
    </div>
    <div class="form-section">
        <label for="item_unit" class="form-label-block">Einheit</label>
        <input type="text" id="item_unit" name="item_unit" value="{{ formData.item_unit|default('kg') }}" class="form-input-full">
    </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">{{ formData.notes|default('') }}</textarea>
    </div>

    <div class="form-actions">
        <a href="{{ path('app_delivery_notes') }}" class="btn-cancel">Abbrechen</a>
        <button type="submit" class="btn-submit"><i class="fas fa-save"></i> Lieferschein anlegen</button>
    </div>
</form>
{% endblock %}