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

{% block title %}Paket bearbeiten{% endblock %}

{% block content %}
    <div class="container mt-4">
        {% if package is not null %}
            <div class="card mb-4">
                <div class="card-header bg-primary text-white">
                    <h4>Bearbeite Paket: {{ package.name }}</h4>
                </div>
                <div class="card-body">
                    {{ form_start(form, {'attr': {'novalidate': 'novalidate'}}) }}

                    <!-- Name des Pakets bearbeiten -->
                    <div class="mb-3">
                        {{ form_label(form.name, 'Paketname') }}
                        {{ form_widget(form.name, {
                            'attr': {
                                'class': 'form-control',
                                'placeholder': 'Gib einen neuen Namen ein'
                            }
                        }) }}
                    </div>

                    <!-- Submit Button -->
                    <div class="text-center">
                        <button class="btn btn-success" type="submit">Änderungen speichern</button>
                    </div>
                    {{ form_end(form) }}
                </div>
            </div>
        {% else %}
            <p class="alert alert-danger">Paket nicht gefunden.</p>
        {% endif %}

        <!-- Items im Paket -->
        <div class="card mb-4">
            <div class="card-header bg-info text-white">
                <h5>Items im Paket</h5>
            </div>
            <div class="card-body">
                <table class="table table-striped">
                    <thead>
                    <tr>
                        <th>Item Name</th>
                        <th>Quantity</th>
                        <th>Actions</th>
                    </tr>
                    </thead>
                    <tbody>
                    {% for packageItem in packageItems %}
                        <tr>
                            <td>{{ packageItem.item.name }}</td>
                            <td>{{ packageItem.quantity }}</td>
                            <td>
                                <form action="{{ path('package_item_delete', {'packageId': package.id, 'itemId': packageItem.id}) }}" method="POST" style="display: inline-block;">
                                    <input type="hidden" name="_token" value="{{ csrf_token('delete' ~ packageItem.id) }}">
                                    <button class="btn btn-danger btn-sm" type="submit">Entfernen</button>
                                </form>
                            </td>
                        </tr>
                    {% endfor %}
                    </tbody>
                </table>
            </div>
        </div>

        <!-- Item hinzufügen -->
        <div class="card">
            <div class="card-header bg-success text-white">
                <h5>Item zum Paket hinzufügen</h5>
            </div>
            <div class="card-body">
                <form action="{{ path('package_add_item', {'id': package.id}) }}" method="POST">
                    <input type="hidden" name="_token" value="{{ csrf_token('add_item' ~ package.id) }}">
                    <div class="mb-3">
                        <label for="item_id" class="form-label">Item</label>
                        <select name="item_id" id="item_id" class="form-control">
                            {% for item in items %}
                                <option value="{{ item.id }}">{{ item.name }}</option>
                            {% endfor %}
                        </select>
                    </div>
                    <div class="mb-3">
                        <label for="quantity" class="form-label">Menge</label>
                        <input type="number" name="quantity" id="quantity" class="form-control" min="1" required>
                    </div>
                    <button class="btn btn-primary" type="submit">Item hinzufügen</button>
                </form>
            </div>
        </div>
    </div>
{% endblock %}