Golf

Dear Tim Developer,

Mohon bantuannya untuk implementasi fitur pop-up preview untuk melihat bukti pembayaran (image attachment) pada halaman Service Order. Ketika user meng-klik foto/file bukti pembayaran di tabel attachment, sistem akan menampilkan pop-up preview dengan tombol Close (X) dan tombol Download.

Business Purpose
User dapat memverifikasi bukti pembayaran tanpa perlu mengunduh file terlebih dahulu, terutama untuk pengecekan cepat oleh admin/finance.

Scope
✅ Service Order – Document Detail → File Attachment tab

Acceptance Criteria:
1. Ketika user klik thumbnail gambar, tampilkan pop-up preview.
2. Pop-up menampilkan:
- gambar bukti pembayaran (fit-to-screen)
- tombol Close (X) pada header kanan
- tombol Unduh Gambar di bawah preview
3. Background menjadi greyed/blur saat pop-up terbuka.
4. Tombol Close menutup pop-up dan mengembalikan layar normal.
5. Pop-up responsive (desktop minimal).

Notes :
1. Tidak ada edit pada file.
2. Tidak menampilkan metadata (tanggal / nama penerima) di UI pop-up, hanya gambar saja.
3. Sesuaikan desain identik seperti referensi UI yang dikirim.

alamat = https://demo-golfcourse.minovais.com/
database = 103.153.60.89
nama database = MinovaES_DEMO_GolfCourse