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

{% block title %}{{ 'admin.custom_fields.new_field'|trans }}{% endblock %}

{% block body %}
<div class="container-fluid">
    {% include 'administration/custom_fields/_subnav.html.twig' %}

    <div class="admin-card p-4 mb-3">
        <div class="d-flex flex-column flex-sm-row justify-content-between align-items-start align-items-sm-center gap-3">
            <div>
                <h1 class="h2 fw-bold mb-1">{{ 'admin.custom_fields.new_field'|trans }}</h1>
                <p class="text-muted mb-0 small">{{ 'admin.custom_fields.create_new_field'|trans }}</p>
            </div>
            <a href="{{ path('admin_custom_fields_list') }}" class="btn btn-outline-secondary">
                <i class="bi bi-arrow-left me-2"></i>
                {{ 'admin.custom_fields.back'|trans }}
            </a>
        </div>
    </div>

    <div class="admin-card p-4">
        {{ form_start(form, { attr: { class: 'needs-validation', novalidate: 'novalidate' } }) }}
        {% include 'administration/custom_fields/_field_form.html.twig' %}
        <div class="d-flex gap-2 mt-4">
            <button type="submit" class="btn btn-primary">
                <i class="bi bi-check-circle me-2"></i>
                {{ 'admin.custom_fields.save'|trans }}
            </button>
            <a href="{{ path('admin_custom_fields_list') }}" class="btn btn-outline-secondary">
                {{ 'admin.custom_fields.cancel'|trans }}
            </a>
        </div>
        {{ form_end(form) }}
    </div>
</div>
{% endblock %}