{% extends "base.html" %}
{% from "macros.html" import render_stat_card, render_job_status_badge, render_job_type_icon, render_empty_state, render_breadcrumb %}

{% block title %}Dashboard - Document Generator{% endblock %}

{% block breadcrumb %}
{{ render_breadcrumb([
    {'title': 'Dashboard'}
]) }}
{% endblock %}

{% block content %}
<div class="row mb-4">
    <div class="col">
        <h1 class="h2 mb-0">Dashboard</h1>
        <p class="text-muted">Welcome back, {{ current_user.name }}!</p>
    </div>
</div>

<!-- Statistics Cards -->
<div class="row mb-5">
    <div class="col-md-3 mb-4">
        {{ render_stat_card(
            title="Templates",
            value=stats.templates,
            icon="bi-file-earmark-text",
            color="primary",
            subtitle="Active templates"
        ) }}
    </div>
    <div class="col-md-3 mb-4">
        {{ render_stat_card(
            title="Total Jobs",
            value=stats.jobs.total if stats.jobs is mapping else stats.jobs,
            icon="bi-gear",
            color="info",
            subtitle="All time"
        ) }}
    </div>
    <div class="col-md-3 mb-4">
        {% if stats.jobs is mapping %}
            {{ render_stat_card(
                title="Completed",
                value=stats.jobs.completed,
                icon="bi-check-circle",
                color="success",
                subtitle="Successful jobs"
            ) }}
        {% else %}
            {{ render_stat_card(
                title="Recent Jobs",
                value=stats.recent_jobs|length,
                icon="bi-clock-history",
                color="warning",
                subtitle="Last 5 jobs"
            ) }}
        {% endif %}
    </div>
    <div class="col-md-3 mb-4">
        {% if stats.jobs is mapping %}
            {{ render_stat_card(
                title="Running",
                value=stats.jobs.running,
                icon="bi-arrow-clockwise",
                color="warning",
                subtitle="In progress"
            ) }}
        {% else %}
            {{ render_stat_card(
                title="Active",
                value="0",
                icon="bi-activity",
                color="secondary",
                subtitle="Running now"
            ) }}
        {% endif %}
    </div>
</div>

<!-- Quick Actions -->
<div class="row mb-5">
    <div class="col-12">
        <h3 class="mb-3">Quick Actions</h3>
    </div>
    <div class="col-lg-3 col-md-6 mb-3">
        <div class="card h-100 border-primary">
            <div class="card-body text-center">
                <div class="text-primary mb-3">
                    <i class="bi bi-plus-circle" style="font-size: 2.5rem;"></i>
                </div>
                <h5 class="card-title">New Template</h5>
                <p class="card-text text-muted">Upload a new document template</p>
                <a href="{{ url_for('templates.new') }}" class="btn btn-primary">
                    <i class="bi bi-upload me-1"></i>Upload
                </a>
            </div>
        </div>
    </div>
    <div class="col-lg-3 col-md-6 mb-3">
        <div class="card h-100 border-success">
            <div class="card-body text-center">
                <div class="text-success mb-3">
                    <i class="bi bi-gear" style="font-size: 2.5rem;"></i>
                </div>
                <h5 class="card-title">Generate Documents</h5>
                <p class="card-text text-muted">Create documents from templates</p>
                <a href="{{ url_for('docgen.index') }}" class="btn btn-success">
                    <i class="bi bi-play me-1"></i>Generate
                </a>
            </div>
        </div>
    </div>
    <div class="col-lg-3 col-md-6 mb-3">
        <div class="card h-100 border-info">
            <div class="card-body text-center">
                <div class="text-info mb-3">
                    <i class="bi bi-files" style="font-size: 2.5rem;"></i>
                </div>
                <h5 class="card-title">Merge PDFs</h5>
                <p class="card-text text-muted">Combine multiple PDF files</p>
                <a href="{{ url_for('pdf_tools.merge') }}" class="btn btn-info">
                    <i class="bi bi-arrow-down-up me-1"></i>Merge
                </a>
            </div>
        </div>
    </div>
    <div class="col-lg-3 col-md-6 mb-3">
        <div class="card h-100 border-warning">
            <div class="card-body text-center">
                <div class="text-warning mb-3">
                    <i class="bi bi-arrow-down-circle" style="font-size: 2.5rem;"></i>
                </div>
                <h5 class="card-title">Compress PDF</h5>
                <p class="card-text text-muted">Reduce PDF file size</p>
                <a href="{{ url_for('pdf_tools.compress') }}" class="btn btn-warning">
                    <i class="bi bi-compress me-1"></i>Compress
                </a>
            </div>
        </div>
    </div>
</div>

<!-- Recent Jobs -->
<div class="row">
    <div class="col-12">
        <div class="card">
            <div class="card-header bg-white">
                <div class="d-flex justify-content-between align-items-center">
                    <h5 class="card-title mb-0">Recent Jobs</h5>
                    <a href="{{ url_for('main.history') }}" class="btn btn-sm btn-outline-primary">
                        <i class="bi bi-clock-history me-1"></i>View All
                    </a>
                </div>
            </div>
            <div class="card-body">
                {% if stats.recent_jobs %}
                    <div class="table-responsive">
                        <table class="table table-hover">
                            <thead>
                                <tr>
                                    <th>Type</th>
                                    <th>Details</th>
                                    <th>Status</th>
                                    <th>Created</th>
                                    <th>Actions</th>
                                </tr>
                            </thead>
                            <tbody>
                                {% for job in stats.recent_jobs %}
                                <tr>
                                    <td>
                                        {{ render_job_type_icon(job.job_type) }}
                                        <span class="ms-2">{{ job.job_type|title }}</span>
                                    </td>
                                    <td>
                                        {% if job.job_type == 'docgen' and job.template %}
                                            <strong>{{ job.template.title }}</strong>
                                            {% set input_meta = job.get_input_meta() %}
                                            {% if input_meta.total_rows %}
                                                <br><small class="text-muted">{{ input_meta.total_rows }} rows</small>
                                            {% endif %}
                                        {% elif job.job_type == 'merge' %}
                                            {% set input_meta = job.get_input_meta() %}
                                            <strong>PDF Merge</strong>
                                            {% if input_meta.file_count %}
                                                <br><small class="text-muted">{{ input_meta.file_count }} files</small>
                                            {% endif %}
                                        {% elif job.job_type == 'compress' %}
                                            {% set input_meta = job.get_input_meta() %}
                                            <strong>PDF Compress</strong>
                                            {% if input_meta.original_filename %}
                                                <br><small class="text-muted">{{ input_meta.original_filename }}</small>
                                            {% endif %}
                                        {% else %}
                                            <span class="text-muted">{{ job.job_type|title }} Job</span>
                                        {% endif %}
                                    </td>
                                    <td>
                                        {{ render_job_status_badge(job.status) }}
                                    </td>
                                    <td>
                                        <span data-bs-toggle="tooltip" title="{{ job.created_at.strftime('%Y-%m-%d %H:%M:%S') }}">
                                            {{ moment(job.created_at).fromNow() if moment else job.created_at.strftime('%m/%d %H:%M') }}
                                        </span>
                                    </td>
                                    <td>
                                        {% if job.job_type == 'docgen' %}
                                            <a href="{{ url_for('docgen.job_status', job_id=job.id) }}" 
                                               class="btn btn-sm btn-outline-primary">
                                                <i class="bi bi-eye me-1"></i>View
                                            </a>
                                        {% else %}
                                            <a href="{{ url_for('pdf_tools.job_status', job_id=job.id) }}" 
                                               class="btn btn-sm btn-outline-primary">
                                                <i class="bi bi-eye me-1"></i>View
                                            </a>
                                        {% endif %}
                                    </td>
                                </tr>
                                {% endfor %}
                            </tbody>
                        </table>
                    </div>
                {% else %}
                    {{ render_empty_state(
                        title="No Recent Jobs",
                        description="You haven't run any jobs yet. Start by uploading a template or using our PDF tools.",
                        icon="bi-clock-history",
                        action_text="Get Started",
                        action_url=url_for('templates.new')
                    ) }}
                {% endif %}
            </div>
        </div>
    </div>
</div>
{% endblock %}

{% block extra_js %}
<script>
document.addEventListener('DOMContentLoaded', function() {
    // Auto-refresh job statuses every 30 seconds
    setInterval(function() {
        const runningJobs = document.querySelectorAll('.badge:contains("Running")');
        if (runningJobs.length > 0) {
            location.reload();
        }
    }, 30000);
});
</script>
{% endblock %}