{% extends "admin/change_list.html" %}
{% load i18n %}

{% block content %}
  <div class="module" style="margin-bottom: 20px;">
    <h2 style="margin-top: 0;">{% trans "Student - Import & Template" %}</h2>

    <div style="margin: 12px 0 18px 0;">
      <a
        href="{% url 'admin:kelulusan_student_download_template' %}"
        class="button"
        style="padding: 8px 14px;"
      >
        {% trans "Download Excel Template" %}
      </a>
    </div>

    <form method="post" enctype="multipart/form-data" action="{% url 'admin:kelulusan_student_import_excel' %}">
      {% csrf_token %}

      <div style="display: flex; gap: 10px; align-items: center; flex-wrap: wrap;">
        <div>
          <input type="file" name="file" accept=".xlsx,.xls,.csv" required />
          <div style="margin-top: 6px; font-size: 12px; color: #666;">
            {% trans "Format: CSV/XLS/XLSX. Kolom wajib: nisn, full_name, kelas, status, issued_date. nomor_sk opsional." %}
          </div>
        </div>

        <button type="submit" class="default">
          {% trans "Upload & Import Excel" %}
        </button>
      </div>
    </form>

    {% if result %}
      <div style="margin-top: 16px;">
        {% if result.ok %}
          <div class="success">
            <strong>{{ result.message }}</strong>
          </div>
        {% else %}
          <div class="errornote">
            <strong>{{ result.message }}</strong>
          </div>
        {% endif %}

        <ul style="margin-top: 8px;">
          <li>{% trans "Created" %}: {{ result.created }}</li>
          <li>{% trans "Updated" %}: {{ result.updated }}</li>
          <li>{% trans "Skipped" %}: {{ result.skipped }}</li>
          <li>{% trans "Errors" %}: {{ result.errors }}</li>
        </ul>
      </div>
    {% endif %}
  </div>

  {{ block.super }}
{% endblock %}