{% extends "base.html" %}

{% block title %}Admin Dashboard - {{ super() }}{% endblock %}

{% block content %}
<div class="row mb-4">
    <div class="col-12">
        <h1 class="mb-3">Admin Dashboard</h1>
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="{{ url_for('main.index') }}">Home</a></li>
                <li class="breadcrumb-item active" aria-current="page">Admin Dashboard</li>
            </ol>
        </nav>
    </div>
</div>

<!-- Stats Cards -->
<div class="row mb-4">
    <div class="col-md-3 mb-3">
        <div class="card bg-primary text-white h-100">
            <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">{{ total_articles }}</h2>
                    </div>
                    <i class="fas fa-newspaper fa-3x opacity-50"></i>
                </div>
            </div>
        </div>
    </div>
    <div class="col-md-3 mb-3">
        <div class="card bg-success text-white h-100">
            <div class="card-body">
                <div class="d-flex justify-content-between align-items-center">
                    <div>
                        <h6 class="card-subtitle mb-2">Published</h6>
                        <h2 class="card-title">{{ published_articles }}</h2>
                    </div>
                    <i class="fas fa-check-circle fa-3x opacity-50"></i>
                </div>
            </div>
        </div>
    </div>
    <div class="col-md-3 mb-3">
        <div class="card bg-info text-white h-100">
            <div class="card-body">
                <div class="d-flex justify-content-between align-items-center">
                    <div>
                        <h6 class="card-subtitle mb-2">Maintenance</h6>
                        <h2 class="card-title">{{ settings.days_threshold }} days</h2>
                        <small>{{ settings.max_articles }} max articles</small>
                    </div>
                    <i class="fas fa-cogs fa-3x opacity-50"></i>
                </div>
            </div>
        </div>
    </div>
    <div class="col-md-3 mb-3">
        <div class="card bg-warning text-dark h-100">
            <div class="card-body">
                <div class="d-flex justify-content-between align-items-center">
                    <div>
                        <h6 class="card-subtitle mb-2">Last Run</h6>
                        <h2 class="card-title">
                            {% if settings.last_run %}
                                {{ settings.last_run.strftime('%m/%d') }}
                            {% else %}
                                Never
                            {% endif %}
                        </h2>
                        <small>{{ 'Enabled' if settings.is_enabled else 'Disabled' }}</small>
                    </div>
                    <i class="fas fa-history fa-3x opacity-50"></i>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Quick Actions -->
<div class="row mb-4">
    <div class="col-12">
        <div class="card">
            <div class="card-header">
                <h5 class="card-title mb-0">Quick Actions</h5>
            </div>
            <div class="card-body">
                <div class="d-flex flex-wrap gap-2">
                    <a href="{{ url_for('admin.create_article') }}" class="btn btn-primary">
                        <i class="fas fa-plus me-1"></i> Create Article
                    </a>
                    <a href="{{ url_for('admin.article_list') }}" class="btn btn-secondary">
                        <i class="fas fa-list me-1"></i> Manage Articles
                    </a>
                    <a href="{{ url_for('admin.maintenance') }}" class="btn btn-warning">
                        <i class="fas fa-wrench me-1"></i> Maintenance Settings
                    </a>
                    <button class="btn btn-success" onclick="runMaintenance()">
                        <i class="fas fa-play me-1"></i> Run Maintenance Now
                    </button>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Recent Articles -->
<div class="row">
    <div class="col-12">
        <div class="card">
            <div class="card-header d-flex justify-content-between align-items-center">
                <h5 class="card-title mb-0">Recent Articles</h5>
                <a href="{{ url_for('admin.article_list') }}" class="btn btn-sm btn-outline-primary">View All</a>
            </div>
            <div class="card-body">
                {% if recent_articles %}
                <div class="table-responsive">
                    <table class="table table-hover">
                        <thead>
                            <tr>
                                <th>Title</th>
                                <th>Status</th>
                                <th>Published</th>
                                <th>Views</th>
                                <th>Created</th>
                                <th>Actions</th>
                            </tr>
                        </thead>
                        <tbody>
                            {% for article in recent_articles %}
                            <tr>
                                <td>
                                    <a href="{{ url_for('main.article_detail', slug=article.slug) }}" target="_blank">
                                        {{ article.title[:50] }}{% if article.title|length > 50 %}...{% endif %}
                                    </a>
                                </td>
                                <td>
                                    {% if article.is_published %}
                                        <span class="badge bg-success">Published</span>
                                    {% else %}
                                        <span class="badge bg-secondary">Draft</span>
                                    {% endif %}
                                </td>
                                <td>{{ article.date_published.strftime('%m/%d/%Y') if article.date_published else 'N/A' }}</td>
                                <td>{{ article.view_count }}</td>
                                <td>{{ article.created_at.strftime('%m/%d/%Y %H:%M') if article.created_at else 'N/A' }}</td>
                                <td>
                                    <a href="{{ url_for('admin.edit_article', article_id=article.id) }}" class="btn btn-sm btn-outline-primary">
                                        <i class="fas fa-edit"></i>
                                    </a>
                                    <form action="{{ url_for('admin.delete_article', article_id=article.id) }}" method="POST" class="d-inline" onsubmit="return confirm('Are you sure you want to delete this article?');">
                                        <button type="submit" class="btn btn-sm btn-outline-danger">
                                            <i class="fas fa-trash"></i>
                                        </button>
                                    </form>
                                </td>
                            </tr>
                            {% endfor %}
                        </tbody>
                    </table>
                </div>
                {% else %}
                <p class="text-muted">No articles yet. <a href="{{ url_for('admin.create_article') }}">Create your first article</a>.</p>
                {% endif %}
            </div>
        </div>
    </div>
</div>
{% endblock %}

{% block extra_scripts %}
<script>
function runMaintenance() {
    if (!confirm('Are you sure you want to run maintenance now? This will delete old articles according to your settings.')) {
        return;
    }

    fetch('/api/admin/maintenance/run', {
        method: 'POST',
        headers: {
            'Content-Type': 'application/json',
        }
    })
    .then(response => response.json())
    .then(data => {
        if (data.success) {
            alert(data.message);
            location.reload();
        } else {
            alert('Error: ' + (data.error || data.message || 'Unknown error'));
        }
    })
    .catch(error => {
        console.error('Error:', error);
        alert('Failed to run maintenance. Please try again.');
    });
}
</script>
{% endblock %}