{% extends 'core/base.html' %}

{% load killian_format %}

{% block title %}{{ article.title }} - {{ org.name }} | Killian{% endblock %}

{% block content %}
<div class="breadcrumbs">
    <a href="{% url 'org_list' %}">Organizations</a>
    <span>/</span>
    <a href="{% url 'org_detail' org.pk %}">{{ org.name }}</a>
    <span>/</span>
    <a href="{% url 'org_module' org.pk 'kb' %}">Documents</a>
    {% for folder in breadcrumbs %}
        <span>/</span>
        <a href="{% url 'org_module' org.pk 'kb' %}?folder={{ folder.pk }}">{{ folder.name }}</a>
    {% endfor %}
    <span>/</span>
    <strong>{{ article.title }}</strong>
</div>

<div class="page-head page-head-width-1100">
    <div>
        <div class="document-view-heading-copy-line">
            <h1>{{ article.title }}</h1>
            {% include 'core/_copy_value_button.html' with copy_value=article.title copy_label='document title' %}
        </div>
        {% if article.summary %}
            <div class="document-view-heading-copy-line document-view-summary-copy-line">
                <p>{{ article.summary }}</p>
                {% include 'core/_copy_value_button.html' with copy_value=article.summary copy_label='summary' %}
            </div>
        {% else %}
            <p>Killian Document</p>
        {% endif %}
    </div>
    <div class="page-head-actions">
        <a class="button secondary" href="{{ back_url }}">Back</a>
        <a class="button secondary" href="{{ download_docx_url }}">Download Word</a>
        {% if can_change %}<a class="button js-record-modal" href="{{ edit_url }}" data-record-modal-title="Edit {{ article.title|escape }}">Edit</a>{% endif %}
    </div>
</div>

<section class="module-panel document-view-panel" style="max-width:1100px;">
    <div class="module-panel-head document-view-panel-head">
        <div>
            <h2>Document</h2>
            <div class="document-view-metadata">
                <div class="document-view-meta-row">
                    <span class="document-view-meta-label">Category</span>
                    <span class="document-view-meta-value">{% if article.category %}{{ article.category }}{% else %}Uncategorized{% endif %}</span>
                    {% if article.category %}
                        {% include 'core/_copy_value_button.html' with copy_value=article.category copy_label='category' %}
                    {% else %}
                        {% include 'core/_copy_value_button.html' with copy_value='Uncategorized' copy_label='category' %}
                    {% endif %}
                </div>
                {% if article.tags %}
                    <div class="document-view-meta-row">
                        <span class="document-view-meta-label">Tags</span>
                        <span class="document-view-meta-value">{{ article.tags }}</span>
                        {% include 'core/_copy_value_button.html' with copy_value=article.tags copy_label='tags' %}
                    </div>
                {% endif %}
            </div>
        </div>
    </div>

    <div class="document-view-wrap">
        {% if article_body_html %}
            <article class="document-content">{{ article_body_html|safe }}</article>
        {% else %}
            <div class="empty-state" style="padding:24px;">
                <p>No document content has been added yet.</p>
            </div>
        {% endif %}
    </div>
</section>

{% if attachments %}
<section class="module-panel" style="max-width:1100px;margin-top:20px;">
    <div class="module-panel-head">
        <div>
            <h2>Reference Files</h2>
            <span>{{ attachments|length }} file{{ attachments|length|pluralize }}</span>
        </div>
    </div>

    <div class="module-list">
        {% for attachment in attachments %}
            <div class="module-row document-browser-row">
                <a class="module-row-main"
                   href="{% url 'document_attachment_open' org.pk attachment.pk %}"
                   target="_blank"
                   rel="noopener">
                    <strong>{{ attachment.original_name }}</strong>
                    <span>{{ attachment.size|human_filesize }}</span>
                    <small>Uploaded {{ attachment.created_at }}</small>
                </a>
                <div class="module-row-actions">
                    <a class="button secondary compact"
                       href="{% url 'document_attachment_download' org.pk attachment.pk %}"
                       title="Download {{ attachment.original_name }}">
                        Download
                    </a>
                </div>
            </div>
        {% endfor %}
    </div>
</section>
{% endif %}
{% endblock %}