@php
    $charts = $insights['charts'];
    $quality = $insights['quality'];
    $group = $insights['group_context'];
    $financial = $insights['financial'];
@endphp

@if($group)
    <div class="row g-3 mb-4">
        <div class="col-sm-6 col-lg-3">
            <div class="chm-child-stat-chip">
                <span class="label">Farmers in group</span>
                <strong>{{ number_format($group['total_farmers']) }}</strong>
                <small>{{ $group['group_name'] }}</small>
            </div>
        </div>
        <div class="col-sm-6 col-lg-3">
            <div class="chm-child-stat-chip">
                <span class="label">Group avg deliveries</span>
                <strong>{{ $group['avg_grns'] }}</strong>
                <small>per active farmer</small>
            </div>
        </div>
        <div class="col-sm-6 col-lg-3">
            <div class="chm-child-stat-chip">
                <span class="label">This farmer's deliveries</span>
                <strong>{{ $group['farmer_grns'] }}</strong>
                <small>Rank #{{ $group['delivery_rank'] }} in group</small>
            </div>
        </div>
        <div class="col-sm-6 col-lg-3">
            <div class="chm-child-stat-chip">
                <span class="label">Delivery percentile</span>
                <strong>{{ $group['delivery_percentile'] }}th</strong>
                <small>vs {{ $group['farmers_with_deliveries'] }} delivering farmers</small>
            </div>
        </div>
    </div>
@endif

<div class="row g-3 mb-4">
    <div class="col-sm-6 col-lg-3">
        <div class="chm-child-stat-chip">
            <span class="label">Avg moisture content</span>
            <strong>{{ $quality['avg_moisture'] !== null ? $quality['avg_moisture'].'%' : '—' }}</strong>
        </div>
    </div>
    <div class="col-sm-6 col-lg-3">
        <div class="chm-child-stat-chip">
            <span class="label">Avg out turn</span>
            <strong>{{ $quality['avg_out_turn'] !== null ? $quality['avg_out_turn'].'%' : '—' }}</strong>
        </div>
    </div>
    <div class="col-sm-6 col-lg-3">
        <div class="chm-child-stat-chip">
            <span class="label">Total bags delivered</span>
            <strong>{{ number_format($quality['total_bags'], 0) }}</strong>
            <small>avg {{ $quality['avg_bags'] ?? '—' }} per GRN</small>
        </div>
    </div>
    <div class="col-sm-6 col-lg-3">
        <div class="chm-child-stat-chip">
            <span class="label">Lifetime net pay</span>
            <strong>{{ number_format($financial['total_net_pay']) }}</strong>
            <small>{{ $financial['voucher_paid_count'] }} paid voucher(s)</small>
        </div>
    </div>
</div>

<div class="row g-4">
    <div class="col-lg-8">
        <x-chm.form-section title="Monthly cherry deliveries" description="FAQ, ungraded and kiboko (kg) over the last 18 months." icon="bx bx-line-chart" :collapsible="false">
            <div class="chm-chart-canvas">
                <canvas id="farmerChartMonthly"></canvas>
            </div>
        </x-chm.form-section>
    </div>
    <div class="col-lg-4">
        <x-chm.form-section title="Coffee type mix" description="Share of deliveries by cherry type." icon="bx bx-pie-chart-alt" :collapsible="false">
            <div class="chm-chart-canvas-pie mx-auto" style="max-width:260px;">
                <canvas id="farmerChartCoffeeTypes"></canvas>
            </div>
            @if(empty($charts['coffee_types']['labels']))
                <p class="text-muted small text-center mb-0 mt-2">No delivery type data yet.</p>
            @endif
        </x-chm.form-section>
    </div>
</div>

<div class="row g-4 mt-1">
    <div class="col-lg-6">
        <x-chm.form-section title="Deliveries by year" description="FAQ volume and delivery count." icon="bx bx-bar-chart-alt-2" :collapsible="false">
            <div class="chm-chart-canvas-sm">
                <canvas id="farmerChartYearly"></canvas>
            </div>
        </x-chm.form-section>
    </div>
    <div class="col-lg-6">
        <x-chm.form-section title="Grade breakdown" description="Total graded FAQ (kg) by screen size." icon="bx bx-grid-alt" :collapsible="false">
            <div class="chm-chart-canvas-sm">
                <canvas id="farmerChartGrades"></canvas>
            </div>
            @if(empty($charts['grade_breakdown']['labels']))
                <p class="text-muted small mb-0 mt-2">No graded coffee recorded yet.</p>
            @endif
        </x-chm.form-section>
    </div>
</div>

<div class="row g-4 mt-1">
    <div class="col-lg-6">
        <x-chm.form-section title="Payments by year" description="Net pay vs deductions from payment vouchers." icon="bx bx-money" :collapsible="false">
            <div class="chm-chart-canvas-sm">
                <canvas id="farmerChartPayments"></canvas>
            </div>
            @if(empty($charts['payments_yearly']['labels']))
                <p class="text-muted small mb-0 mt-2">No payment voucher history yet.</p>
            @endif
        </x-chm.form-section>
    </div>
    <div class="col-lg-6">
        <x-chm.form-section title="Voucher status" description="Current state of all payment vouchers." icon="bx bx-receipt" :collapsible="false">
            <div class="chm-chart-canvas-sm">
                <canvas id="farmerChartVoucherStatus"></canvas>
            </div>
            @if(empty($charts['voucher_status']['labels']))
                <p class="text-muted small mb-0 mt-2">No vouchers on file.</p>
            @endif
        </x-chm.form-section>
    </div>
</div>

@if(!empty($charts['advance_types']['labels']))
    <x-chm.form-section title="Advances by type" description="Approved vs remaining balance by advance category." icon="bx bx-credit-card" class="mt-4" :collapsible="false">
        <div class="chm-chart-canvas-sm">
            <canvas id="farmerChartAdvances"></canvas>
        </div>
    </x-chm.form-section>
@endif

<x-chm.form-section title="Financial snapshot" icon="bx bx-wallet" class="mt-4" :collapsible="false">
    <div class="row g-3">
        <div class="col-md-4">
            <ul class="chm-child-meta-list mb-0">
                <li><span>Gross subtotal (vouchers)</span><strong>{{ number_format($financial['total_subtotal']) }}</strong></li>
                <li><span>Total deductions</span><strong>{{ number_format($financial['total_deductions']) }}</strong></li>
                <li><span>Net pay received</span><strong>{{ number_format($financial['total_net_pay']) }}</strong></li>
            </ul>
        </div>
        <div class="col-md-4">
            <ul class="chm-child-meta-list mb-0">
                <li><span>Advances approved</span><strong>{{ number_format($financial['total_advance_approved']) }}</strong></li>
                <li><span>Advances paid out</span><strong>{{ number_format($financial['total_advance_paid']) }}</strong></li>
                <li><span>Advance remaining</span><strong>{{ number_format($financial['total_advance_remaining']) }}</strong></li>
            </ul>
        </div>
        <div class="col-md-4">
            @php $grades = $quality['grades']; @endphp
            <ul class="chm-child-meta-list mb-0">
                @foreach($grades as $label => $kg)
                    @if($kg > 0)
                        <li><span>Grade {{ $label }}</span><strong>{{ number_format($kg, 1) }} kg</strong></li>
                    @endif
                @endforeach
                @if(collect($grades)->sum() <= 0)
                    <li><span>Graded coffee</span><strong>—</strong></li>
                @endif
            </ul>
        </div>
    </div>
</x-chm.form-section>