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

{% block content %}
    <div class="container">
        <h1 class="my-4">Item zu Step {{ step.step }} hinzufügen</h1>

        <div class="card">
            <div class="card-body">
                {{ form_start(form, {'attr': {'class': 'needs-validation', 'novalidate': 'novalidate'}}) }}

                <div class="row">
                    <div class="col-md-6">
                        {{ form_row(form.itemName, {'attr': {'class': 'form-control'}}) }}
                    </div>
                    <div class="col-md-6">
                        {{ form_row(form.quantity, {'attr': {'class': 'form-control'}}) }}
                    </div>
                </div>

                <div class="row mt-3">
                    <div class="col-md-4">
                        {{ form_row(form.locationX, {'attr': {'class': 'form-control'}}) }}
                    </div>
                    <div class="col-md-4">
                        {{ form_row(form.locationY, {'attr': {'class': 'form-control'}}) }}
                    </div>
                    <div class="col-md-4">
                        {{ form_row(form.locationZ, {'attr': {'class': 'form-control'}}) }}
                    </div>
                </div>

                <div class="mt-3">
                    <button type="submit" class="btn btn-primary">Item hinzufügen</button>
                    <a href="{{ path('quest_template_quest_show', {'id': step.quest.id}) }}" class="btn btn-secondary">Abbrechen</a>
                </div>

                {{ form_end(form) }}
            </div>
        </div>
    </div>
{% endblock %}