# Back Office — Report (Məhsullar)

Statistikalar → Hesabatlar → Məhsullar hesabatı. İstehsalat client panel-i ilə 1:1.

## Layout

- **Sol naviqasiya** — 184px, arxa fon `#1f274f`. Yuxarıda Clopos loqosu + kollaps düyməsi, aşağıda filial pikeri («Filial: Agseher»). Sonra menyu ağacı 8 bölmə ilə: Statistikalar (açıq, «Hesabatlar» aktiv), Satış, Maliyyə, Menyu, QR menyu, Marketinq, Inventar, Ayarlar. Hər menyu üzərində sətirdə ikon + adı.
- **Sağ hissə** — ağ arxa fon:
  - Yuxarı bar: breadcrumbs / səhifə başlığı, sağda user meni.
  - Filtr paneli: filial multi-select, tarix aralığı (default 2026-06-28 → 2026-07-04), «Yenilə» düyməsi.
  - Alt-hesabat tabları: Məhsullar (aktiv), Kateqoriyalar, Modifikatorlar, Şöbələr, Satış üsulları, Ödəmə üsulları, İşçilər.
  - Cədvəl başlıqları: № · Məhsul · Kateqoriya · Satılıb (say) · Vahid qiymət · Ümumi satış · Maya · Gəlir · Marja %.
  - Sayfalama + səhifə sayı.

## Interactivity

- Menu dropdown-lar açılır/bağlanır (parent klik).
- Alt-hesabat tabları klikdə aktiv olur (URL simulyasiyasız).
- Cədvəl sətirlərinin hover state-i.
- Filtr paneli: date-range picker açılır (statik göstərici).

## Variants

| Variant | Status | Source |
|---|---|---|
| a-report | as-is | istehsalat DOM snapshot (Chrome «Save Page As» → JS çıxarılıb, CSS bundle + GoogleSans/Inter fontlar `variants/assets/`-də lokal) |

**Qeydlər:** statik snapshot-dur — dropdown/click işləmir (React JS qəsdən çıxarılıb ki, boş root-a re-render edib səhifəni silməsin). Redizayn eskizləri üçün bu snapshot-un üzərində yeni variant açın (b-, c-…).