{% extends "paxalia/base.html" %}
{% load static i18n %}

{% block title %}{% trans "Data Import" %} – Paxalia Analytics{% endblock %}
{% block page_title %}{% trans "Data Import" %}{% endblock %}
{% block page_subtitle %}{% trans "Import historical daily stats from a Google Analytics or Plausible CSV export" %}{% endblock %}

{% block extra_css %}
    <link rel="stylesheet" href="{% static 'paxalia/styles/components/security.css' %}">
{% endblock %}

{% block dashboard_content %}
<div class="security-page">

    <div class="table-card">
        <h2 class="card-title">{% trans "Upload a CSV export" %}</h2>
        <p class="form-hint">
            {% trans "Google paxalia: Reports \u2192 export a report as CSV. Plausible: Settings \u2192 Imports & Export \u2192 export CSV." %}
            {% trans "Only date + aggregate-metric exports are supported (one row per day) — a page-level breakdown report won't import usefully. Historical data lands in daily aggregate stats, not individual page-view rows, since that's all an aggregate export can reconstruct." %}
        </p>
        <form method="post" enctype="multipart/form-data" class="analytics-settings-form">
            {% csrf_token %}
            <label for="csv_file">{% trans "CSV file" %}</label>
            <input type="file" name="csv_file" id="csv_file" accept=".csv,text/csv" required>

            <label for="source">{% trans "Source (for your own record-keeping)" %}</label>
            <select name="source" id="source">
                <option value="ga">{% trans "Google Analytics" %}</option>
                <option value="plausible">{% trans "Plausible" %}</option>
                <option value="csv">{% trans "Other / generic CSV" %}</option>
            </select>

            {% if sites %}
            <label for="site">{% trans "Site" %}</label>
            <select name="site" id="site">
                <option value="">{% trans "Unassigned (all sites)" %}</option>
                {% for s in sites %}
                <option value="{{ s.id }}">{{ s.name }}</option>
                {% endfor %}
            </select>
            {% endif %}

            <label>
                <input type="checkbox" name="overwrite">
                {% trans "Overwrite days that already have data (default: skip them)" %}
            </label>

            <button type="submit" class="btn btn-primary">{% trans "Import" %}</button>
        </form>
    </div>

    {% if result %}
    <div class="table-card">
        <h2 class="card-title">{% trans "Result" %}</h2>
        <table class="analytics-table">
            <tbody>
                <tr><td>{% trans "Created" %}</td><td>{{ result.created }}</td></tr>
                <tr><td>{% trans "Updated" %}</td><td>{{ result.updated }}</td></tr>
                <tr><td>{% trans "Skipped (already had data)" %}</td><td>{{ result.skipped_existing }}</td></tr>
            </tbody>
        </table>
    </div>
    {% endif %}

    {% if warnings %}
    <div class="table-card">
        <h2 class="card-title">{% trans "Warnings" %}</h2>
        <ul>
            {% for w in warnings %}
            <li>{{ w }}</li>
            {% endfor %}
        </ul>
    </div>
    {% endif %}

</div>
{% endblock %}