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

{% block title %}{{ form.vars.value.id ? 'Edit Reference' : 'Add New Reference' }}{% endblock %}

{% block body %}
    <section class="grid border p-5" style="margin-top: 150px; margin-bottom: 150px;">
        <h1 class="text-center">{{ form.vars.value.id ? 'Éditer la référence' : 'Add New Reference' }}</h1>

        {{ form_start(form) }}

        {% if form.vars.value.photo %}
            <div class="form-group my-3">
                <img src="{{ form.vars.value.photo }}" alt="Photo actuelle" style="max-width: 200px;">
            </div>
        {% endif %}

        <div class="form-group my-3">
            {{ form_label(form.title) }}
            {{ form_widget(form.title) }}
            {{ form_errors(form.title) }}
        </div>

        <div class="form-group my-3">
            {{ form_label(form.photo) }}
            {{ form_widget(form.photo) }}
            {{ form_errors(form.photo) }}
        </div>

        <div class="form-group my-3">
            {{ form_label(form.category) }}
            {{ form_widget(form.category) }}
            {{ form_errors(form.category) }}
        </div>

        <button class="btn btn-warning col-12 mb-2 mt-5">{{ form.vars.value.id ? 'Mettre à jour' : 'Add' }}</button>
        {{ form_end(form) }}

        <a href="{{ path('admin_reference_list') }}" class="btn btn-secondary col-12">Retour à la liste</a>
    </section>

{% endblock %}