{% extends "base.html" %}

{% block content %}
<div class="row g-4 mb-4">
    <div class="col-12">
        <h4 class="fw-bold text-dark mb-0">Library Insights</h4>
        <p class="text-muted small">Statistical summary of authors, journals, and collection growth.</p>
    </div>
</div>

<div class="row g-4">
    <!-- Top Authors -->
    <div class="col-md-4">
        <div class="card shadow-sm border-0 h-100">
            <div class="card-header bg-white border-bottom-0 pt-4 px-4">
                <h6 class="card-title fw-bold text-muted small text-uppercase mb-0">Top 10 Authors</h6>
            </div>
            <div class="card-body px-0 pb-3">
                <div class="list-group list-group-flush">
                    {% for author, count in top_authors %}
                    <a href="{{ url_for('main.authors_page') }}?author={{ author }}" class="list-group-item list-group-item-action d-flex justify-content-between align-items-center py-2 px-4 border-0">
                        <span class="text-truncate me-3" title="{{ author }}">{{ author }}</span>
                        <span class="badge bg-primary-subtle text-primary rounded-pill">{{ count }}</span>
                    </a>
                    {% endfor %}
                </div>
            </div>
        </div>
    </div>

    <!-- Top Journals -->
    <div class="col-md-4">
        <div class="card shadow-sm border-0 h-100">
            <div class="card-header bg-white border-bottom-0 pt-4 px-4">
                <h6 class="card-title fw-bold text-muted small text-uppercase mb-0">Top 10 Journals / Sources</h6>
            </div>
            <div class="card-body px-0 pb-3">
                <div class="list-group list-group-flush">
                    {% for journal, count in top_journals %}
                    <a href="{{ url_for('main.index') }}?q=q select year, * journal ~ /{{ journal }}/ order by -year" class="list-group-item list-group-item-action d-flex justify-content-between align-items-center py-2 px-4 border-0">
                        <span class="text-truncate me-3" title="{{ journal }}">{{ journal }}</span>
                        <span class="badge bg-secondary-subtle text-secondary rounded-pill">{{ count }}</span>
                    </a>
                    {% endfor %}
                </div>
            </div>
        </div>
    </div>

    <!-- Timeline / Years -->
    <div class="col-md-4">
        <div class="card shadow-sm border-0 h-100">
            <div class="card-header bg-white border-bottom-0 pt-4 px-4">
                <h6 class="card-title fw-bold text-muted small text-uppercase mb-0">Papers by Year (Top 10)</h6>
            </div>
            <div class="card-body px-0 pb-3">
                <div class="list-group list-group-flush">
                    {% for year, count in top_years %}
                    <a href="{{ url_for('main.index') }}?q=q select year, * year ~ {{ year }} order by -year" class="list-group-item list-group-item-action d-flex justify-content-between align-items-center py-2 px-4 border-0">
                        <span class="font-monospace">{{ year }}</span>
                        <span class="badge bg-dark-subtle text-dark rounded-pill">{{ count }}</span>
                    </a>
                    {% endfor %}
                </div>
            </div>
        </div>
    </div>
</div>

<div class="row g-4 mt-2">
    <!-- Top Publishers -->
    <div class="col-md-6">
        <div class="card shadow-sm border-0">
            <div class="card-header bg-white border-bottom-0 pt-4 px-4">
                <h6 class="card-title fw-bold text-muted small text-uppercase mb-0">Top 10 Publishers</h6>
            </div>
            <div class="card-body px-0 pb-3">
                <div class="list-group list-group-flush">
                    {% for pub, count in top_publishers %}
                    <a href="{{ url_for('main.index') }}?q=q select year, * publisher ~ /{{ pub }}/ order by -year" class="list-group-item list-group-item-action d-flex justify-content-between align-items-center py-2 px-4 border-0">
                        <span class="text-truncate me-3">{{ pub }}</span>
                        <span class="badge bg-info-subtle text-info rounded-pill">{{ count }}</span>
                    </a>
                    {% endfor %}
                </div>
            </div>
        </div>
    </div>

    <!-- Library Totals -->
    <div class="col-md-6">
        <div class="card shadow-sm border-0 bg-primary text-white h-100">
            <div class="card-body p-4 d-flex flex-column justify-content-center text-center">
                <h2 class="display-4 fw-bold mb-0">{{ total_refs }}</h2>
                <div class="text-uppercase small fw-bold opacity-75">Total References</div>
                <hr class="my-3 opacity-25">
                <div class="row g-0">
                    <div class="col-6 border-end border-white border-opacity-25">
                        <h4 class="mb-0 fw-bold">{{ total_docs }}</h4>
                        <div class="small opacity-75">Physical Files</div>
                    </div>
                    <div class="col-6">
                        <h4 class="mb-0 fw-bold">{{ total_orphans }}</h4>
                        <div class="small opacity-75">Orphans</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

{% if history and is_admin %}
<div class="row g-4 mt-2">
    <div class="col-12">
        <div class="card shadow-sm border-0">
            <div class="card-header bg-white border-bottom-0 pt-4 px-4">
                <h6 class="card-title fw-bold text-muted small text-uppercase mb-0">Import History</h6>
            </div>
            <div class="card-body p-0">
                <div class="table-responsive">
                    <table class="table table-hover table-sm mb-0 small">
                        <thead class="bg-light">
                            <tr>
                                <th class="ps-4">Step</th>
                                <th>Batch / Audit</th>
                                <th class="text-end">Raw Entries</th>
                                <th class="text-end">New Entries</th>
                                <th class="text-end pe-4">Cumulative</th>
                            </tr>
                        </thead>
                        <tbody>
                            {% for step in history %}
                            <tr>
                                <td class="ps-4 text-muted">{{ step.step }}</td>
                                <td class="fw-bold">{{ step.audit }}</td>
                                <td class="text-end">{{ step.raw_entries }}</td>
                                <td class="text-end">{{ step.new_entries }}</td>
                                <td class="text-end pe-4 fw-bold">{{ step.cum_entries }}</td>
                            </tr>
                            {% endfor %}
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
{% endif %}

<style>
    .list-group-item {
        font-size: 0.85rem;
        transition: all 0.1s ease;
    }
    .list-group-item:hover {
        background-color: #f8f9fa !important;
        transform: translateX(5px);
    }
    .badge {
        font-weight: 600;
        font-size: 0.75rem;
    }
</style>
{% endblock %}