{% extends 'base.html' %}
{% load static %}
 {% block content %}
{% block extra_css %}
<link rel="stylesheet" href="{% static 'css/archive/list_category.css' %}">
{% endblock %}

{% load persian_numbers %}
  <main class="container my-5">


<h2 class=" text-center  ">لیست بایگانی</h2>
<div class="wrapper">
    <div class="container-ar ">

        <div class="row text-white   ">

            {%if flag%}
            {%for ceremony in parent.ceremonies.all%}

            <a href="{% url 'ceremony_detail' ceremony.id %}" class="my-container col-12 col-md-4 d-flex gap-2">
                <i class="fa-solid fa-people-line"></i>
                <span class="btn-file">
                    {{ ceremony.title }}
                </span>
            </a>

            {% empty %}
            <small>مراسمی وجود ندارد</small>

        </div>
        {%endfor%}
        {%endif%}

        {% for category in categories %}

        <a href="{% url 'category_detail' category.id %}" class="my-container col-12 col-md-4 d-flex gap-2">
            <i class="fa-solid fa-folder"></i>
            <i class="fa-solid fa-thumbtack"></i>
            <span class="btn-file">
                {{ category.name|to_persian_numbers }}
            </span>
        </a>


        {% endfor %}
    </div>

    <button class="btn btn-outline-light btn-sm px-3 py-1 mt-3 d-block mx-auto" onclick="history.back()">
        <i class="fa-solid fa-arrow-right"></i>
        بازگشت
    </button>


</div>

</div>
</div>

</div>
</main>
{% endblock %}