{% extends "admin/base_site.html" %}
{% load i18n %}

{% block title %}{% if app_list %}{{ app_list.0.name }}{% endif %} | {{ site_title|default:_('Django site admin') }}{% endblock %}

{% block bodyclass %}{{ block.super }} app-{{ app_label }}{% endblock %}

{% block breadcrumbs %}
<nav class="yanleaf-breadcrumbs">
    <a href="{% url 'admin:index' %}">{% translate '首页' %}</a>
    {% for app in app_list %}
    <span class="separator">&rsaquo;</span>
    <span>{{ app.name }}</span>
    {% endfor %}
</nav>
{% endblock %}

{% block content_title %}{% endblock %}

{% block content %}
<div>
    {% for app in app_list %}
    <div class="app-index-card box" style="background:var(--yla-bg-card);border:1px solid var(--yla-border);border-radius:var(--yla-radius-lg);box-shadow:var(--yla-shadow-sm);padding:0;overflow:hidden;margin-bottom:1.25rem;">
        <div style="display:flex;align-items:center;gap:0.6rem;padding:1rem 1.4rem;border-bottom:1px solid var(--yla-border);background:var(--yla-bg-hover);">
            <span style="width:4px;height:18px;border-radius:2px;background:var(--yla-text-primary);display:inline-block;"></span>
            <h2 style="font-size:0.95rem;font-weight:700;color:var(--yla-text-primary);margin:0;">{{ app.name }}</h2>
        </div>

        <table class="table" style="margin:0;width:100%;">
            <thead>
                <tr>
                    <th style="width:50%;">{% translate '模型' %}</th>
                    <th style="width:20%;">{% translate '添加' %}</th>
                    <th style="width:30%;">{% translate '修改' %}</th>
                </tr>
            </thead>
            <tbody>
                {% for model in app.models %}
                <tr>
                    <td>
                        {% if model.admin_url %}
                        <a href="{{ model.admin_url }}" style="font-weight:600;color:var(--yla-text-primary);text-decoration:none;">
                            {{ model.name }}
                        </a>
                        {% else %}
                        <span style="font-weight:600;color:var(--yla-text-primary);">{{ model.name }}</span>
                        {% endif %}
                    </td>
                    <td>
                        {% if model.add_url %}
                        <a href="{{ model.add_url }}" class="button is-small is-light"
                           style="border-radius:var(--yla-radius-sm);font-weight:600;">
                            <i class="fas fa-plus"></i>
                        </a>
                        {% endif %}
                    </td>
                    <td>
                        {% if model.admin_url %}
                        <a href="{{ model.admin_url }}" class="button is-small is-light"
                           style="border-radius:var(--yla-radius-sm);font-weight:600;">
                            <i class="fas fa-pen"></i>
                        </a>
                        {% endif %}
                    </td>
                </tr>
                {% endfor %}
            </tbody>
        </table>
    </div>
    {% empty %}
    <div style="text-align:center;padding:3rem 2rem;color:var(--yla-text-muted);">
        <div style="font-size:2.5rem;margin-bottom:0.75rem;opacity:0.3;"><i class="fas fa-inbox"></i></div>
        <p style="font-size:0.95rem;font-weight:600;color:var(--yla-text-secondary);">{% translate '暂无应用' %}</p>
    </div>
    {% endfor %}
</div>
{% endblock %}

{% block sidebar %}{% endblock %}