{% load i18n fbe_versions %}
<input id="{{ final_attrs.id }}" type="text" class="vFileBrowseField{% if final_attrs.class %} {{ final_attrs.class }}{% endif %}" name="{{ final_attrs.name }}" value="{{ value.path }}" /><a href="javascript:FileBrowser.show('{{ final_attrs.id }}', '{{ url }}?pop=1{% if final_attrs.directory %}&amp;dir={{ final_attrs.directory|urlencode|urlencode }}{% endif %}{% if final_attrs.format %}&amp;type={{ final_attrs.format }}{% endif %}');" class="fb_show"></a>

{% if value.filetype == "Image" and value.exists %}

    {% fbe_version_object value.path final_attrs.ADMIN_THUMBNAIL as thumbnail_version %}
        {% if thumbnail_version %}
        <p class="preview" id="preview_{{ final_attrs.id }}">
            <a href="{{ value.url }}" target="_blank" id="previewlink_{{ final_attrs.id }}">
                <img id="previewimage_{{ final_attrs.id }}" src="{{ thumbnail_version.url }}" class="preview" />
            </a>
        </p>
    {% else %}
        <p class="preview" id="preview_{{ final_attrs.id }}" style="display: none;">
            <a href="javascript://" target="_self" id="previewlink_{{ final_attrs.id }}">
                <img id="previewimage_{{ final_attrs.id }}" class="preview" src="" />
            </a>
        </p>
    {% endif %}
    <div class="preview_iframe" id="preview_iframe_{{ final_attrs.id }}" style="display: none;"></div>

{% elif value.filetype == "IFrame" and value.exists %}

    <p class="preview" id="preview_{{ final_attrs.id }}">
        {# Display just in case  #}
        <a href="{{ value.url }}" target="_blank" id="previewlink_{{ final_attrs.id }}" style="display: none;">
            <img id="previewimage_{{ final_attrs.id }}" src="{{ thumbnail_version.url }}" class="preview" />
        </a>
    </p>
    <div class="preview_iframe" id="preview_iframe_{{ final_attrs.id }}">
        {% fbe_version_object value final_attrs.ADMIN_THUMBNAIL as thumbnail_version %}
        {{ thumbnail_version.iframe }}
    </div>

{% else %}

    <p class="preview" id="preview_{{ final_attrs.id }}" style="display: none;">
        <a href="javascript://" target="_self" id="previewlink_{{ final_attrs.id }}">
            <img id="previewimage_{{ final_attrs.id }}" class="preview" src="" />
        </a>
    </p>
    <div class="preview_iframe" id="preview_iframe_{{ final_attrs.id }}" style="display: none;"></div>

{% endif %}

{% if value and not value.exists %}
    <ul class="errorlist"><li>{% trans "File not found" %}</li></ul>
{% endif %}