{% extends "base.html" %}
{% block content %}
<div class="max-w-4xl mx-auto grid grid-cols-1 md:grid-cols-2 gap-6">
    
    <div class="bg-white shadow rounded-lg p-6">
        <h2 class="text-xl font-bold text-minhaj-blue mb-4">Profil Saya</h2>
        {% if penulis %}
        <div class="space-y-3 text-sm">
            <div><label class="text-gray-500 block">Nama Lengkap</label><span class="font-medium">{{ penulis.nama_penulis }}</span></div>
            <div><label class="text-gray-500 block">Email (Username)</label><span class="font-medium">{{ penulis.email }}</span></div>
            <div><label class="text-gray-500 block">No. HP</label><span class="font-medium">{{ penulis.no_hp }}</span></div>
            <div class="border-t pt-2"></div>
            <div><label class="text-gray-500 block">NIK</label><span class="font-medium">{{ penulis.nik or '-' }}</span></div>
            <div><label class="text-gray-500 block">NPWP</label><span class="font-medium">{{ penulis.npwp or '-' }}</span></div>
            <div><label class="text-gray-500 block">Alamat</label><span class="font-medium">{{ penulis.alamat }}</span></div>
            <div class="border-t pt-2"></div>
            <div><label class="text-gray-500 block">Bank</label><span class="font-medium">{{ penulis.bank }}</span></div>
            <div><label class="text-gray-500 block">No. Rekening</label><span class="font-medium">{{ penulis.no_rekening }}</span></div>
            <div><label class="text-gray-500 block">Atas Nama</label><span class="font-medium">{{ penulis.atas_nama }}</span></div>
        </div>
        <p class="mt-4 text-xs text-red-500">*Jika ada kesalahan data, mohon hubungi Admin.</p>
        {% else %}
        <p>Anda login sebagai Admin.</p>
        {% endif %}
    </div>

    <div class="bg-white shadow rounded-lg p-6 h-fit">
        <h2 class="text-xl font-bold text-gray-800 mb-4">Ganti Password</h2>
        <form method="POST">
            <div class="mb-3">
                <label class="block text-sm mb-1">Password Saat Ini</label>
                <input type="password" name="current_password" required class="w-full border rounded px-3 py-2">
            </div>
            <div class="mb-3">
                <label class="block text-sm mb-1">Password Baru</label>
                <input type="password" name="new_password" required class="w-full border rounded px-3 py-2">
            </div>
            <div class="mb-3">
                <label class="block text-sm mb-1">Konfirmasi Password Baru</label>
                <input type="password" name="confirm_password" required class="w-full border rounded px-3 py-2">
            </div>
            <button type="submit" class="w-full bg-minhaj-orange text-white py-2 rounded hover:bg-orange-700 font-bold">Simpan Password</button>
        </form>
    </div>
</div>
{% endblock %}