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 dioptimalkanSistem 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 pembayaranHalaman 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 pembayaranHalaman 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 sudahHalaman 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 submitHalaman Akun- Profile section - Menampilkan nama, email, dan role- Menu pengaturan:- Edit Akun- Ganti Password- Kebijakan Privasi- Syarat & Ketentuan- Logout - Tombol keluar dari akunHalaman Edit Akun- Update informasi - Nama, email, dll- Validasi form - Validasi input sebelum updateHalaman 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