{% extends 'base.html.twig' %} {% block title %} {% if item.id %} {{ 'dashboard.items.edit.title'|trans }} - {{ parent() }} {% else %} {{ 'dashboard.items.new.title'|trans }} - {{ parent() }} {% endif %} {% endblock %} {% block stylesheets %} {{ parent() }} {% endblock %} {% block body %}
{% include 'dashboard/_sidebar.html.twig' %}

{% if item.id %} {{ 'dashboard.items.edit.title'|trans }} {% else %} {{ 'dashboard.items.new.title'|trans }} {% endif %}

{% if item.id %}
{{ 'dashboard.items.edit.info'|trans }}
{% endif %}
{{ 'dashboard.items.form.basic_info'|trans }}
{{ form_start(form, {'attr': {'class': 'needs-validation', 'novalidate': 'novalidate', 'enctype': 'multipart/form-data'}}) }}
{{ form_row(form.title, {'attr': {'class': 'form-control'}}) }}
{{ form_row(form.category, {'attr': {'class': 'form-select'}}) }}
{{ form_row(form.price, {'attr': {'class': 'form-control'}}) }}
{{ form_row(form.style, {'attr': {'class': 'form-select'}}) }}
{{ form_row(form.period, {'attr': {'class': 'form-select'}}) }}
{{ form_row(form.material, {'attr': {'class': 'form-control'}}) }}
{{ form_row(form.dimensions, {'attr': {'class': 'form-control'}}) }}
{{ form_row(form.condition, {'attr': {'class': 'form-select'}}) }}
{{ form_row(form.status, {'attr': {'class': 'form-select'}}) }}
{{ form_row(form.description, {'attr': {'class': 'form-control', 'rows': '5'}}) }}
{{ 'dashboard.items.form.drag_drop_images'|trans }}

{{ 'dashboard.items.form.or_click_to_select'|trans }}

{{ 'dashboard.items.form.supported_formats'|trans }}: JPG, PNG, GIF, WEBP
{{ 'dashboard.items.form.max_size'|trans }}: 5MB {{ 'dashboard.items.form.per_image'|trans }}

{{ form_widget(form.images, {'attr': {'class': 'file-input-hidden', 'id': 'imageInput'}}) }}
{{ 'dashboard.items.form.cancel'|trans }}
{{ form_end(form) }}
{{ 'dashboard.items.form.tips_title'|trans }}
{{ 'dashboard.items.form.tips.title'|trans }}
  • {{ 'dashboard.items.form.tips.description'|trans }}
  • {{ 'dashboard.items.form.tips.images'|trans }}
  • {{ 'dashboard.items.form.tips.price'|trans }}
  • {{ 'dashboard.items.form.tips.category'|trans }}
{% if item.id and item.images|length > 0 %}
{{ 'dashboard.items.form.current_images'|trans }} {{ item.images|length }}
{% for image in item.images %}
{{ item.title }}
{{ image.originalName }}
{{ image.formattedFileSize }}
{% if loop.first %}
Principal
{% endif %}
{% endfor %}
{% if item.images|length > 1 %}
Astuce : Vous pouvez réorganiser vos images en les glissant-déposant. La première image sera utilisée comme image principale.
{% endif %}
{% endif %}
{% endblock %} {% block javascripts %} {{ parent() }} {% endblock %}