# Performance Analytics Dashboard

Fitur ini memungkinkan kamu membuat dashboard performance analytics yang dapat dipersonalisasi sesuai kebutuhan. Kamu bisa menambahkan widget berupa metric atau line chart, memilih attribute, lalu mengatur posisi dan ukuran widget di kanvas.

1. **Empty Dashboard**
   * Saat pertama kali membuka halaman ini, dashboard akan kosong.
   * Klik tombol **Add Widget** untuk mulai menambahkan widget analitik.
   * Kamu juga bisa mengatur rentang tanggal menggunakan komponen **Date Range** di kanan atas.
2. **Menambahkan Widget Baru**
   * Klik tombol **Add Widget** untuk membuka panel pembuatan widget di sisi kanan layar.
   * Isi field berikut:
     * **Name** → Nama widget yang akan tampil di dashboard.
     * **Type Widget** → Pilih jenis widget:
       * **Metrics** → Menampilkan angka tunggal.
       * **Line Graph** → Menampilkan grafik garis dengan beberapa atribut.
   * Setiap jenis widget memiliki batas pilihan attribute yang berbeda:
     * **Metrics** → Hanya bisa memilih **1 attribute**.
     * **Line Graph** → Bisa memilih **maksimal 3 attributes** untuk ditampilkan dalam satu grafik.
3. **Attribute List**
   * Attribute adalah data yang akan ditampilkan oleh widget.
   * Daftar attribute dibagi dalam beberapa kategori:

     **General**

     * Total Cost
     * Total Revenue (Total Purchase)
     * Return of Investments
     * WhatsApp Clicks

     **Lead Generation**

     * Total Leads
     * Cost per Lead

     **Sales**

     * Total Sales (Order Paid)
     * Cost per Sale

     **Session**

     * Total Session Start
     * Cost per Session Start
   * Klik **Select Attribute** lalu pilih attribute sesuai kebutuhan widget.
4. **Preview Widget**
   * Setelah memilih attribute, bagian preview akan menampilkan contoh hasil widget:
     * **Metrics** → Menampilkan angka sesuai attribute.
     * **Line Graph** → Menampilkan grafik garis lengkap dengan warna dan nilai-nilai tiap attribute.
   * Gunakan preview ini untuk memastikan attribute dan tipe widget sudah sesuai sebelum disimpan.
5. **Menambahkan Widget ke Dashboard**
   * Setelah semua konfigurasi terisi, klik tombol **Add Widget** di bagian bawah panel.
   * Widget akan langsung muncul di area dashboard sesuai ukuran default.
6. **Mengatur Posisi & Ukuran Widget**
   * Semua widget dapat:
     * **Dipindahkan** ke posisi lain dengan drag & drop.
     * **Diubah ukurannya** menggunakan handle resize di pojok widget.
   * Kamu bebas mengatur layout sesuai kebutuhan tim atau tampilan laporan yang diinginkan.
7. **Mengedit atau Menghapus Widget**
   * Pada setiap widget terdapat tiga tombol aksi:
     * **Edit** → Mengubah nama, attribute, atau tipe widget.
     * **Duplicate** → Menyalin widget untuk digunakan kembali.
     * **Delete** → Menghapus widget dari dashboard.