{% 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 ? 'Edit Reference' : 'Ajouter une référence' }}</h1>

        {{ form_start(form) }}

        <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-success col-12 my-3">{{ form.vars.value.id ? 'Update' : 'Ajouter' }}</button>
        {{ form_end(form) }}

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

        {#
        <div class="form-check">
            <input class="form-check-input" type="checkbox" value="" id="flexCheckChecked" checked>
            <label class="form-check-label" for="flexCheckChecked">
                Actif
            </label>
        </div>
        #}

    </section>

{% endblock %}