{% load static %}
{% load i18n %}
{% load l10n %}
{% load humanize %}
{% load admin_url %}
{% load mastodon %}
{% load oauth_token %}
{% load truncate %}
{% load highlight %}
{% load thumb %}
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>{{ site_name }} - {{ title }}</title>
    <script src="https://static.neodb.social/cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    <script src="{% static 'lib/js/rating-star.js' %}"></script>
    <script src="{% static 'js/rating-star-readonly.js' %}"></script>
    <link rel="stylesheet" href="{% static 'lib/css/rating-star.css' %}">
    <link rel="stylesheet" href="{% static 'css/boofilsic.min.css' %}">
</head>

<body>
    <div id="page-wrapper">
        <div id="content-wrapper">
            {% include "partial/_navbar.html" %}

            <section id="content">
                <div class="grid">
                    <div class="grid__main" id="main">
                        <div class="main-section-wrapper">
                            <div class="entity-reviews">
                                <h5 class="entity-reviews__title entity-reviews__title--stand-alone">
                                    {{ title }}
                                </h5>
                                <ul class="entity-reviews__review-list">

                                    {% for collection in collections %}

                                    <li class="entity-reviews__review entity-reviews__review--wider">
                                        <img src="{{ collection.cover|thumb:'normal' }}" style="width:40px; float:right"class="entity-card__img">
                                        <span class="entity-reviews__review-title"><a href="{% url 'collection:retrieve' collection.id %}">{{ collection.title }}</a></span>
                                        <span class="entity-reviews__review-time">{{ collection.edited_time }}</span>
                                        {% if collection.visibility > 0 %}
                                        <span class="icon-lock"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M17,8.48h-.73V6.27a6.27,6.27,0,1,0-12.53,0V8.48H3a.67.67,0,0,0-.67.67V19.33A.67.67,0,0,0,3,20H17a.67.67,0,0,0,.67-.67V9.15A.67.67,0,0,0,17,8.48ZM6.42,6.27h0a3.57,3.57,0,0,1,7.14,0h0V8.48H6.42Z"/></svg></span>
                                        {% endif %}
                                    </li>
                                    {% empty %}
                                    <div>{% trans '无结果' %}</div>
                                    {% endfor %}

                                </ul>
                            </div>
                            <div class="pagination">

                                {% if collections.pagination.has_prev %}
                                <a href="?page=1" class="pagination__nav-link pagination__nav-link">&laquo;</a>
                                <a href="?page={{ collections.previous_page_number }}"
                                class="pagination__nav-link pagination__nav-link--right-margin pagination__nav-link">&lsaquo;</a>
                                {% endif %}

                                {% for page in collections.pagination.page_range %}

                                {% if page == collections.pagination.current_page %}
                                <a href="?page={{ page }}" class="pagination__page-link pagination__page-link--current">{{ page }}</a>
                                {% else %}
                                <a href="?page={{ page }}" class="pagination__page-link">{{ page }}</a>
                                {% endif %}

                                {% endfor %}

                                {% if collections.pagination.has_next %}
                                <a href="?page={{ collections.next_page_number }}"
                                class="pagination__nav-link pagination__nav-link--left-margin">&rsaquo;</a>
                                <a href="?page={{ collections.pagination.last_page }}" class="pagination__nav-link">&raquo;</a>
                                {% endif %}

                            </div>
                        </div>
                    </div>


                </div>
            </section>
        </div>
        {% include "partial/_footer.html" %}
    </div>

    

    <script>

    </script>
</body>


</html>