{% extends "base.html" %}

{% block title %}Dashboard - BOMAtlas{% endblock %}

{% block content %}
<div class="row mb-4">
    <div class="col">
        <h1 class="display-4">
            <i class="bi bi-speedometer2"></i> Dashboard
        </h1>
        <p class="lead">Manufacturing Industry News Aggregator</p>
    </div>
</div>

<!-- Statistics Cards -->
<div class="row mb-4">
    <div class="col-md-3 mb-3">
        <div class="card bg-primary text-white">
            <div class="card-body">
                <div class="d-flex justify-content-between align-items-center">
                    <div>
                        <h6 class="card-subtitle mb-2">Total Articles</h6>
                        <h2 class="card-title mb-0">{{ "{:,}".format(total_articles) }}</h2>
                    </div>
                    <div class="fs-1">
                        <i class="bi bi-newspaper"></i>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
    <div class="col-md-3 mb-3">
        <div class="card bg-success text-white">
            <div class="card-body">
                <div class="d-flex justify-content-between align-items-center">
                    <div>
                        <h6 class="card-subtitle mb-2">Active Feeds</h6>
                        <h2 class="card-title mb-0">{{ active_feeds }} / {{ total_feeds }}</h2>
                    </div>
                    <div class="fs-1">
                        <i class="bi bi-rss"></i>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
    <div class="col-md-3 mb-3">
        <div class="card bg-info text-white">
            <div class="card-body">
                <div class="d-flex justify-content-between align-items-center">
                    <div>
                        <h6 class="card-subtitle mb-2">New Today</h6>
                        <h2 class="card-title mb-0">{{ recent_articles }}</h2>
                    </div>
                    <div class="fs-1">
                        <i class="bi bi-clock-history"></i>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
    <div class="col-md-3 mb-3">
        <div class="card bg-warning text-dark">
            <div class="card-body">
                <div class="d-flex justify-content-between align-items-center">
                    <div>
                        <h6 class="card-subtitle mb-2">Categories</h6>
                        <h2 class="card-title mb-0">15</h2>
                    </div>
                    <div class="fs-1">
                        <i class="bi bi-tags"></i>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Quick Actions -->
<div class="row mb-4">
    <div class="col">
        <div class="card">
            <div class="card-header">
                <h5 class="mb-0">Quick Actions</h5>
            </div>
            <div class="card-body">
                <form action="{{ url_for('feeds.update_all_feeds') }}" method="post" class="d-inline">
                    <button type="submit" class="btn btn-primary">
                        <i class="bi bi-arrow-clockwise"></i> Update All Feeds
                    </button>
                </form>
                <a href="{{ url_for('newsletters.create_newsletter') }}" class="btn btn-success">
                    <i class="bi bi-plus-circle"></i> Create Newsletter
                </a>
                <a href="{{ url_for('articles.list_articles') }}" class="btn btn-info">
                    <i class="bi bi-list-ul"></i> Browse Articles
                </a>
            </div>
        </div>
    </div>
</div>

<div class="row">
    <!-- Articles by Category -->
    <div class="col-md-8 mb-4">
        <div class="card">
            <div class="card-header">
                <h5 class="mb-0">Articles by Category</h5>
            </div>
            <div class="card-body">
                <div class="table-responsive">
                    <table class="table table-striped">
                        <thead>
                            <tr>
                                <th>Category</th>
                                <th class="text-end">Article Count</th>
                                <th>Actions</th>
                            </tr>
                        </thead>
                        <tbody>
                            {% for stat in category_stats %}
                            <tr>
                                <td>{{ stat.name }}</td>
                                <td class="text-end">{{ "{:,}".format(stat.article_count) }}</td>
                                <td>
                                    <a href="{{ url_for('articles.by_category', category_id=stat.id) }}" 
                                       class="btn btn-sm btn-outline-primary">
                                        View Articles
                                    </a>
                                </td>
                            </tr>
                            {% endfor %}
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
    
    <!-- Latest Newsletter -->
    <div class="col-md-4 mb-4">
        <div class="card">
            <div class="card-header">
                <h5 class="mb-0">Latest Newsletter</h5>
            </div>
            <div class="card-body">
                {% if latest_newsletter %}
                    <h6>Issue #{{ latest_newsletter.issue_number }}</h6>
                    <p class="mb-2"><strong>{{ latest_newsletter.title }}</strong></p>
                    <p class="text-muted">
                        <small>
                            {{ latest_newsletter.start_date.strftime('%B %d') }} - 
                            {{ latest_newsletter.end_date.strftime('%B %d, %Y') }}
                        </small>
                    </p>
                    <p>
                        <span class="badge bg-{{ 'success' if latest_newsletter.status == 'published' else 'warning' }}">
                            {{ latest_newsletter.status.title() }}
                        </span>
                    </p>
                    <a href="{{ url_for('newsletters.view_newsletter', newsletter_id=latest_newsletter.id) }}" 
                       class="btn btn-primary btn-sm">
                        View Newsletter
                    </a>
                {% else %}
                    <p class="text-muted">No newsletters created yet.</p>
                    <a href="{{ url_for('newsletters.create_newsletter') }}" class="btn btn-success btn-sm">
                        Create First Newsletter
                    </a>
                {% endif %}
            </div>
        </div>
    </div>
</div>
{% endblock %}