{{-- Shared price matrix (full list or single-product). Expects $matrix, optional $mode = full|product, optional $defaultTab --}}
@php
    $mode = $mode ?? 'full';
    $currency = $matrix['price_list']->currency;
    $currencyCode = $currency?->code ?? 'USD';
    $annualPct = round($matrix['annual_rate'] * 100, 2);
    $hourly = (float) $matrix['hourly_rate'];
    $defaultTab = $defaultTab ?? (count($matrix['subscription']) ? 'sp' : 'pp');
    if ($mode === 'product' && ! count($matrix['subscription']) && count($matrix['perpetual'])) {
        $defaultTab = 'pp';
    }
    $packagedTerms = $matrix['description']?->packagedHtml($currencyCode) ?: '';
    $subscriptionTerms = $matrix['description']?->subscriptionHtml($currencyCode) ?: '';
@endphp

<div class="price-tabs" data-price-tabs data-default-tab="{{ $defaultTab }}">
    <div class="price-tabs__nav" role="tablist" aria-label="Price categories">
        <button type="button" class="price-tabs__tab" role="tab" id="price-tab-sp" data-tab="sp" aria-controls="price-panel-sp" aria-selected="false">Subscription Licensing</button>
        <button type="button" class="price-tabs__tab" role="tab" id="price-tab-pp" data-tab="pp" aria-controls="price-panel-pp" aria-selected="false">Perpetual Licensing</button>
        @if ($mode === 'full')
            <button type="button" class="price-tabs__tab" role="tab" id="price-tab-custdev" data-tab="custdev" aria-controls="price-panel-custdev" aria-selected="false">Custom Development</button>
            <a class="price-tabs__tab price-tabs__tab--link" href="{{ route('public.howtobuy') }}">How To Order</a>
        @endif
    </div>

    <div class="price-tabs__panel" role="tabpanel" id="price-panel-sp" data-panel="sp" aria-labelledby="price-tab-sp" hidden>
        <header class="price-panel__intro">
            <h3 class="price-panel__title">Subscription Licensing</h3>
            <p class="price-panel__meta">Prices in {{ $currencyCode }} · Setup rate {{ $currency?->format($hourly) }} / hour</p>
        </header>

        @if ($subscriptionTerms !== '')
            <div class="price-terms price-terms--nested cms-prose">{!! $subscriptionTerms !!}</div>
        @endif

        <div class="table-responsive">
            <table class="price-table">
                <thead>
                    <tr>
                        <th>Product</th>
                        <th>Annual fee</th>
                        <th>Suggested Setup &amp;<br>Implementation Services</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse ($matrix['subscription'] as $row)
                        <tr>
                            <td>
                                <div class="price-product">
                                    <strong>
                                        @if (! empty($row['has_product_page']) && $row['code'] !== '')
                                            <a href="{{ route('public.products.show', $row['code']) }}#prices">{{ $row['name'] }}</a>
                                        @else
                                            {{ $row['name'] }}
                                        @endif
                                    </strong>
                                    @if (($row['line2'] ?? '') !== '')
                                        <span class="price-product__line2">{{ $row['line2'] }}</span>
                                    @endif
                                </div>
                            </td>
                            <td class="text-end">{{ $currency?->format($row['price']) }}</td>
                            <td>
                                @if ($row['setup_hours'] > 0)
                                    <span class="price-setup">{{ (int) $row['setup_hours'] }} {{ (int) $row['setup_hours'] === 1 ? 'Hour' : 'Hours' }} = {{ $currency?->format($row['setup_amount']) }}</span>
                                    <span @class(['price-setup-flag', 'is-mandatory' => $row['setup_required']])>{{ $row['setup_label'] }}</span>
                                @else
                                    <span class="is-empty">—</span>
                                @endif
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="3" class="is-empty">No subscription prices for this {{ $mode === 'product' ? 'product' : 'list' }}.</td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>

    <div class="price-tabs__panel" role="tabpanel" id="price-panel-pp" data-panel="pp" aria-labelledby="price-tab-pp" hidden>
        <header class="price-panel__intro">
            <h3 class="price-panel__title">Perpetual Licensing</h3>
            <p class="price-panel__meta">
                Prices in {{ $currencyCode }}
                · Cover {{ $annualPct }}% of license fee annually
                · Setup rate {{ $currency?->format($hourly) }} / hour
            </p>
        </header>

        @if ($packagedTerms !== '')
            <div class="price-terms price-terms--nested cms-prose">{!! $packagedTerms !!}</div>
        @endif

        <div class="table-responsive">
            <table class="price-table">
                <thead>
                    <tr>
                        <th>Product</th>
                        <th>License fee</th>
                        <th>SYSTRONICS Software Assurance</th>
                        <th>Suggested Setup &amp;<br>Implementation Services</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse ($matrix['perpetual'] as $row)
                        <tr>
                            <td>
                                <div class="price-product">
                                    <strong>
                                        @if (! empty($row['has_product_page']) && $row['code'] !== '')
                                            <a href="{{ route('public.products.show', $row['code']) }}#prices">{{ $row['name'] }}</a>
                                        @else
                                            {{ $row['name'] }}
                                        @endif
                                    </strong>
                                    @if (($row['line2'] ?? '') !== '')
                                        <span class="price-product__line2">{{ $row['line2'] }}</span>
                                    @endif
                                </div>
                            </td>
                            <td class="text-end">{{ $currency?->format($row['price']) }}</td>
                            <td class="text-end">{{ $currency?->format($row['cover_amount']) }}</td>
                            <td>
                                @if ($row['setup_hours'] > 0)
                                    <span class="price-setup">{{ (int) $row['setup_hours'] }} {{ (int) $row['setup_hours'] === 1 ? 'Hour' : 'Hours' }} = {{ $currency?->format($row['setup_amount']) }}</span>
                                    <span @class(['price-setup-flag', 'is-mandatory' => $row['setup_required']])>{{ $row['setup_label'] }}</span>
                                @else
                                    <span class="is-empty">—</span>
                                @endif
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="4" class="is-empty">No perpetual prices for this {{ $mode === 'product' ? 'product' : 'list' }}.</td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>

        <div class="price-footnote">
            <p><strong>* Mandatory Setup &amp; Implementation Services</strong></p>
            <ul>
                <li>For specific SYSTRONICS products, Setup &amp; Implementation Services by SYSTRONICS are Mandatory and must be included in your Purchase Order. Payment for the indicated number of hours is made in advance. Unutilized time is refunded.</li>
                <li>Mandatory services are waived when conducted by a consultant certified in the corresponding SYSTRONICS product.</li>
            </ul>
        </div>
    </div>

    @if ($mode === 'full')
        <div class="price-tabs__panel" role="tabpanel" id="price-panel-custdev" data-panel="custdev" aria-labelledby="price-tab-custdev" hidden>
            <header class="price-panel__intro">
                <h3 class="price-panel__title">Custom Development</h3>
                <p class="price-panel__meta">Day rate for custom work in {{ $currencyCode }}</p>
            </header>

            <div class="price-custdev">
                <p class="price-custdev__rate">{{ $currency?->format($matrix['custom_dev_rate']) }} <span>per day</span></p>
                <ul class="price-list">
                    <li>Quoted against a written statement of work.</li>
                    <li>Travel and out-of-pocket expenses are billed separately when applicable.</li>
                    <li>Contact <a href="mailto:sales@systronics.com">sales@systronics.com</a> to scope an engagement.</li>
                </ul>
            </div>

            <div class="price-split">
                <section class="price-panel">
                    <header class="price-panel__head"><h3>Bespoke / Utility</h3></header>
                    <p class="price-panel__note">Call for pricing.</p>
                    <ul class="price-list">
                        @forelse ($matrix['bespoke'] as $product)
                            <li><a href="{{ route('public.products.show', $product) }}">{{ $product->name }}</a></li>
                        @empty
                            <li class="is-empty">None listed.</li>
                        @endforelse
                    </ul>
                </section>
                <section class="price-panel">
                    <header class="price-panel__head"><h3>Bespoke industry</h3></header>
                    <p class="price-panel__note">Call for pricing.</p>
                    <ul class="price-list">
                        @forelse ($matrix['industry'] as $product)
                            <li><a href="{{ route('public.products.show', $product) }}">{{ $product->name }}</a></li>
                        @empty
                            <li class="is-empty">None listed.</li>
                        @endforelse
                    </ul>
                </section>
            </div>
        </div>
    @endif
</div>