{# Macros locales pour rendu Bulma uniforme #}
{% macro field(form_field, options) %}
    {% set options = options|default({}) %}
    {% set icon = options.icon|default(null) %}
    {% set type = options.type|default('text') %}
    {% set hasError = form_field.vars.errors|length > 0 %}

    <div class="field">
        <label class="label" for="{{ form_field.vars.id }}">
            {{ form_field.vars.label }}
            {% if form_field.vars.required %}<span class="has-text-danger">*</span>{% endif %}
        </label>
        <div class="control{% if icon %} has-icons-left{% endif %}">
            {{ form_widget(form_field, {
                'attr': form_field.vars.attr|merge({
                    'class': 'input' ~ (hasError ? ' is-danger' : '')
                })
            }) }}
            {% if icon %}
                <span class="icon is-small is-left"><i class="fas fa-{{ icon }}"></i></span>
            {% endif %}
        </div>
        {% if form_field.vars.help %}
            <p class="help">{{ form_field.vars.help }}</p>
        {% endif %}
        {% if hasError %}
            <p class="help is-danger">
                {% for error in form_field.vars.errors %}{{ error.message }}<br>{% endfor %}
            </p>
        {% endif %}
    </div>
{% endmacro %}

{% macro select_field(form_field, options) %}
    {% set options = options|default({}) %}
    {% set icon = options.icon|default(null) %}
    {% set hasError = form_field.vars.errors|length > 0 %}

    <div class="field">
        <label class="label" for="{{ form_field.vars.id }}">
            {{ form_field.vars.label }}
            {% if form_field.vars.required %}<span class="has-text-danger">*</span>{% endif %}
        </label>
        <div class="control{% if icon %} has-icons-left{% endif %}">
            <div class="select is-fullwidth{% if hasError %} is-danger{% endif %}">
                {{ form_widget(form_field) }}
            </div>
            {% if icon %}
                <span class="icon is-small is-left"><i class="fas fa-{{ icon }}"></i></span>
            {% endif %}
        </div>
        {% if form_field.vars.help %}
            <p class="help">{{ form_field.vars.help }}</p>
        {% endif %}
        {% if hasError %}
            <p class="help is-danger">
                {% for error in form_field.vars.errors %}{{ error.message }}<br>{% endfor %}
            </p>
        {% endif %}
    </div>
{% endmacro %}

{% import _self as f %}

{% set incorporation_bulma_calendar = form.vars.incorporation_bulma_calendar|default(false) %}

{{ form_start(form, {'attr': {'novalidate': 'novalidate', 'data-controller': 'organization-form'}}) }}

    {% if form.vars.errors|length > 0 %}
        <div class="notification is-danger is-light">
            <span class="icon"><i class="fas fa-circle-exclamation"></i></span>
            <strong>Le formulaire contient des erreurs :</strong>
            <ul class="mt-2">
                {% for error in form.vars.errors %}<li>{{ error.message }}</li>{% endfor %}
            </ul>
        </div>
    {% endif %}

    <div class="box">
        <h3 class="title is-5">
            <span class="icon-text">
                <span class="icon"><i class="fas fa-id-card"></i></span>
                <span>Identité</span>
            </span>
        </h3>

        {{ f.field(form.name, {'icon': 'building'}) }}
        {{ f.field(form.slug, {'icon': 'link'}) }}
        {{ f.field(form.billingEmail, {'icon': 'envelope'}) }}
        {% if not form.status.vars.disabled %}
            {{ f.select_field(form.status) }}
        {% endif %}
    </div>

    <div class="box">
        <h3 class="title is-5">
            <span class="icon-text">
                <span class="icon"><i class="fas fa-briefcase"></i></span>
                <span>Type d'organisation</span>
            </span>
        </h3>

        <div class="field">
            <label class="checkbox">
                {{ form_widget(form.isCompany, {'attr': {'data-organization-form-target': 'isCompany', 'data-action': 'change->organization-form#toggleCompanyFields'}}) }}
                {{ form.isCompany.vars.label }}
            </label>
        </div>

        <div data-organization-form-target="companyFields" class="mt-4">
            {{ f.select_field(form.legalForm) }}
            {{ f.field(form.siren, {'icon': 'hashtag'}) }}
            {{ f.field(form.siret, {'icon': 'hashtag'}) }}
            <div class="{% if incorporation_bulma_calendar %}viz-org-incorp-cal-field{% endif %}">
                {{ f.field(form.incorporationDate, {'icon': 'calendar'}) }}
            </div>
            {{ f.field(form.website, {'icon': 'globe'}) }}
        </div>
    </div>

    <div class="box">
        <h3 class="title is-5">
            <span class="icon-text">
                <span class="icon"><i class="fas fa-location-dot"></i></span>
                <span>Adresse postale</span>
            </span>
        </h3>

        {{ f.field(form.addressLine1) }}
        {{ f.field(form.addressLine2) }}

        <div class="columns">
            <div class="column is-one-third">
                {{ f.field(form.postalCode) }}
            </div>
            <div class="column">
                {{ f.field(form.city) }}
            </div>
        </div>

        {{ f.select_field(form.country) }}
    </div>

    <div class="box">
        <h3 class="title is-5">
            <span class="icon-text">
                <span class="icon"><i class="fas fa-file-import"></i></span>
                <span>Import bancaire &amp; listings</span>
            </span>
        </h3>
        {% if form.listingPayoutExtractRegex is defined %}
            <div class="field">
                <label class="label" for="{{ form.listingPayoutExtractRegex.vars.id }}">{{ form.listingPayoutExtractRegex.vars.label }}</label>
                <div class="control">
                    {{ form_widget(form.listingPayoutExtractRegex, {'attr': {'class': 'textarea'}}) }}
                </div>
                {% if form.listingPayoutExtractRegex.vars.help %}
                    <p class="help">{{ form.listingPayoutExtractRegex.vars.help }}</p>
                {% endif %}
                {% if form.listingPayoutExtractRegex.vars.errors|length > 0 %}
                    <p class="help is-danger">{% for e in form.listingPayoutExtractRegex.vars.errors %}{{ e.message }}<br>{% endfor %}</p>
                {% endif %}
            </div>
        {% endif %}
    </div>

    <div class="field is-grouped">
        <div class="control">
            <button type="submit" class="button is-primary">
                <span class="icon"><i class="fas fa-floppy-disk"></i></span>
                <span>Enregistrer</span>
            </button>
        </div>
        <div class="control">
            <a href="{{ path('admin_organizations_index') }}" class="button is-light">
                Annuler
            </a>
        </div>
    </div>

{{ form_end(form) }}