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

{% block extrahead %}
{{ block.super }}
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css">
<style>
    .object-tools {
        display: flex !important;
        gap: 8px !important;
        float: right !important;
    }
    .object-tools li {
        display: inline-block !important;
        margin: 0 !important;
    }
    .object-tools a {
        display: inline-flex !important;
        align-items: center !important;
        gap: 5px !important;
        padding: 8px 16px !important;
        border-radius: 6px !important;
        font-weight: 500 !important;
        white-space: nowrap !important;
    }
    .object-tools .import-link {
        background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%) !important;
        color: white !important;
        box-shadow: 0 2px 8px rgba(245,87,108,0.3);
    }
    .object-tools .import-link:hover {
        background: linear-gradient(135deg, #f5576c 0%, #f093fb 100%) !important;
    }
    .object-tools .download-link {
        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
        color: white !important;
        box-shadow: 0 2px 8px rgba(102,126,234,0.3);
    }
    .object-tools .download-link:hover {
        background: linear-gradient(135deg, #764ba2 0%, #667eea 100%) !important;
    }
</style>
{% endblock %}

{% block object-tools-items %}
<li>
    <a href="{% url 'admin:import_student_excel' %}" class="import-link" title="Import dari Excel">
        <i class="fas fa-file-import"></i> Import Excel
    </a>
</li>
<li>
    <a href="{% url 'admin:download_student_template' %}" class="download-link" title="Download Template Excel">
        <i class="fas fa-download"></i> Template
    </a>
</li>
{{ block.super }}
{% endblock %}