{% extends "base.html" %}
{% block content %}
<div class="flex justify-between items-center mb-6">
    <div>
        <h1 class="text-2xl font-bold text-gray-900">Data Penjualan</h1>
        <p class="text-gray-600">Transaksi harian.</p>
    </div>
    <a href="/add-penjualan" class="bg-minhaj-orange text-white px-4 py-2 rounded hover:bg-orange-700"><i class="fas fa-plus mr-2"></i>Input</a>
</div>

<div class="bg-white shadow overflow-hidden rounded-lg">
    <table class="min-w-full divide-y divide-gray-200">
        <thead class="bg-gray-50">
            <tr>
                <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase">Tgl/ID</th>
                <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase">Buku</th>
                <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase">Qty</th>
                <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase">Total</th>
                <th class="px-6 py-3 text-right text-xs font-medium text-gray-500 uppercase">Aksi</th>
            </tr>
        </thead>
        <tbody class="divide-y divide-gray-200">
            {% for s in penjualan_list %}
            <tr>
                <td class="px-6 py-4">
                    <div class="text-sm font-medium text-gray-900">{{ s.tanggal_penjualan.strftime('%d/%m/%Y') }}</div>
                    <div class="text-xs text-gray-500">{{ s.id_transaksi }}</div>
                </td>
                <td class="px-6 py-4 text-sm text-gray-500">{{ s.judul_buku }}</td>
                <td class="px-6 py-4 text-sm text-gray-500">{{ s.qty_terjual }}</td>
                <td class="px-6 py-4 text-sm font-bold text-gray-700">Rp {{ "{:,}".format(s.total_penjualan) }}</td>
                <td class="px-6 py-4 text-right text-sm font-medium">
                    <a href="/edit-penjualan/{{ s.id_transaksi }}" class="text-blue-600 hover:text-blue-900 mr-3"><i class="fas fa-edit"></i></a>
                    <form action="/delete-penjualan/{{ s.id_transaksi }}" method="POST" class="inline-block" onsubmit="return confirm('Hapus transaksi? Royalti akan dikurangi otomatis.')">
                        <button type="submit" class="text-red-600 hover:text-red-900"><i class="fas fa-trash"></i></button>
                    </form>
                </td>
            </tr>
            {% endfor %}
        </tbody>
    </table>
</div>
{% endblock %}