{% if flaskbb_config["ATTACHMENTS_ENABLED"] and current_user.permissions.get('postattachment') %}
<section class="attachment-section attachment-fields" data-max-attachments="{{ flaskbb_config['ATTACHMENTS_PER_POST'] }}"
     data-existing-attachments="{{ form.delete_attachments.choices|length }}"
     data-max-size="{{ flaskbb_config['ATTACHMENT_MAX_SIZE'] * 1024 }}"
     data-insert-label="{{ _('Insert') }}"
     data-remove-label="{{ _('Remove') }}">
    <div class="attachment-section-heading">
        <h2>{% trans %}Attachments{% endtrans %}</h2>
        <p>
            {{ gettext(
                "Attach up to %(amount)s files. Each file can be up to %(size)s.",
                amount=flaskbb_config["ATTACHMENTS_PER_POST"],
                size=(flaskbb_config["ATTACHMENT_MAX_SIZE"] * 1024)|filesizeformat
            ) }}
        </p>
    </div>
    <label class="attachment-picker" for="{{ form.new_attachments.id }}">
        <span class="fas fa-paperclip attachment-picker-icon" aria-hidden="true"></span>
        <span><strong>{% trans %}Choose files{% endtrans %}</strong> {% trans %}or drag and drop them here{% endtrans %}</span>
        {{ form.new_attachments(class="attachment-input" + (" is-invalid" if form.new_attachments.errors else "")) }}
    </label>
    <div class="invalid-feedback attachment-limit-error">
        {{ _("Only %(amount)s attachments per post are allowed.", amount=flaskbb_config["ATTACHMENTS_PER_POST"]) }}</div>
    <div class="invalid-feedback attachment-size-error">
        {{ _("Attachments cannot be bigger than %(size)s.", size=(flaskbb_config["ATTACHMENT_MAX_SIZE"] * 1024)|filesizeformat) }}
    </div>
    {%- for error in form.new_attachments.errors %}
    <div class="invalid-feedback d-block">{{ error }}</div>
    {%- endfor %}
    <div class="selected-attachments"></div>
    {% if edit_mode and form.delete_attachments.choices %}
    <div class="existing-attachments">
        <h3>{% trans %}Attached files{% endtrans %}</h3>
        {% for subfield in form.delete_attachments %}
        {% set attachment = form.post.attachments[loop.index0] %}
        <div class="attachment-row">
            <span class="fas fa-paperclip" aria-hidden="true"></span>
            <span class="attachment-name">{{ subfield.label.text }}</span>
            <div class="attachment-actions">
                <button type="button" class="btn btn-sm btn-outline-secondary insert-attachment"
                        data-attachment-reference="{{ attachment.url }}"
                        data-attachment-filename="{{ attachment.original_filename }}"
                        data-attachment-image="{{ 'true' if attachment.is_image else 'false' }}">
                    {{ _('Insert') }}
                </button>
                <div class="form-check">
                    {{ subfield(class="form-check-input") }}
                    <label class="form-check-label" for="{{ subfield.id }}">{% trans %}Remove{% endtrans %}</label>
                </div>
            </div>
        </div>
        {% endfor %}
    </div>
    {% endif %}
</section>
{% endif %}