{% extends "shared/includes/base.html" %}

{% block content %}
    <div class="prose max-w-none mb-10">
        <p>
            <strong>Magni cumque debitis illo molestiae vitae.</strong> Laudantium et nihil magni rem. Aliquid aperiam minima aspernatur repudiandae quidem. Voluptatem consequatur voluptas aperiam consequatur. Et et dolor libero ut in est voluptate. Libero <a href="#">beatae temporibus itaque</a> est.
            Temporibus <i>voluptatum commodi delectus est</i>. Commodi et voluptatem dolor odit occaecati dolore aut. Qui dolor nihil excepturi id. Qui deleniti <i>cupiditate voluptatem aut</i> est dolores eum aliquid. Molestiae blanditiis reiciendis odio provident ipsam voluptas enim suscipit.
        </p>
    </div>

    <div class="flex gap-6 mb-5 text-lg">
        <a
            class="flex gap-2 items-baseline hover:no-underline"
            href="{% url "contracts:view_contract_filing_areas" %}"
        >
            <i class="ico--drawer"></i>
            <span class="underline">Spisovny</span>
        </a>

        <a
            class="flex gap-2 items-baseline hover:no-underline"
            href="{% url "contracts:view_contract_issues" %}"
        >
            <i class="ico--warning"></i>
            <span class="underline">{% if not user.can_view_confidential %}Poznámky{% else %}Problémy{% endif %}</span>
        </a>

        <a
            class="flex gap-2 items-baseline hover:no-underline"
            href="{% url "contracts:view_contract_types" %}"
        >
            <i class="ico--folder"></i>
            <span class="underline">Typy</span>
        </a>

        <a
            class="flex gap-2 items-baseline hover:no-underline"
            href="{% url "contracts:view_contractees" %}"
        >
            <i class="ico--office"></i>
            <span class="underline">Naše smluvní strany</span>
        </a>

        <a
            class="flex gap-2 items-baseline hover:no-underline"
            href="{% url "contracts:view_signees" %}"
        >
            <i class="ico--office"></i>
            <span class="underline">Jiné smluvní strany</span>
        </a>
    </div>

    {% include "contracts/includes/contract_list.html" with page=page paginator=paginator %}
{% endblock %}