════════════════════════════════════════════════════════════════════════════════
    PANDUAN LENGKAP INSTALL DATABASE - TOKO BAN
════════════════════════════════════════════════════════════════════════════════

📌 PENTING: Ikuti langkah-langkah ini dengan TELITI!

════════════════════════════════════════════════════════════════════════════════
LANGKAH 1: BUAT DATABASE DI CPANEL/WHM
════════════════════════════════════════════════════════════════════════════════

1. LOGIN KE CPANEL
   - Buka browser, ketik: namadomain.com/cpanel
   - Atau: namadomain.com:2083
   - Login dengan username dan password cPanel Anda

2. CARI & BUKA "MySQL® DATABASES"
   - Di halaman cPanel, cari menu "MySQL® Databases"
   - Biasanya ada di kategori "DATABASES"
   - Klik untuk membuka

3. BUAT DATABASE BARU
   - Lihat bagian "Create New Database"
   - Isi nama database: toko_ban
   - Klik tombol "Create Database"
   - Akan muncul konfirmasi: "Added the database ..."
   - Klik "Go Back"

4. BUAT USER DATABASE
   - Scroll ke bawah ke bagian "MySQL Users"
   - Lihat "Add New User"
   - Username: toko_admin (atau terserah Anda)
   - Password: Buat password yang KUAT (min 12 karakter)
   - Klik "Create User"
   - ⚠️ SIMPAN username dan password ini, Anda akan butuh nanti!

5. HUBUNGKAN USER KE DATABASE
   - Scroll ke bawah ke "Add User To Database"
   - User: Pilih user yang baru dibuat (toko_admin)
   - Database: Pilih database yang baru dibuat (toko_ban)
   - Klik "Add"
   - Akan muncul halaman "Manage User Privileges"
   - Centang "ALL PRIVILEGES" (checklist paling atas)
   - Klik "Make Changes"

✅ DATABASE SUDAH DIBUAT!

CATAT INFORMASI INI:
────────────────────────────────────────────────────────────────────────────
DB_HOST: localhost (biasanya selalu localhost)
DB_NAME: cpaneluser_toko_ban (ada prefix username cPanel)
DB_USER: cpaneluser_toko_admin (ada prefix username cPanel)
DB_PASS: (password yang Anda buat tadi)
────────────────────────────────────────────────────────────────────────────

⚠️ PENTING: Di cPanel/WHM, nama database dan user biasanya
automatis ditambahi prefix username cPanel Anda!

Contoh:
- Jika username cPanel Anda: istana
- Nama database jadi: istana_toko_ban
- Nama user jadi: istana_toko_admin

════════════════════════════════════════════════════════════════════════════════
LANGKAH 2: JALANKAN SQL SCHEMA (BUAT TABEL)
════════════════════════════════════════════════════════════════════════════════

1. BUKA PHPMYADMIN
   - Kembali ke cPanel
   - Cari "phpMyAdmin" (biasanya di kategori DATABASES)
   - Klik untuk membuka

2. PILIH DATABASE
   - Di sidebar kiri, klik database Anda (istana_toko_ban)
   - Database akan terbuka

3. IMPORT FILE SQL
   - Klik tab "SQL" di bagian atas
   - Buka file "database.sql" (ada di folder website Anda)
   - Copy SEMUA isinya
   - Paste ke kotak SQL di phpMyAdmin
   - Klik tombol "Go" di pojok kanan bawah

4. CEK HASIL
   - Klik tab "Structure"
   - Anda harus melihat 3 tabel:
     ✓ admin_users
     ✓ products
     ✓ product_images

✅ TABEL DATABASE SUDAH DIBUAT!

════════════════════════════════════════════════════════════════════════════════
LANGKAH 3: KONFIGURASI FILE CONFIG_DB.PHP
════════════════════════════════════════════════════════════════════════════════

1. BUKA FILE MANAGER DI CPANEL
   - Kembali ke cPanel
   - Klik "File Manager"
   - Masuk ke folder public_html
   - Masuk ke folder admin

2. EDIT FILE config_db.php
   - Klik kanan file "config_db.php"
   - Pilih "Edit"
   - Akan muncul popup, klik "Edit" lagi

3. GANTI KONFIGURASI DATABASE
   Cari baris ini (sekitar baris 5-8):
   
   define('DB_HOST', 'localhost');
   define('DB_USER', 'root');
   define('DB_PASS', '');
   define('DB_NAME', 'toko_ban');
   
   GANTI MENJADI (sesuaikan dengan info Anda):
   
   define('DB_HOST', 'localhost');
   define('DB_USER', 'istana_toko_admin');  // Ganti sesuai user Anda
   define('DB_PASS', 'password_kuat_anda'); // Ganti dengan password
   define('DB_NAME', 'istana_toko_ban');    // Ganti sesuai database Anda

4. SAVE FILE
   - Klik tombol "Save Changes" di pojok kanan atas
   - Tutup editor

✅ KONFIGURASI DATABASE SELESAI!

════════════════════════════════════════════════════════════════════════════════
LANGKAH 4: MIGRASI DATA PRODUK KE DATABASE
════════════════════════════════════════════════════════════════════════════════

Sekarang kita akan mengisi database dengan semua produk Anda
(100 produk dari folder foto)!

1. BUKA BROWSER
   - Ketik URL: namadomain.com/migrate-to-database.php
   - Tekan Enter

2. TUNGGU PROSES MIGRASI
   - Script akan otomatis:
     ✓ Membaca 59 produk dari folder foto/produk1-59
     ✓ Membaca produk 60-100 dari folder foto/sisa
     ✓ Memasukkan semua data ke database
   - Proses ini mungkin butuh 1-2 menit

3. CEK HASIL
   - Jika berhasil, akan muncul:
     "🎉 MIGRASI SELESAI!"
     "Total: 100 produk dengan XXX gambar berhasil dimigrasikan!"

4. JIKA ADA ERROR
   - Pastikan config_db.php sudah benar
   - Pastikan database.sql sudah dijalankan
   - Cek di phpMyAdmin apakah tabelnya ada

✅ DATA SUDAH TERISI!

════════════════════════════════════════════════════════════════════════════════
LANGKAH 5: AKTIFKAN MODE DATABASE DI WEBSITE
════════════════════════════════════════════════════════════════════════════════

Sekarang kita akan membuat website mengambil data dari database,
bukan dari folder foto lagi.

1. BUKA FILE MANAGER
   - Masuk ke folder: public_html/assets/js/

2. EDIT FILE products.js
   - Klik kanan "products.js"
   - Pilih "Edit"
   
3. CARI BARIS INI (sekitar baris 18):
   
   const response = await fetch('api/get-products.php');
   
   GANTI MENJADI:
   
   const response = await fetch('api/get-products-db.php');

4. SAVE FILE
   - Klik "Save Changes"

✅ WEBSITE SEKARANG MENGGUNAKAN DATABASE!

════════════════════════════════════════════════════════════════════════════════
LANGKAH 6: TEST WEBSITE & ADMIN PANEL
════════════════════════════════════════════════════════════════════════════════

1. TEST WEBSITE
   - Buka: namadomain.com
   - Cek apakah produk muncul?
   - Klik salah satu produk
   - Pastikan detail produk tampil dengan benar

2. TEST ADMIN PANEL
   - Buka: namadomain.com/admin/login.php
   - Login dengan:
     Username: admin
     Password: admin123
   - Setelah login, Anda akan masuk ke Dashboard Admin
   - Coba klik menu "Tambah Produk"
   - Coba tambah 1 produk