{% extends "base.html" %}
{% load static %}
{% load jalali_tags %}
{% load crispy_forms_tags %}
{% load tags %}


{% block title %}Application List{% endblock %}
{% block page_title %}Application List{% endblock %}
{% block page_action %}
    {% include "include/filter_action.html" %}
    <div class="me-2">
        <a href="{% url 'gooyal_oauth2:application_create' %}">
            <div class="btn btn-success">
                <span class="bi bi-plus-circle-fill"></span>
            </div>
        </a>
    </div>

{% endblock %}


{% block content %}
    <div class="table-responsive">
        <table class="table table-striped table-bordered table-hover table-sm">
            <caption>application list</caption>
            <thead>

            <tr>
                <th>
                    <div class="grid">
                        <div class="d-flex justify-content-center">
                            <a class="text-decoration-none" href="?{% get_filter_link request 'ordering' 'name' %}">
                                <span class="mt-1">name</span>
                                {% if request.GET.ordering and 'name' in request.GET.ordering %}
                                    <span class="bi bi-arrow-down-short"></span>
                                {% endif %}
                            </a>
                        </div>
                    </div>

                </th>


                <th>
                    <div class="grid">
                        <div class="d-flex justify-content-center">
                            <a class="text-decoration-none"
                               href="?{% get_filter_link request 'ordering' 'client_id' %}">
                                <span class="mt-1">client id</span>
                                {% if request.GET.ordering and 'client_id' in request.GET.ordering %}
                                    <span class="bi bi-arrow-down-short"></span>
                                {% endif %}
                            </a>
                        </div>
                    </div>

                </th>
                <th class="grid">
                    <div class="d-flex justify-content-center">
                        actions
                    </div>
                </th>
            </tr>
            </thead>
            <tbody>
            {% for obj in object_list %}
                <tr>
                    <td>{{ obj.name }}</td>
                    <td>{{ obj.client_id }}</td>
                    {#                    <td>{{ obj.allows_grant_type }}</td>#}
                    <td>
                        <div class="grid">
                            <div class="d-flex justify-content-start">
                                <div class="me-2">
                                    <a href="{% url 'gooyal_oauth2:application_detail' pk=obj.pk %}">
                                        <div class="btn btn-success btn-sm">
                                            <span class="bi bi-gear-fill"></span>
                                        </div>
                                    </a>
                                </div>
                                {#                            <div class="me-2">#}
                                {#                                <a href="{% url 'gooyal_oauth2:application_update' pk=obj.pk %}">#}
                                {#                                    <div class="btn btn-success">#}
                                {#                                        <span class="bi bi-info-circle-fill"></span>#}
                                {#                                    </div>#}
                                {#                                </a>#}
                                {#                            </div>#}
                            </div>
                        </div>
                    </td>
                </tr>
            {% endfor %}
            </tbody>
        </table>
    </div>
    {% include 'include/paginator.html' %}

{% endblock %}