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

{% block title %}Application Detail: {{ object }}{% endblock %}
{% block page_title %}Application Detail: {{ object }}{% endblock %}

{% block page_action %}
    <div class="me-2">
        <a href="{% url 'gooyal_oauth2:application_update' object.pk %}">
            <div class="btn btn-success">
                <span class="bi bi-gear-fill"></span>
            </div>
        </a>
    </div>
    <div class="me-2">
        <a href="{% url 'gooyal_oauth2:application_scope_list' object.pk %}">
            <div class="btn btn-success">
                <span class="bi bi-list-ul"></span>
            </div>
        </a>
    </div>
{% endblock %}


{% block content %}
    <h5>application</h5>
    <p>{{ object.name }}</p>
    <h5>allowed_scopes:</h5>
    <div class="table-responsive">
        <table class="table table-striped table-bordered table-hover table-sm">
            <caption>allowed_scopes</caption>
            <thead>
            <tr>
                <th scope="col">
                    <div class="grid">
                        <div class="d-flex justify-content-center">
                            name
                        </div>
                    </div>
                </th>
                <th scope="col">
                    <div class="grid">
                        <div class="d-flex justify-content-center">
                            description
                        </div>
                    </div>
                </th>
                <th>application</th>
            </tr>
            </thead>
            <tbody>
            {% for scope in object.allowed_scopes_queryset %}
                <tr>
                    <td>{{ scope.name }}</td>
                    <td>{{ scope.description }}</td>
                    <td>{{ scope.application }}</td>
                </tr>
            {% endfor %}
            </tbody>
        </table>
    </div>

{% endblock %}