{% extends 'administration/base.html.twig' %}

{% block title %}{{ 'admin.oauth_server_client.title'|trans }}{% endblock %}

{% block body %}
<div class="container-fluid px-3 px-lg-4 py-4 pb-5" style="max-width: 960px; margin-inline: auto;">
    <div class="admin-card p-4 mb-4">
        <a href="{{ path('app_admin_module_oauth') }}" class="btn btn-outline-secondary btn-sm mb-3">
            <i class="bi bi-arrow-left me-1"></i>{{ 'admin.back'|trans }}
        </a>
        <h1 class="h3 gradient-text fw-bold mb-2">
            <i class="bi bi-app-indicator me-2"></i>{{ 'admin.oauth_server_client.title'|trans }}
        </h1>
        <p class="text-muted small mb-0">{{ 'admin.oauth_server_client.list_intro'|trans }}</p>
    </div>

    {% if not oauthOperational %}
        <div class="alert alert-warning border-0 rounded-4 mb-4">{{ 'admin.oauth_module.license_inactive'|trans }}</div>
    {% endif %}

    <div class="d-flex flex-wrap justify-content-between align-items-center gap-2 mb-3">
        <p class="text-muted small mb-0">{{ 'admin.oauth_server_client.list_hint'|trans }}</p>
        <a href="{{ path('app_admin_module_oauth_server_client_new') }}" class="btn btn-primary rounded-pill px-4">
            <i class="bi bi-plus-lg me-1"></i>{{ 'admin.oauth_server_client.add'|trans }}
        </a>
    </div>

    {% if clients is empty %}
        <p class="text-muted">{{ 'admin.oauth_server_client.empty'|trans }}</p>
    {% else %}
        <div class="admin-card rounded-4 border-0 shadow-sm p-0 overflow-hidden">
            <div class="table-responsive">
                <table class="table table-sm align-middle mb-0">
                    <thead class="table-light">
                        <tr>
                            <th>{{ 'admin.oauth_server_client.col.name'|trans }}</th>
                            <th>{{ 'admin.oauth_server_client.col.identifier'|trans }}</th>
                            <th>{{ 'admin.oauth_server_client.col.redirects'|trans }}</th>
                            <th>{{ 'admin.oauth_server_client.col.type'|trans }}</th>
                            <th>{{ 'admin.oauth_server_client.col.status'|trans }}</th>
                            <th class="text-end">{{ 'admin.actions'|trans }}</th>
                        </tr>
                    </thead>
                    <tbody>
                        {% for c in clients %}
                            <tr>
                                <td>{{ c.name }}</td>
                                <td><code class="small user-select-all">{{ c.identifier }}</code></td>
                                <td class="small text-muted">{{ c.redirectUris|length }}</td>
                                <td>
                                    {% if c.confidential %}
                                        <span class="badge bg-secondary">{{ 'admin.oauth_server_client.confidential'|trans }}</span>
                                    {% else %}
                                        <span class="badge bg-light text-dark">{{ 'admin.oauth_server_client.public_client'|trans }}</span>
                                    {% endif %}
                                </td>
                                <td>
                                    {% if c.active %}
                                        <span class="badge bg-success">{{ 'admin.oauth_inbound.enabled'|trans }}</span>
                                    {% else %}
                                        <span class="badge bg-light text-dark">{{ 'admin.oauth_inbound.disabled'|trans }}</span>
                                    {% endif %}
                                </td>
                                <td class="text-end">
                                    <div class="btn-group btn-group-sm">
                                        <a href="{{ path('app_admin_module_oauth_server_client_edit', { id: c.id }) }}" class="btn btn-outline-primary">{{ 'admin.edit'|trans }}</a>
                                        <form method="post" action="{{ path('app_admin_module_oauth_server_client_toggle', { id: c.id }) }}" class="d-inline">
                                            <input type="hidden" name="_token" value="{{ csrf_token('toggle_oauth2_server_client_' ~ c.id) }}">
                                            <button type="submit" class="btn btn-outline-secondary">{{ 'admin.oauth_inbound.toggle'|trans }}</button>
                                        </form>
                                        <form method="post" action="{{ path('app_admin_module_oauth_server_client_delete', { id: c.id }) }}" class="d-inline" onsubmit="return confirm('{{ 'admin.oauth_server_client.confirm_delete'|trans|e('js') }}');">
                                            <input type="hidden" name="_token" value="{{ csrf_token('delete_oauth2_server_client_' ~ c.id) }}">
                                            <button type="submit" class="btn btn-outline-danger">{{ 'admin.delete'|trans }}</button>
                                        </form>
                                    </div>
                                </td>
                            </tr>
                        {% endfor %}
                    </tbody>
                </table>
            </div>
        </div>
    {% endif %}
</div>
{% endblock %}