@startuml Navigasi_Pelanggan_GASPOS
title Struktur Navigasi Pelanggan (GASPOS)

' Styling sesuai gambar: Monokrom, Garis Siku (Orthogonal), Tanpa Bayangan
skinparam monochrome true
skinparam linetype ortho
skinparam shadowing false
skinparam defaultFontName "Segoe UI"
skinparam ranksep 35
skinparam nodesep 20

' Node Halaman
rectangle "MASUK\n(/login)" as Masuk
rectangle "DAFTAR\n(/register)" as Daftar
rectangle "LUPA PASSWORD\n(/forgot-password)" as LupaPassword

rectangle "BERANDA\n(/user/dashboard)" as Beranda

rectangle "PESAN\n(Form Order)" as Pesan
rectangle "PILIH METODE PEMBAYARAN\n(POST: /user/pesan)" as MetodeBayar
rectangle "CEK STATUS PEMESANAN\n(/user/pesanan)" as CekStatus
rectangle "KONFIRMASI ADMIN\n(Diproses/Selesai)" as KonfirmasiAdmin

rectangle "RIWAYAT PESANAN\n(/user/pesanan)" as Riwayat
rectangle "DETAIL PESANAN\n(Modal Detail)" as Detail

rectangle "CHATBOT AI\n(/chatbot)" as Chatbot
rectangle "NOTIFIKASI PESAN\n(Modal Notif)" as Notifikasi

rectangle "KELUAR\n(/logout)" as Keluar

' Alur Akses Awal & Login
Masuk <--> Daftar : Pendaftaran Akun
Masuk <--> LupaPassword : Reset Password
Masuk --> Beranda : Sukses Login (Redirect)

' Menu Utama setelah Login (Dari Beranda)
Beranda --> Pesan
Beranda --> Riwayat
Beranda --> Chatbot
Beranda --> Notifikasi
Beranda --> Keluar

' Alur Linier Pemesanan
Pesan --> MetodeBayar
MetodeBayar --> CekStatus
CekStatus --> KonfirmasiAdmin

' Alur Riwayat
Riwayat --> Detail

' Interaksi Status & Notifikasi
CekStatus <--> Notifikasi

' Kembali ke Halaman Login setelah Keluar
Keluar -up-> Masuk

@enduml