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

{% block editor_js_widget -%}
    {%- set type = type|default('hidden') -%}
    {{ block('form_widget_simple') }}

    <div class="bg-light rounded p-3" id="{{ form.vars.id }}_editor" data-textarea="{{ form.vars.id }}" data-controller="editorjs" data-editorjs-options=""></div>
{%- endblock editor_js_widget %}

{% block uppy_widget -%}
    {%- set type = type|default('hidden') -%}
    {{ block('form_widget_simple') }}
    <div class="card w-100 shadow-none bg-light" data-controller="uppy" data-trigger="{{ form.vars.id }}_uppy_trigger" data-input="{{ form.vars.id }}" data-preview="{{ form.vars.id }}_uppy_preview">
        <div class="card-body p-3">
            <div class="d-flex justify-content-between align-items-center">
                <img id="{{ form.vars.id }}_uppy_preview" class="h-50px" src="" alt="">
                <button  type="button" class="btn btn-sm btn-icon " id="{{ form.vars.id }}_uppy_trigger" >
                    {% include 'utils/_icon.html.twig' with {icon:'file-up','path':2, 'classes': 'fs-1'} %}
                </button>
            </div>
        </div>
    </div>
{%- endblock uppy_widget %}


{% block checkbox_widget %}
    <div class="form-check form-switch mb-3 d-flex align-items-center">
        <input type="checkbox" id="{{ form.vars.id }}" name="{{ form.vars.full_name }}" class="form-check-input" value="{{ form.vars.value }}" {{ form.vars.checked ? 'checked' : '' }}>
        <label class="form-check-label small ms-2 text-dark" for="{{ form.vars.id }}">{{ form.vars.name|trans({},'messages') }}</label>
    </div>
{% endblock checkbox_widget  %}

{% block form_widget_simple -%}
    {%- set widget_class = ' form-control form-control-solid bg-light' %}
    {%- set attr = attr|merge({class: (attr.class|default('') ~ widget_class)|trim}) -%}
    {{- parent() -}}
{%- endblock form_widget_simple %}

{%- block choice_widget_collapsed -%}
    {%- set attr = attr|merge({class: (attr.class|default('') ~ ' form-select form-select-solid bg-light')|trim}) -%}
    {{- parent() -}}
{%- endblock choice_widget_collapsed -%}