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

{% block title %}{{ 'admin.custom_fields.edit_set'|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.edit_set'|trans }}</h1>
                <p class="text-muted mb-0 small">{{ customFieldSet.name }}</p>
            </div>
            <a href="{{ path('admin_custom_field_sets') }}" 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' } }) }}
        <div class="row g-3">
            <div class="col-md-6">
                {{ form_row(form.name, { label: 'admin.custom_fields.label_name'|trans }) }}
            </div>
            <div class="col-md-6">
                {{ form_row(form.technicalName, { label: 'admin.custom_fields.technical_name'|trans }) }}
            </div>
            <div class="col-md-6">
                {{ form_row(form.entityType, { label: 'admin.custom_fields.entity_type'|trans }) }}
            </div>
            <div class="col-md-6">
                {{ form_row(form.position, { label: 'admin.custom_fields.position'|trans }) }}
            </div>
            <div class="col-12">
                {{ form_row(form.description, { label: 'admin.custom_fields.label_description'|trans }) }}
            </div>
            <div class="col-12">
                <div class="form-switch">
                    {{ form_widget(form.active) }}
                    <label for="{{ form.active.vars.id }}" class="form-check-label">{{ 'admin.custom_fields.label_active'|trans }}</label>
                </div>
                {{ form_errors(form.active) }}
            </div>
        </div>
        <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_field_sets') }}" class="btn btn-outline-secondary">
                {{ 'admin.custom_fields.cancel'|trans }}
            </a>
        </div>
        {{ form_end(form) }}
    </div>
</div>
{% endblock %}