# Page Review — <PAGE NAME>

- **Route(s):** `/...`
- **Views:** `frontend/views/.../*.php`
- **Controller / services:** `frontend/controllers/...Controller.php` · `frontend/components/...`
- **Demo reference:** `../Navagoo_MI` screen `#/...` · parity doc `ai_specs/07_DEMO_PARITY/...`
- **Reviewed:** <date> · **Status:** 🔍 / ✅

## 1. Element inventory (Map)
Every interactive element on the page + what it should do.

| Ref | Element | Type | Expected action | Leads to |
|-----|---------|------|-----------------|----------|
| | | button/link/form/modal/tab/filter/row-action | | page/modal/endpoint |

## 2. Design findings (placement, hierarchy, RTL, states, responsive)
| # | What | Expected (demo/spec) | Actual | Severity | Evidence |
|---|------|-----------------------|--------|----------|----------|
| | | | | CRIT/HIGH/MED/LOW | screenshot id |

## 3. Logic findings (does every action actually work?)
| # | Action | Steps | Expected | Actual | Severity | Evidence |
|---|--------|-------|----------|--------|----------|----------|
| | | click/fill … | success/validation/error | | | console/network |

## 4. Code trace (the page/action behind it)
- Action → controller method → service → DB/endpoint. Note risks (auth, validation, state change, N+1, mass-assignment).

## 5. Fixes applied
| Issue | File:line | Change | Re-verified |
|-------|-----------|--------|-------------|
| | | | ✅ in Chrome |

## 6. Sign-off
- [ ] Design matches demo/spec (or deltas accepted)
- [ ] Every action triggered & works (success + error paths)
- [ ] Nested pages/modals one level deep covered
- [ ] Both languages / key breakpoints checked
- [ ] Fixes re-verified live; CSS rebuilt if classes changed