{% load i18n %}
<div class="oo-editor-page doc-preview-page">
    <div class="oo-editor-bar">
        <span class="doc-preview-title" title="{{ filename }}">{{ filename }}</span>
        <a href="{{ download_url }}" class="oo-editor-back" style="margin-right:0.75rem;">{% trans "Скачать" %}</a>
        {% if back.kind == 'pharmacy' %}
        <a href="/pharmacies/{{ back.pharmacy_id }}/" class="oo-editor-back">{% trans "К аптеке" %}</a>
        {% else %}
        <a href="/documents/"
           hx-get="/documents/" hx-target="#main-content" hx-push-url="/documents/" hx-indicator="#loader"
           class="oo-editor-back">{% trans "К документам" %}</a>
        {% endif %}
    </div>
    <div class="oo-editor-host doc-preview-host">
        {% if preview_kind == 'pdf' %}
        <iframe class="doc-preview-frame" src="{{ content_url }}" title="{{ filename }}"></iframe>
        {% elif preview_kind == 'image' %}
        <div class="doc-preview-image-wrap">
            <img class="doc-preview-image" src="{{ content_url }}" alt="{{ filename }}">
        </div>
        {% endif %}
    </div>
</div>