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

{% block title %}Patrimoine Roses | Produits{% endblock %}

{% block body %}
    <section class="container border p-5" style="margin-top: 150px; margin-bottom: 150px;">
        <h1 class="text-center">Produit</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>

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

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

        <div class="form-group form-check mb-3">
            {{ form_widget(form.isActive, { 'attr': {'class': 'form-check-input'} }) }}
            {{ form_label(form.isActive, null, { 'label_attr': {'class': 'form-check-label'} }) }}
            {{ form_errors(form.isActive) }}
        </div>

        <button class="btn btn-success col-12 mb-2 mt-5">{{ form.vars.value.id ? 'Update' : 'Ajouter' }}</button>
        {{ form_end(form) }}

        <a href="{{ path('admin_product_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>

    <style>
        #product_category {
            display: block !important;
        }

        .nice-select {
            display: none;
        }
    </style>
{% endblock %}