{% extends "default.html" %}
{% block title %}
    Notifications
{% endblock %}
{% block breadcrumbs %}
    <li><a href="/notifications">Notifications</a></li>
{% endblock %}
{% block content %}
    <x-vbox>
        <x-frame style="--width: 896px;" class="flexible-space">
            <x-vbox>
                {% for notification in notifications %}
                    <article class="card">
                        <section class="card-main">
                            {{ notification.notification.json }}
                        </section>
                    </article>
                {% endfor %}
            </x-vbox>
        </x-frame>
    </x-vbox>
{% endblock %}