{% extends "skeleton.html" %}
{% block content %}
{% raw %}

<h3>
<a class="btn btn-outline-secondary" href="/pages"><i class="fa fa-chevron-left"></i></a>
{{ page.title }}</h3>
<hr />

<div class="row">
<div class="col small text-muted">
<span v-for="(tag, tagIdx) in page.tags">
<i class="fa fa-tag"></i> <a class="text-monospace" :href="'/tag/' + tag.id">{{ tag.name }}</a>&nbsp;
</span>
</div>
</div>

<span v-html="page.body"></span>

<div class="row">
<div class="col small text-muted">
<i class="fa fa-user"></i> <a class="text-monospace" :href="'/user/' + page.user.id">{{ page.user.name }}</a>&nbsp;
Создано: {{ page.created }}&nbsp;
Обновлено: {{ page.updated }}
</div>
</div>

{% endraw %}
{% endblock %}

{% block breadcrumb %}
{% raw %}
<ol class="breadcrumb mt-3">
    <li class="breadcrumb-item"><a href="/"><i class="fa fa-home"></i></a></li>
    <li class="breadcrumb-item"><a href="/pages">Список статей</a></li>
    <li class="breadcrumb-item active">{{ page.title }}</li>
</ol>
{% endraw %}
{% endblock %}

{% block script %}
<script type="text/javascript">
Object.assign(root.data, {
    page: {{ pagedata['page']|tojson|safe }},
});
</script>
{% endblock %}
