# OLD PROFITABILITY PAGE - ANALYSIS INDEX

**Date:** November 2, 2025
**Analyst:** Claude Code
**Task:** Analyze OLD profitability page collapsed row structure

---

## QUICK ANSWER

**Question:** Does the OLD profitability page show "Standard" AND "Calculated" values in collapsed rows?

**Answer:** **NO** - The OLD page shows **ONLY ONE set of values** per metric in collapsed view. There are NO "Standard" or "Calculated" labels. Each financial metric displays a single value only.

---

## FILES CREATED (6 Total)

### 📄 1. QUICK_REFERENCE_OLD_PAGE.txt (12 KB)
**Purpose:** Fast lookup reference card
**Contains:**
- Critical answer highlighted
- 6 financial metrics listed
- Exact labels to use
- Value types and formatting
- Color coding rules
- HTML structure example
- Implementation checklist

**Use this when:** You need a quick reminder of the exact structure

---

### 📊 2. ANALYSIS_SUMMARY_OLD_PAGE.md (7.8 KB)
**Purpose:** Executive summary and recommendations
**Contains:**
- Key findings
- Field structure breakdown
- Layout diagrams
- Technical details (CSS classes)
- Real example order data
- Recommendations for matching in new page

**Use this when:** You need a comprehensive overview with context

---

### 📋 3. OLD_PAGE_EXACT_LAYOUT.md (6.3 KB)
**Purpose:** Detailed technical documentation
**Contains:**
- Complete HTML structure analysis
- Line-by-line field breakdown
- HTML code snippets
- All 6 sections of collapsed row
- Expanded view reference
- Critical observations

**Use this when:** You need exact HTML structure and implementation details

---

### 🎨 4. OLD_PAGE_VISUAL_GUIDE.txt (5.6 KB)
**Purpose:** Visual ASCII art representation
**Contains:**
- ASCII diagrams of layout
- Visual grid showing 6 metrics
- Pseudo-code examples
- Comparison notes for new page
- Example output format

**Use this when:** You need a visual understanding of the layout

---

### 💾 5. old-page-exact-data.json (4.7 KB)
**Purpose:** Structured machine-readable data
**Contains:**
- Complete JSON structure
- Field definitions
- CSS class mappings
- Example order data
- Layout patterns

**Use this when:** You need to programmatically parse the structure

---

### 🖼️ 6. old-page-exact-collapsed-row.png (18 KB)
**Purpose:** Visual screenshot reference
**Contains:**
- Actual screenshot of collapsed rows
- Visual styling reference

**Use this when:** You need to see the actual visual appearance

---

## DIRECTORY LOCATION

All files are located in:
```
/home/centralgoparts/public_html/
```

---

## KEY FINDINGS SUMMARY

### Financial Metrics in Collapsed Row (6 Total)

| # | Label | Value Type | Color Coded | Example |
|---|-------|------------|-------------|---------|
| 1 | Sale | Currency | No | $332.95 |
| 2 | Cost | Currency | No | $309.14 |
| 3 | COGS | Currency | No | $396.51 |
| 4 | COGS % | Percentage | No | 119.1% |
| 5 | Gross Margin | Currency | **Yes** | $56.71 |
| 6 | Gross Profit | Percentage | **Yes** | -17.0% |

### Critical Points

✅ **Single value display** - No dual "Standard vs Calculated"
✅ **6 metrics total** - Sale, Cost, COGS, COGS %, Gross Margin, Gross Profit
✅ **Color coding** - Only on Gross Margin and Gross Profit (red for negative)
✅ **Grid layout** - Label above value for each metric
✅ **Exact labels** - Must use specific label text (e.g., "Sale" not "Sales")

---

## HTML STRUCTURE AT A GLANCE

```html
<div class="financial-summary">
  <div class="financial-metric">
    <div class="label">Sale</div>
    <div class="value">$332.95</div>
  </div>
  <div class="financial-metric">
    <div class="label">Cost</div>
    <div class="value">$309.14</div>
  </div>
  <!-- ... 4 more metrics -->
</div>
```

---

## COMPARISON WITH NEW PAGE

If your **NEW** page shows:
- "Standard" and "Calculated" labels side by side
- Dual values for each metric
- Different metric structure

Then it is **DIFFERENT** from the OLD page.

To **MATCH** the OLD page exactly:
- Remove dual value display
- Show single values only
- Use exact same 6 labels
- Apply color coding to Gross Margin and Gross Profit only

---

## SOURCE DATA

Analysis was performed on:
- **File:** `/home/centralgoparts/public_html/profit-old-full.html`
- **Page:** https://ops.go-parts.com/profitability/indexImproved
- **Date Range:** August 1-31, 2025
- **Sample Order:** #112-6957509-5203444 (Order ID 230697)

**Note:** Analysis used existing HTML snapshot because live site currently has login controller error.

---

## NEXT STEPS

1. **Review** the QUICK_REFERENCE_OLD_PAGE.txt for fast lookup
2. **Read** ANALYSIS_SUMMARY_OLD_PAGE.md for full context
3. **Compare** with your NEW page implementation
4. **Verify** using the checklist in QUICK_REFERENCE
5. **Reference** OLD_PAGE_EXACT_LAYOUT.md for HTML details
6. **Check** old-page-exact-collapsed-row.png for visual styling

---

## CONTACT

For questions about this analysis, refer to the individual files which contain detailed explanations and examples.

All files are timestamped November 2, 2025 and represent the exact structure of the OLD profitability page as of that date.