Script Web Rental Motor

Website rental kendaraan (Mobil, Motor, Sepeda) berbasis Laravel dengan sistem booking online yang lengkap. Aplikasi ini dirancang dengan mobile-first design menggunakan Tailwind CSS dan Alpine. js untuk memberikan pengalaman pengguna yang optimal di perangkat mobile, terutama iOS/iPhone.

Halaman Beranda (Home)

- Tampilan kendaraan populer - Menampilkan 5 kendaraan terpopuler berdasarkan rating

- Search bar - Pencarian kendaraan berdasarkan merk, model, atau kode unit

- Filter kategori - Filter berdasarkan jenis kendaraan (Mobil, Motor, Sepeda)

- Promo spesial - Menampilkan voucher/diskon yang tersedia

- Design mobile-first - Responsif untuk iOS/iPhone dengan viewport yang dioptimalkan

Sistem Booking

- Form booking lengkap dengan validasi:

- Pilih tanggal mulai dan akhir sewa (minimal 4 hari dari hari ini)

- Validasi tanggal terbooking (mencegah double booking)

- Pilih waktu mulai dan akhir sewa

- Pilih destinasi (Dalam Kota / Luar Kota)

- Pilih metode pengiriman (Antar / Ambil Sendiri)

- Input alamat lengkap (jika pilih Antar)

- Data penyewa (Nama lengkap, URL sosial media)

- Upload dokumen (Foto KTP, Foto ID lainnya)

- Item tambahan (Addon):

- Driver (quantity 1)

- Item lainnya dengan quantity yang bisa diatur

- Harga addon dihitung otomatis

- Sistem voucher/diskon:

- Input kode voucher

- Validasi voucher real-time

- Perhitungan diskon otomatis (persentase dengan maksimal diskon)

- Tampilan diskon yang diterapkan

- Perhitungan harga otomatis:

- Harga harian biasa

- Harga weekend (jika ada)

- Biaya tambahan luar kota

- Subtotal sewa

- Subtotal item tambahan

- Diskon (jika ada voucher)

- Total pembayaran

Halaman Pembayaran

- Metode pembayaran:

- COD (Cash on Delivery) - Bayar di tempat saat pengambilan unit

- Manual Transfer - Transfer ke rekening yang tersedia

- Fitur Manual Transfer:

- Pilih rekening tujuan (multiple bank accounts)

- Upload bukti pembayaran (JPG/PNG, maks 2MB)

- Preview bukti pembayaran

- Validasi file (ukuran dan format)

- Ringkasan transaksi - Menampilkan detail transaksi dan total pembayaran

Halaman Riwayat Booking (History)

- List semua transaksi pengguna

- Status tracking:

- Status Approval (Pending, Accept, Reject)

- Status Pembayaran (Pending, Success, Failed)

- Status Pengembalian (Sudah, Belum)

- Detail transaksi:

- Informasi kendaraan

- Periode sewa

- Destinasi dan pengiriman

- Item tambahan

- Total pembayaran

- Tombol rating - Tersedia setelah pembayaran success dan pengembalian sudah

Halaman Rating

- Sistem rating bintang (1-5 bintang)

- Komentar (opsional, maks 500 karakter)

- Auto-verifikasi - Rating langsung terkirim saat 6 digit OTP terisi

- Validasi - Rating wajib dipilih sebelum submit

Halaman Akun

- Profile section - Menampilkan nama, email, dan role

- Menu pengaturan:

- Edit Akun

- Ganti Password

- Kebijakan Privasi

- Syarat & Ketentuan

- Logout - Tombol keluar dari akun

Halaman Edit Akun

- Update informasi - Nama, email, dll

- Validasi form - Validasi input sebelum update

Halaman Booking Sukses

- Konfirmasi booking - Menampilkan detail transaksi yang berhasil

- Informasi penting - Notifikasi tentang proses verifikasi

- Action buttons:

- Bayar Sekarang (jika sudah di-approve)

- Berikan Rating (jika sudah selesai)

- Kembali ke Beranda