Feature #3907
[ CRM] Implementasi Lanjutan Tampilan Booking – Payment & Confirmation
0%
Description
Dear Team Developer,
Mohon bantuannya untuk melakukan Pengembangan lanjutan pada flow Booking setelah memilih sesi pelatihan golf, mencakup proses pembayaran dan konfirmasi. Detail yang perlu diimplementasikan:
1️⃣ Halaman “Confirm Your Booking”
• Menampilkan informasi pengguna (nama, email, telepon, lokasi).
• Menampilkan informasi sesi (instruktur, jenis lesson, level, fokus latihan).
• Menampilkan detail booking (tanggal, jam, lokasi, harga).
• Dropdown Payment Method berisi daftar bank
• Tombol Proceed to Payment mengarahkan ke halaman instruksi pembayaran.
2️⃣ Halaman “Payment Instruction”
• Header: metode pembayaran (contoh: “BCA Transfer”).
• Booking ID dan batas waktu pembayaran.
• Informasi tujuan transfer:
o Nama penerima (PT Minova Infotech Solution).
o Nomor rekening (1234567890).
o Jumlah pembayaran (Rp 250.000).
• Tombol Copy di sebelah nomor rekening dan jumlah.
• Upload bukti pembayaran (Upload Payment Proof).
• Tombol Confirm Payment untuk melanjutkan.
3️⃣ Halaman “Waiting for Confirmation”
• Menampilkan status “Waiting for Confirmation”.
• Informasi ringkasan booking:
o Booking ID
o Tanggal dan jam sesi
o Jenis sesi (contoh: Swing Analysis)
o Nama instruktur
o Harga.
• Animasi/loading (ikon jam pasir).
• Pesan: “Please wait up to 10 minutes for the payment to be processed”.
Acceptance Criteria
• Semua tampilan sudah sesuai mockup.
• Dropdown bank berfungsi dan pilihan tersimpan saat lanjut ke pembayaran.
• Tombol “Copy” bekerja untuk nomor rekening & jumlah transfer.
• Upload bukti pembayaran wajib sebelum “Confirm Payment”.
• Setelah konfirmasi, muncul halaman “Waiting for Confirmation” dengan animasi.
Files