@php
    $fmt = fn ($n) => number_format((float) $n, 0);
    $summary = $summary ?? [];
    $priorSummary = $priorSummary ?? [];
    $comparison = $comparison ?? [];
    $insights = $insights ?? [];
    $operations = $operations ?? [];
    $flowChart = $flowChart ?? ['labels' => [], 'values' => []];
    $monthlyPurchases = $monthlyPurchases ?? array_fill(0, 12, 0);
    $monthLabels = ['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'];
    $heroTone = $insights['hero_tone'] ?? 'info';
    $toneMap = ['success' => 'success', 'warning' => 'warning', 'info' => 'primary', 'secondary' => 'secondary'];
    $heroClass = 'alert-' . ($toneMap[$heroTone] ?? 'primary');

    $pctBadge = function ($pct) {
        if ($pct === null) {
            return '<span class="text-muted">—</span>';
        }
        $up = $pct >= 0;
        $icon = $up ? 'bx-up-arrow-alt' : 'bx-down-arrow-alt';
        $cls = $up ? 'text-success' : 'text-danger';

        return '<span class="' . $cls . ' small fw-semibold"><i class="bx ' . $icon . '"></i> ' . number_format(abs($pct), 1) . '% vs prior year</span>';
    };
@endphp

<div id="stock-analytics-hero">
  <div class="alert {{ $heroClass }} border-0 shadow-sm mb-3">
    <div class="d-flex flex-wrap align-items-start gap-3">
      <div class="fs-3 mb-0"><i class="bx bx-bulb"></i></div>
      <div class="flex-grow-1">
        <div class="fw-semibold mb-1">Insight for {{ $year }}</div>
        <p class="mb-0">{{ $insights['hero'] ?? '' }}</p>
        @foreach($insights['alerts'] ?? [] as $alert)
          <p class="mb-0 mt-2 small">
            <i class="bx bx-error-circle me-1"></i>{{ $alert['text'] }}
          </p>
        @endforeach
      </div>
    </div>
  </div>
</div>

<div id="stock-analytics-management">
  <div class="row g-3 mb-4">
    <div class="col-lg-5">
      <div class="card chm-card border-0 shadow-sm h-100">
        <div class="card-body text-center d-flex flex-column justify-content-center py-4">
          <div class="text-muted small text-uppercase fw-semibold mb-2">Management headline</div>
          <div class="stock-figure fw-bold text-primary">{{ $fmt($summary['total_on_hand'] ?? 0) }} <span class="stock-figure-unit fw-normal text-muted">kg</span></div>
          <p class="text-muted small mb-0 mt-2">{{ $insights['management_sub'] ?? '' }}</p>
          <div class="mt-3">{!! $pctBadge($comparison['total_on_hand_pct'] ?? null) !!}</div>
        </div>
      </div>
    </div>
    <div class="col-lg-7">
      <div class="card chm-card border-0 shadow-sm h-100">
        <div class="card-body">
          <x-chm.section-title icon="bx bx-bar-chart-alt-2" title="FAQ flow ({{ $year }})" class="mb-3" />
          <div style="height: 220px;">
            <canvas id="stockFlowChart" aria-label="Purchased vs sold vs transferred vs on hand"></canvas>
          </div>
          <p class="small text-muted mb-0 mt-2">Purchased FAQ compared with outbound sales, beverage transfers, and estimated stock still on hand.</p>
        </div>
      </div>
    </div>
  </div>

  @if(($insights['screen18_months_supply'] ?? null) !== null)
    <div class="alert alert-light border mb-4">
      <i class="bx bx-time-five me-1"></i>
      At current Screen 18 sales pace, roughly <strong>{{ $insights['screen18_months_supply'] }} months</strong> of graded stock remain.
    </div>
  @endif

  <x-chm.section-title icon="bx bx-line-chart" title="FAQ purchases by month ({{ $year }})" class="mb-3" />
  <div class="card chm-card border-0 shadow-sm mb-4">
    <div class="card-body">
      <div style="height: 240px;">
        <canvas id="stockMonthlyChart" aria-label="Monthly FAQ purchases"></canvas>
      </div>
    </div>
  </div>

  <x-chm.section-title icon="bx bx-transfer-alt" title="Year-over-year ({{ $year }} vs {{ $year - 1 }})" class="mb-3" />
  <div class="row row-cols-1 row-cols-md-2 row-cols-xl-4 g-3 mb-4">
    @foreach([
      ['Cumulative coffee stock', 'cumulative_coffee_stock', 'kg', 'primary'],
      ['Total MC deduction', 'total_mc_deduction', 'kg', 'info'],
      ['Cumulative Screen 18', 'cumulative_screen18_stock', 'kg', 'success'],
      ['FAQ purchased', 'faq_purchased', 'kg', 'primary'],
      ['Coffee sold', 'gross_sold', 'kg', 'success'],
      ['To beverage', 'transferred_out', 'kg', 'info'],
      ['On hand (est.)', 'total_on_hand', 'kg', 'warning'],
    ] as [$label, $key, $unit, $color])
      @php
        $value = str_starts_with($key, 'cumulative_') || $key === 'total_mc_deduction'
            ? ($operations[$key] ?? 0)
            : ($summary[$key] ?? 0);
        $priorValue = str_starts_with($key, 'cumulative_') || $key === 'total_mc_deduction'
            ? null
            : ($priorSummary[$key] ?? 0);
        $pct = str_starts_with($key, 'cumulative_') || $key === 'total_mc_deduction'
            ? null
            : ($comparison[$key . '_pct'] ?? null);
      @endphp
      <div class="col">
        <div class="card chm-card h-100 border-0 shadow-sm">
          <div class="card-body">
            <div class="text-muted small">{{ $label }}</div>
            <div class="stock-figure fw-bold text-{{ $color }}">{{ $fmt($value) }} <span class="stock-figure-unit fw-normal text-muted">{{ $unit }}</span></div>
            @if($priorValue !== null)
              <div class="small text-muted">{{ $year - 1 }}: {{ $fmt($priorValue) }} {{ $unit }}</div>
              <div class="mt-1">{!! $pctBadge($pct) !!}</div>
            @endif
          </div>
        </div>
      </div>
    @endforeach
  </div>
</div>

<div id="stock-analytics-finance">
  <div class="row row-cols-1 row-cols-md-2 row-cols-xl-4 g-3 mb-4">
    <div class="col">
      <div class="card chm-card h-100 border-0 shadow-sm">
        <div class="card-body">
          <div class="text-muted small">FAQ purchased from farmers</div>
          <div class="stock-figure fw-bold text-primary">{{ $fmt($summary['faq_purchased'] ?? 0) }} <span class="stock-figure-unit fw-normal text-muted">kg</span></div>
          <div class="small text-muted mt-1">{!! $pctBadge($comparison['faq_purchased_pct'] ?? null) !!}</div>
          @can('payment_valuation_final.view')
            <a href="{{ route('all.payment.vouchers') }}" class="small">Open payment vouchers</a>
          @endcan
        </div>
      </div>
    </div>
    <div class="col">
      <div class="card chm-card h-100 border-0 shadow-sm">
        <div class="card-body">
          <div class="text-muted small">MC deducted at purchase</div>
          <div class="stock-figure fw-bold">{{ $fmt($summary['mc_deducted_at_purchase'] ?? 0) }} <span class="stock-figure-unit fw-normal text-muted">kg</span></div>
          <div class="small text-muted mt-1">{!! $pctBadge($comparison['mc_deducted_pct'] ?? null) !!}</div>
        </div>
      </div>
    </div>
    <div class="col">
      <div class="card chm-card h-100 border-0 shadow-sm">
        <div class="card-body">
          <div class="text-muted small">MC still in stock</div>
          <div class="stock-figure fw-bold text-info">{{ $fmt($summary['mc_remaining_in_stock'] ?? 0) }} <span class="stock-figure-unit fw-normal text-muted">kg</span></div>
          <div class="small text-muted mt-1">Moisture not yet released through sales.</div>
        </div>
      </div>
    </div>
    <div class="col">
      <div class="card chm-card h-100 border-0 shadow-sm">
        <div class="card-body">
          <div class="text-muted small">Coffee sold (gross)</div>
          <div class="stock-figure fw-bold">{{ $fmt($summary['gross_sold'] ?? 0) }} <span class="stock-figure-unit fw-normal text-muted">kg</span></div>
          <div class="small text-muted mt-1">{!! $pctBadge($comparison['gross_sold_pct'] ?? null) !!}</div>
          @can('coffee_sales.view')
            <a href="{{ route('coffee.sales.index') }}" class="small">View all sales</a>
          @endcan
        </div>
      </div>
    </div>
  </div>

  <div class="alert alert-light border mb-0">
    <div class="d-flex gap-3">
      <div class="text-primary fs-4"><i class="bx bx-info-circle"></i></div>
      <div class="small">
        <strong>How green bean stock flows</strong>
        <ol class="mb-0 mt-2 ps-3">
          <li><strong>Purchase</strong> — GRN &amp; payment voucher record FAQ weight after moisture adjustment.</li>
          <li><strong>Processing</strong> — Raw stock milled into Screen 18 or processed ungraded lots.</li>
          <li><strong>Sale / transfer</strong> — Sold to buyers or transferred to the beverage unit.</li>
        </ol>
      </div>
    </div>
  </div>
</div>

@php
    $chartData = [
        'flow' => $flowChart,
        'monthly' => ['labels' => $monthLabels, 'values' => $monthlyPurchases],
    ];
@endphp
<script type="application/json" id="stock-chart-data">@json($chartData)</script>