{% block file_row %}
    <div class="field-image form-group" data-controller="form">
        <legend class="col-form-label">{{ label|trans(label_translation_parameters, translation_domain) }}</legend>
        <div class="form-widget">
            <div class="app-fileupload">
                <div class="input-group">
                    <div class="custom-file">
                        <input type="file" id="{{ id }}" name="{{ full_name }}"
                               data-action="change->form#changeFile"
                               placeholder="{{ 'help_file_placeholder'|trans({}, 'admin') }}"
                        {% for property, value in attr %}
                            {{ property }}="{{ value }}"
                        {% endfor %}
                        class="d-none form-control">
                        <label class="custom-file-label form-control-label" for="{{ id }}">
                            {% if form.vars.data %}
                                {{ form.vars.data }}
                            {% else %}
                                {{ 'help_file_placeholder'|trans({}, 'admin') }}
                            {% endif %}
                        </label>
                    </div>
                    <div class="input-group-text">
                        <label class="btn app-fileupload-delete-btn{% if not form.vars.data %} d-none{% endif %}"
                               data-action="click->form#removeFile">
                            <twig:icon name="trashCan"/>
                        </label>
                        <label class="btn app-fileupload-open-btn" data-action="click->form#openFileDialog">
                            <twig:icon name="folderOpen"/>
                        </label>
                    </div>
                </div>
                <div class="d-none">
                    <div class="form-check">
                        <input type="checkbox" id="{{ id }}_delete"
                               name="{{ full_name }}[delete]" class="form-check-input" value="1">
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock %}

{% block checkbox_row %}
    <div class="form-group">
        <div class="custom-control custom-switch">
            <div class="form-check">
                <input type="checkbox" id="{{ id }}" name="{{ full_name }}"
                       class="custom-control-input form-check-input" novalidate="novalidate" value="1"
                {% for property, value in attr %}
                    {{ property }}="{{ value }}"
                {% endfor %}
                {% if data %}
                    checked="checked"
                {% endif %}
                >
                <label class="custom-control-label form-check-label"
                {% for property, value in label_attr %}
                    {{ property }}="{{ value }}"
                {% endfor %}
                for="{{ id }}">{{ label|trans(label_translation_parameters, translation_domain) }}</label>
            </div>
            {% if help %}
                <div id="{{ unique_block_prefix }}_help"
                     class="form-text mb-0 help-text">{{ help|trans(label_translation_parameters, translation_domain) }}</div>
            {% endif %}
        </div>
    </div>
{% endblock %}

{% block color_row %}
    <label for="{{ id }}" class="form-label">{{ label }}</label>
    <div class="form-color-widget" data-controller="color-picker" data-color="{{ value }}">
        <div class="color-preview" style="background-color: {{ value }}"></div>
        <input type="text" id="{{ id }}" name="{{ full_name }}" novalidate="novalidate"
               class="form-control form-control-color" value="{{ value }}">
    </div>
{% endblock %}