════════════════════════════════════════════════════════════════════════════════
    PANDUAN LENGKAP CARA PAKAI ADMIN PANEL - TOKO BAN
════════════════════════════════════════════════════════════════════════════════

🎯 Admin panel memungkinkan Anda mengelola produk dengan mudah!
   Tidak perlu lagi edit file manual atau upload foto via FTP!

════════════════════════════════════════════════════════════════════════════════
1. CARA LOGIN KE ADMIN PANEL
════════════════════════════════════════════════════════════════════════════════

1. Buka browser
2. Ketik URL: namadomain.com/admin/login.php
   (Ganti "namadomain.com" dengan domain Anda)
3. Akan muncul halaman login
4. Masukkan:
   Username: admin
   Password: admin123
5. Klik "Masuk ke Dashboard"

✅ Anda akan masuk ke Dashboard Admin!

⚠️ PENTING KEAMANAN:
Untuk keamanan, segera ganti password default!
Caranya:
- Buka phpMyAdmin di cPanel
- Pilih database toko_ban
- Klik tabel "admin_users"
- Edit baris admin
- Ganti password dengan password baru yang sudah di-hash

Cara hash password baru:
- Buat file PHP temporary, isi:
  <?php echo password_hash('password_baru_anda', PASSWORD_DEFAULT); ?>
- Jalankan di browser, copy hasilnya
- Paste ke kolom password di phpMyAdmin

════════════════════════════════════════════════════════════════════════════════
2. MENAMBAH PRODUK BARU
════════════════════════════════════════════════════════════════════════════════

1. LOGIN ke admin panel
2. Klik menu "➕ Tambah Produk" di sidebar
   ATAU
   Klik tombol "+ Tambah Produk Baru" di halaman Dashboard

3. ISI FORM PRODUK:
   
   📝 Nama Produk *
   - Contoh: Ban Michelin Primacy – Ukuran: 195/65/15
   - Ini akan muncul sebagai judul produk di website
   
   💰 Harga (Rp) *
   - Default: 110000
   - Bisa diganti sesuai harga yang Anda inginkan
   - Contoh: 150000 (untuk Rp 150.000)
   
   📦 Stok
   - Default: 100
   - Atur sesuai jumlah stok yang ada
   
   ⭐ Rating (1-5)
   - Default: 5.0
   - Bisa diisi 4.5, 4.8, dll
   
   💬 Jumlah Review
   - Default: 0
   - Bisa diisi berapa banyak orang yang review
   
   📄 Deskripsi
   - Isi detail produk
   - Sudah ada template default
   - Bisa diedit sesuai kebutuhan
   
   📸 Upload Gambar Produk
   - Klik "Choose Files" atau "Browse"
   - Pilih 1 atau LEBIH gambar sekaligus (bisa pilih banyak)
   - Format: JPG, PNG, GIF, WebP
   - Gambar PERTAMA yang dipilih = Gambar UTAMA
   - Gambar akan langsung preview di bawah
   
   ✅ Produk aktif
   - Centang = Produk tampil di website
   - Tidak dicentang = Produk tidak tampil (draft)

4. KLIK "✅ Simpan Produk"

5. Tunggu beberapa detik

6. Akan muncul pesan: "✅ Produk berhasil ditambahkan!"

7. Anda akan otomatis diarahkan ke halaman Daftar Produk

✅ PRODUK BARU SUDAH DITAMBAHKAN!

8. Cek di website: namadomain.com
   - Produk baru akan langsung muncul!

════════════════════════════════════════════════════════════════════════════════
3. MENGEDIT PRODUK
════════════════════════════════════════════════════════════════════════════════

1. LOGIN ke admin panel
2. Lihat "Daftar Produk" di halaman Dashboard
3. Cari produk yang mau diedit
4. Klik tombol "✏️" (Edit) di kolom Aksi

5. Anda akan masuk ke halaman Edit Produk
6. Di halaman ini Anda bisa:
   
   ✏️ EDIT INFORMASI PRODUK
   - Ubah nama produk
   - Ubah harga
   - Ubah stok
   - Ubah rating & review
   - Ubah deskripsi
   - Aktifkan/nonaktifkan produk
   
   🖼️ KELOLA GAMBAR YANG SUDAH ADA
   - Lihat bagian "Gambar Saat Ini"
   - Setiap gambar ada checkbox "Hapus"
   - Centang gambar yang mau dihapus
   - Gambar dengan label "Utama" = gambar utama produk
   
   📸 TAMBAH GAMBAR BARU
   - Scroll ke bawah ke "Tambah Gambar Baru"
   - Pilih gambar baru
   - Gambar baru akan ditambahkan ke gambar yang sudah ada

7. Setelah selesai edit, klik "✅ Update Produk"

8. Akan muncul: "✅ Produk berhasil diupdate!"

✅ PRODUK SUDAH DIEDIT!

9. Cek perubahan di website

TIPS:
- Jika ingin ganti gambar utama:
  1. Hapus gambar utama yang lama (centang "Hapus")
  2. Upload gambar baru
  3. Gambar baru pertama akan jadi gambar utama

════════════════════════════════════════════════════════════════════════════════
4. MENGHAPUS PRODUK
════════════════════════════════════════════════════════════════════════════════

1. LOGIN ke admin panel
2. Lihat "Daftar Produk"
3. Cari produk yang mau dihapus
4. Klik tombol "🗑️" (Hapus) di kolom Aksi

5. Akan muncul popup konfirmasi:
   "Yakin ingin menghapus produk ini?"

6. Klik "OK" untuk hapus
   ATAU
   Klik "Cancel" untuk batal

7. Produk akan LANGSUNG DIHAPUS!
   - Data produk dihapus dari database
   - Semua foto produk dihapus dari server
   - Folder produk dihapus

✅ PRODUK SUDAH DIHAPUS!

⚠️ PERHATIAN:
- Penghapusan PERMANEN (tidak bisa diundo)
- Pastikan benar-benar ingin hapus sebelum klik OK

════════════════════════════════════════════════════════════════════════════════
5. MENCARI PRODUK
════════════════════════════════════════════════════════════════════════════════

1. Di halaman Dashboard Admin
2. Lihat kotak "Cari produk..." di atas tabel
3. Ketik nama produk yang dicari
   Contoh: "Michelin", "195/65", "Bridgestone"
4. Klik tombol "🔍 Cari"

5. Hasil pencarian akan muncul

6. Untuk reset pencarian:
   - Klik tombol "✕ Reset"
   - Atau klik menu "Semua Produk"

════════════════════════════════════════════════════════════════════════════════
6. NAVIGASI HALAMAN (PAGINATION)
════════════════════════════════════════════════════════════════════════════════

Jika produk lebih dari 20:
- Di bawah tabel ada navigasi halaman
- Klik "Berikutnya →" untuk halaman selanjutnya
- Klik "← Sebelumnya" untuk halaman sebelumnya
- Ditampilkan 20 produk per halaman

════════════════════════════════════════════════════════════════════════════════
7. MELIHAT WEBSITE
════════════════════════════════════════════════════════════════════════════════

1. Di sidebar admin, klik "🌐 Lihat Website"
2. Website akan terbuka di tab baru
3. Anda bisa cek produk yang baru ditambah/diedit

════════════════════════════════════════════════════════════════════════════════
8. LOGOUT DARI ADMIN PANEL
════════════════════════════════════════════════════════════════════════════════

1. Klik menu "🚪 Logout" di sidebar
2. Anda akan otomatis keluar dan kembali ke halaman login

⚠️ TIPS KEAMANAN:
- Selalu logout setelah selesai
- Jangan tinggalkan admin panel terbuka di komputer umum
- Ganti password default segera!

════════════════════════════════════════════════════════════════════════════════
9. TIPS & TRIK ADMIN PANEL
════════════════════════════════════════════════════════════════════════════════

💡 UPLOAD MULTIPLE GAMBAR SEKALIGUS
   - Saat upload gambar, tekan Ctrl (Windows) atau Cmd (Mac)
   - Klik gambar yang mau diupload satu per satu
   - Atau drag & drop multiple files sekaligus
   - Gambar pertama otomatis jadi gambar utama

💡 FORMAT NAMA PRODUK YANG BAGUS
   - Selalu sertakan merk: "Ban Michelin..."
   - Sertakan ukuran jelas: "Ukuran: 195/65/15"
   - Format konsisten untuk semua produk

💡 DESKRIPSI PRODUK
   - Pakai template yang sudah ada
   - Tambahkan info spesifik jika perlu
   - Jangan terlalu panjang (2-4 kalimat cukup)

💡 HARGA
   - Tulis tanpa titik/koma
   - Contoh: 110000 (bukan 110.000)
   - System otomatis format ke Rp 110.000

💡 RATING & REVIEW
   - Rating realistis: 4.5 - 5.0
   - Jumlah review: 5-50 (jangan terlalu banyak)

💡 STOK
   - Atur 0 jika habis (produk tetap tampil tapi bisa dikasih badge "Habis")
   - Atau nonaktifkan produk jika benar-benar tidak tersedia

💡 STATUS AKTIF/NONAKTIF
   - Nonaktifkan produk yang out of stock
   - Atau produk yang sedang dalam maintenance
   - Produk nonaktif tidak tampil di website

════════════════════════════════════════════════════════════════════════════════
10. TROUBLESHOOTING ADMIN PANEL
════════════════════════════════════════════════════════════════════════════════

❌ Tidak bisa login
   → Username: admin
   → Password: admin123
   → Pastikan huruf kecil semua
   → Cek koneksi database di config_db.php

❌ Error saat upload gambar
   → Pastikan ukuran gambar tidak terlalu besar (max 5MB)
   → Format: JPG, JPEG, PNG, GIF, WebP
   → Cek permission folder foto/ (harus 755)

❌ Gambar tidak muncul setelah upload
   → Cek folder foto/ apakah gambar tersimpan
   → Cek permission file (harus 644)
   → Clear cache browser (Ctrl+F5)

❌ Produk baru tidak muncul di website
   → Pastikan produk diset "Aktif"
   → Clear cache browser
   → Cek apakah products.js sudah pakai get-products-db.php

❌ Tidak bisa hapus produk
   → Cek permission folder foto/
   → Pastikan folder produk tidak dikunci

════════════════════════════════════════════════════════════════════════════════
11. STATISTIK & INFORMASI
════════════════════════════════════════════════════════════════════════════════

Di Dashboard Admin, Anda bisa lihat:
✓ Total Produk
✓ Login sebagai siapa
✓ Daftar produk terbaru
✓ Jumlah gambar per produk
✓ Status aktif/nonaktif

════════════════════════════════════════════════════════════════════════════════
12. KEAMANAN ADMIN PANEL
════════════════════════════════════════════════════════════════════════════════

🔐 JANGAN BAGIKAN INFO INI KE SEMBARANG ORANG:
   - URL admin: namadomain.com/admin/
   - Username & password admin
   - Info database

🔐 GANTI PASSWORD DEFAULT:
   - Password default (admin123) hanya untuk install pertama
   - Segera ganti dengan password kuat!

🔐 TIPS PASSWORD KUAT:
   - Min 12 karakter
   - Kombinasi huruf besar, kecil, angka, simbol
   - Contoh: T0k0B@n2025!Aman

════════════════════════════════════════════════════════════════════════════════
KESIMPULAN
════════════════════════════════════════════════════════════════════════════════

Dengan Admin Panel, Anda bisa:
✅ Tambah produk baru dengan mudah (tidak perlu coding)
✅ Upload multiple foto sekaligus
✅ Edit produk kapan saja
✅ Hapus produk tidak perlu (auto hapus foto juga)
✅ Kelola produk dari mana saja (asal ada internet)
✅ Tidak perlu FTP atau File Manager lagi!

Semua perubahan LANGSUNG TAMPIL di website! 🎉

════════════════════════════════════════════════════════════════════════════════
KONTAK SUPPORT
════════════════════════════════════════════════════════════════════════════════

Jika butuh bantuan:
WhatsApp: 0895-4045-97443

════════════════════════════════════════════════════════════════════════════════
SELAMAT MENGGUNAKAN ADMIN PANEL TOKO BAN! 🚀
════════════════════════════════════════════════════════════════════════════════