{% extends "base.html" %}
{% import 'components/macros.html' as ui %}

{% block title %}{{ title }} - Gvelo Enterprise Platform{% endblock %}
{% block head_extra %}
<link rel="stylesheet" href="/static/hil-pages/document_view.css">
{% endblock %}
{% block content %}
<main class="document-shell">
    <header class="document-header">
        <div>
            <h1>{{ title }}</h1>
            <p>{{ subtitle }}</p>
        </div>
        <div class="document-actions">
            {% for action in actions or [] %}
                {% if action.method == "post" %}
                    <form method="post" action="{{ action.href }}">
                        <button type="submit">{{ action.label }}</button>
                    </form>
                {% else %}
                    <a href="{{ action.href }}">{{ action.label }}</a>
                {% endif %}
            {% endfor %}
        </div>
    </header>
    {% with messages = get_flashed_messages(with_categories=true) %}
        {% if messages %}
            {% for category, message in messages %}
                <div class="flash">{{ message }}</div>
            {% endfor %}
        {% endif %}
    {% endwith %}
    <section class="document-content">
        {{ content | safe }}
    </section>
</main>
{% endblock %}