{% load i18n %}
{% comment %}
    No inline scripts: core/ImageInput.js in baton.min.js activates the inputs
    marked with data-baton-ai-image, so that a Content Security Policy based on
    nonces allows it (widget templates do not get the request nonce).
{% endcomment %}
{% if widget.is_initial %}<div class="file-upload">{{ widget.initial_text }}: <a data-url="{{ widget.value.url }}" href="{{ widget.value.url }}"{% if widget.attrs.subject_location_field %} target="_blank" rel="noopener"{% endif %}>{{ widget.value }}</a>{% if widget.attrs.subject_location_field %}<br /><div class="subject-image-preview" id="subject-image-preview-{{ widget.attrs.id }}" data-baton-subject-preview data-input-id="{{ widget.attrs.id }}" data-subject-location-field="{{ widget.attrs.subject_location_field }}" style="display: inline-block; position: relative; margin-bottom: 1rem;"><img draggable="false" style="width: {{ widget.attrs.preview_width }}px;user-select: none;" src="{{ widget.value.url }}" /></div>{% endif %}{% if not widget.required %}
<span class="clearable-file-input" style="display: block">
<input type="checkbox" name="{{ widget.checkbox_name }}" id="{{ widget.checkbox_id }}">
<label for="{{ widget.checkbox_id }}">{{ widget.clear_checkbox_label }}</label></span>{% endif %}<br>
{{ widget.input_text }}:{% endif %}
<input type="{{ widget.type }}" name="{{ widget.name }}"{% include "django/forms/widgets/attrs.html" %} data-baton-ai-image>{% if widget.is_initial %}</div>{% endif %}