{% extends "base.html" %}

{% block title %}Export Center{% endblock %}

{% block content %}
<div class="container" style="padding-top: 24px;">
    <div class="dashboard-header">
        <div>
            <h1 class="dashboard-title">📤 Export Center</h1>
            <p style="color: var(--text-muted); margin-top: 4px;">Download your data in multiple formats</p>
        </div>
    </div>

    {% if not has_data %}
    <div class="no-data">
        <div class="no-data-icon">📥</div>
        <div class="no-data-title">Nothing to Export</div>
        <p class="no-data-desc">Upload a dataset to access export options.</p>
        <a href="/upload" class="btn-liquid"><i class="fas fa-cloud-upload-alt"></i> Upload Dataset</a>
    </div>
    {% else %}

    <div class="features-grid" style="grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));">
        <div class="glass-card" style="text-align: center;">
            <div style="font-size: 3rem; margin-bottom: 16px;">📄</div>
            <div class="feature-title">Original CSV</div>
            <div class="feature-desc" style="margin-bottom: 20px;">Download the raw uploaded dataset</div>
            <a href="/export/csv" class="btn-liquid" style="width: 100%;">
                <i class="fas fa-download"></i> Download CSV
            </a>
        </div>

        <div class="glass-card" style="text-align: center;">
            <div style="font-size: 3rem; margin-bottom: 16px;">🧹</div>
            <div class="feature-title">Cleaned CSV</div>
            <div class="feature-desc" style="margin-bottom: 20px;">Missing values filled, duplicates handled</div>
            <a href="/export/cleaned_csv" class="btn-liquid btn-liquid-secondary" style="width: 100%;">
                <i class="fas fa-download"></i> Download Cleaned
            </a>
        </div>

        <div class="glass-card" style="text-align: center;">
            <div style="font-size: 3rem; margin-bottom: 16px;">📊</div>
            <div class="feature-title">JSON Format</div>
            <div class="feature-desc" style="margin-bottom: 20px;">Structured JSON for API integration</div>
            <a href="/export/json" class="btn-liquid btn-liquid-accent" style="width: 100%;">
                <i class="fas fa-download"></i> Download JSON
            </a>
        </div>

        <div class="glass-card" style="text-align: center;">
            <div style="font-size: 3rem; margin-bottom: 16px;">📗</div>
            <div class="feature-title">Excel Format</div>
            <div class="feature-desc" style="margin-bottom: 20px;">Microsoft Excel .xlsx file</div>
            <a href="/export/excel" class="btn-liquid" style="width: 100%; background: linear-gradient(135deg, #217346 0%, #1e6b3f 100%);">
                <i class="fas fa-download"></i> Download Excel
            </a>
        </div>
    </div>
    {% endif %}
</div>
{% endblock %}