@php
    $statusMeta = [
        'draft'     => ['label' => __('Draft'),             'color' => 'slate'],
        'sent'      => ['label' => __('Out for Quotation'), 'color' => 'indigo'],
        'closed'    => ['label' => __('Closed'),            'color' => 'amber'],
        'awarded'   => ['label' => __('Awarded'),           'color' => 'emerald'],
        'cancelled' => ['label' => __('Cancelled'),         'color' => 'slate'],
    ];
    $seatMeta = [
        'invited'      => ['label' => __('Invited'),      'color' => 'slate',   'icon' => 'paper-airplane'],
        'viewed'       => ['label' => __('Viewed'),       'color' => 'sky',     'icon' => 'eye'],
        'submitted'    => ['label' => __('Quoted'),       'color' => 'indigo',  'icon' => 'check'],
        'declined'     => ['label' => __('No bid'),       'color' => 'amber',   'icon' => 'x-mark'],
        'awarded'      => ['label' => __('Awarded'),      'color' => 'emerald', 'icon' => 'check-circle'],
        'not_selected' => ['label' => __('Not selected'), 'color' => 'slate',   'icon' => 'minus'],
    ];

    $money = fn ($v) => $baseCode . ' ' . number_format((float) $v, 2);
    $qty = fn ($v) => rtrim(rtrim(number_format((float) $v, 2), '0'), '.');

    $deadline = $rfq->response_deadline;
    $bids = $comparison['bids'];
    // The floor: what the basket would cost buying each line from whoever is
    // cheapest on it. The gap to the winning single-supplier bid is the price
    // of the convenience of one order.
    $cherry = $comparison['cherryPickTotal'];
    $best = $comparison['bestTotal'];
@endphp

<div class="px-4 py-8 sm:px-6 lg:px-8">
    <div class="mx-auto max-w-7xl space-y-6">

        {{-- Back link --}}
        <a href="{{ route('purchasing.rfqs') }}" wire:navigate class="inline-flex items-center gap-1 text-xs font-medium text-slate-500 transition hover:text-slate-700">
            <x-icon name="chevron-left" class="h-3.5 w-3.5" />
            {{ __('All RFQs') }}
        </a>

        {{-- Header --}}
        <x-page-header :title="$rfq->rfq_number" :subtitle="$rfq->title ?: __('Request for quotation')">
            <a href="{{ route('rfqs.preview', $rfq) }}" target="_blank" rel="noopener">
                <x-secondary-button type="button">
                    <x-icon name="eye" class="-ms-1 me-1.5 h-4 w-4 text-slate-400" />
                    {{ __('Preview') }}
                </x-secondary-button>
            </a>
            <x-notes-button :for="$rfq" variant="button" />
            @if ($canManage)
                @if ($rfq->status === 'draft')
                    <x-button wire:click="issue" wire:confirm="{{ __('Issue this RFQ and email the invited suppliers their quoting links?') }}" type="button">
                        <x-icon name="paper-airplane" class="-ms-1 me-1.5 h-4 w-4" />
                        {{ __('Issue RFQ') }}
                    </x-button>
                @elseif ($rfq->status === 'sent')
                    <x-secondary-button wire:click="remind" type="button">
                        <x-icon name="bell" class="-ms-1 me-1.5 h-4 w-4 text-slate-400" />
                        {{ __('Chase') }}
                    </x-secondary-button>
                    <x-button wire:click="openInvite" type="button">
                        <x-icon name="plus" class="-ms-1 me-1.5 h-4 w-4" />
                        {{ __('Invite supplier') }}
                    </x-button>
                @endif
            @endif
        </x-page-header>

        {{-- Status strip --}}
        <x-card class="p-4 sm:p-5">
            <div class="flex flex-wrap items-center gap-x-8 gap-y-4">
                <div>
                    <p class="text-[11px] font-semibold uppercase tracking-wider text-slate-400">{{ __('Status') }}</p>
                    <div class="mt-1.5">
                        <x-badge :color="$statusMeta[$rfq->status]['color'] ?? 'slate'">
                            {{ $statusMeta[$rfq->status]['label'] ?? $rfq->status_label }}
                        </x-badge>
                    </div>
                </div>

                <div>
                    <p class="text-[11px] font-semibold uppercase tracking-wider text-slate-400">{{ __('Responses close') }}</p>
                    @if ($deadline)
                        <p class="mt-1 text-sm font-semibold {{ $rfq->is_expired ? 'text-rose-600' : 'text-slate-900' }}">
                            {{ $deadline->format('j M Y, H:i') }}
                        </p>
                        <p class="text-xs {{ $rfq->is_expired ? 'text-rose-500' : 'text-slate-400' }}">
                            {{ $rfq->is_expired ? __('Deadline passed, links are locked') : $deadline->diffForHumans() }}
                        </p>
                    @else
                        <p class="mt-1 text-sm font-semibold text-slate-900">{{ __('Open-ended') }}</p>
                    @endif
                    @if ($canManage && in_array($rfq->status, ['sent', 'closed'], true))
                        <button wire:click="extendDeadline(7)" class="mt-1 text-xs font-medium text-indigo-600 transition hover:text-indigo-800">
                            {{ __('+7 days') }}
                        </button>
                    @endif
                </div>

                <div>
                    <p class="text-[11px] font-semibold uppercase tracking-wider text-slate-400">{{ __('Bids in') }}</p>
                    <p class="mt-1 text-sm font-semibold tabular-nums text-slate-900">
                        {{ count($bids) }}<span class="text-slate-400">/{{ $seats->count() }}</span>
                    </p>
                    <p class="text-xs text-slate-400">{{ trans_choice('{0}no items|{1}:count item|[2,*] :count items', $rfq->lines->count(), ['count' => $rfq->lines->count()]) }}</p>
                </div>

                @if ($best > 0)
                    <div>
                        <p class="text-[11px] font-semibold uppercase tracking-wider text-slate-400">{{ __('Best single bid') }}</p>
                        <p class="mt-1 text-sm font-semibold tabular-nums text-emerald-600">{{ $money($best) }}</p>
                        @if ($cherry > 0 && $best - $cherry > 0.005)
                            <p class="text-xs text-slate-400">{{ __('Split across cheapest: :v', ['v' => $money($cherry)]) }}</p>
                        @endif
                    </div>
                @endif

                @if ($rfq->required_by)
                    <div>
                        <p class="text-[11px] font-semibold uppercase tracking-wider text-slate-400">{{ __('Required by') }}</p>
                        <p class="mt-1 text-sm font-semibold text-slate-900">{{ $rfq->required_by->format('j M Y') }}</p>
                    </div>
                @endif

                @if ($canManage && in_array($rfq->status, ['sent', 'closed'], true))
                    <div class="ms-auto flex items-center gap-3 text-sm font-medium">
                        @if ($rfq->status === 'sent')
                            <button wire:click="close" wire:confirm="{{ __('Close this RFQ to further quotations?') }}" class="text-amber-600 transition hover:text-amber-800">{{ __('Close to bids') }}</button>
                        @else
                            <button wire:click="reopen" class="text-sky-600 transition hover:text-sky-800">{{ __('Re-open') }}</button>
                        @endif
                    </div>
                @endif
            </div>
        </x-card>

        {{-- ============================================================= --}}
        {{-- Open tender: the public bidding link                           --}}
        {{-- ============================================================= --}}
        @if ($rfq->is_public && $rfq->public_url)
            <x-card class="overflow-hidden ring-sky-200">
                <div class="flex flex-col gap-4 p-4 sm:flex-row sm:items-center sm:justify-between sm:p-5">
                    <div class="flex items-start gap-3">
                        <span class="flex h-10 w-10 shrink-0 items-center justify-center rounded-xl bg-sky-100 text-sky-600">
                            <x-icon name="link" class="h-5 w-5" />
                        </span>
                        <div class="min-w-0">
                            <p class="text-sm font-bold text-slate-900">{{ __('Open tender — anyone can bid') }}</p>
                            <p class="text-xs text-slate-500">
                                {{ __('Share this link. Suppliers register themselves and are handed a private, sealed bidding form.') }}
                            </p>
                            <p class="mt-2 break-all rounded-lg bg-slate-50 px-3 py-2 font-mono text-xs text-slate-600">{{ $rfq->public_url }}</p>
                        </div>
                    </div>

                    <div class="flex shrink-0 items-center gap-3">
                        <div x-data="{ copied: false }">
                            <x-secondary-button type="button"
                                @click="navigator.clipboard.writeText('{{ $rfq->public_url }}').then(() => { copied = true; setTimeout(() => copied = false, 1800) })">
                                <x-icon name="link" class="-ms-1 me-1.5 h-4 w-4 text-slate-400" />
                                <span x-show="! copied">{{ __('Copy link') }}</span>
                                <span x-show="copied" x-cloak class="text-emerald-600">{{ __('Copied') }}</span>
                            </x-secondary-button>
                        </div>
                        <a href="{{ $rfq->public_url }}" target="_blank" rel="noopener">
                            <x-secondary-button type="button">
                                <x-icon name="eye" class="-ms-1 me-1.5 h-4 w-4 text-slate-400" />
                                {{ __('Preview') }}
                            </x-secondary-button>
                        </a>
                    </div>
                </div>

                @if ($canManage && $rfq->status !== 'awarded' && $rfq->status !== 'cancelled')
                    <div class="border-t border-slate-100 bg-slate-50/60 px-4 py-2.5 text-xs sm:px-5">
                        <button wire:click="toggleVisibility"
                                wire:confirm="{{ __('Make this invite-only? The public bidding page stops accepting new bidders. Bids already received are kept.') }}"
                                class="font-medium text-slate-500 transition hover:text-slate-700">
                            {{ __('Make this invite-only') }}
                        </button>
                    </div>
                @endif
            </x-card>
        @elseif ($canManage && $rfq->status !== 'awarded' && $rfq->status !== 'cancelled')
            <x-card class="flex flex-col gap-3 p-4 sm:flex-row sm:items-center sm:justify-between sm:p-5">
                <div class="flex items-start gap-3">
                    <span class="flex h-10 w-10 shrink-0 items-center justify-center rounded-xl bg-slate-100 text-slate-400">
                        <x-icon name="building-office" class="h-5 w-5" />
                    </span>
                    <div>
                        <p class="text-sm font-bold text-slate-900">{{ __('Invite-only tender') }}</p>
                        <p class="text-xs text-slate-500">{{ __('Only the suppliers below can bid. Open it up to advertise publicly and let any supplier register.') }}</p>
                    </div>
                </div>
                <x-secondary-button wire:click="toggleVisibility" type="button">
                    <x-icon name="link" class="-ms-1 me-1.5 h-4 w-4 text-sky-500" />
                    {{ __('Open to public bidding') }}
                </x-secondary-button>
            </x-card>
        @endif

        {{-- Award outcome --}}
        @if ($rfq->status === 'awarded')
            <div class="flex flex-col gap-3 rounded-2xl border border-emerald-200 bg-emerald-50 p-5 sm:flex-row sm:items-center sm:justify-between">
                <div class="flex items-start gap-3">
                    <span class="flex h-10 w-10 shrink-0 items-center justify-center rounded-xl bg-emerald-100 text-emerald-600">
                        <x-icon name="check-circle" class="h-5 w-5" />
                    </span>
                    <div>
                        <p class="text-sm font-bold text-emerald-900">{{ __('Awarded to :supplier', ['supplier' => $rfq->awardedSupplier?->name]) }}</p>
                        <p class="text-xs text-emerald-700">
                            {{ __('Awarded :when by :who', [
                                'when' => optional($rfq->awarded_at)->format('j M Y'),
                                'who' => $rfq->awarder?->name ?? __('the system'),
                            ]) }}
                        </p>
                    </div>
                </div>
                @if ($rfq->purchaseOrder)
                    <a href="{{ route('purchasing.orders', ['q' => $rfq->purchaseOrder->po_number]) }}" wire:navigate>
                        <x-secondary-button type="button">
                            <x-icon name="clipboard-document-list" class="-ms-1 me-1.5 h-4 w-4 text-slate-400" />
                            {{ __('Open :po', ['po' => $rfq->purchaseOrder->po_number]) }}
                        </x-secondary-button>
                    </a>
                @endif
            </div>
        @endif

        {{-- ============================================================= --}}
        {{-- Invited suppliers                                              --}}
        {{-- ============================================================= --}}
        <x-card class="overflow-hidden">
            <div class="flex flex-col gap-3 border-b border-slate-100 p-4 sm:flex-row sm:items-center sm:justify-between sm:p-5">
                <div>
                    <h2 class="text-base font-semibold text-slate-900">{{ __('Invited suppliers') }}</h2>
                    <p class="text-xs text-slate-400">{{ __('Each supplier holds a private link. Bidding is sealed, nobody sees anybody else’s prices.') }}</p>
                </div>
                @if ($canManage && $rfq->status !== 'awarded' && $rfq->status !== 'cancelled')
                    <x-secondary-button wire:click="openInvite" type="button">
                        <x-icon name="plus" class="-ms-1 me-1.5 h-4 w-4 text-slate-400" />
                        {{ __('Add supplier') }}
                    </x-secondary-button>
                @endif
            </div>

            @if ($seats->isEmpty())
                <div class="p-6">
                    <x-empty-state icon="building-office" :title="__('No suppliers invited yet')"
                        :message="__('Invite the suppliers you want to price this requirement.')"
                        class="border-0 bg-transparent py-0" />
                </div>
            @else
                <div class="grid grid-cols-1 divide-y divide-slate-100 lg:grid-cols-2 lg:divide-y-0">
                    @foreach ($seats as $seat)
                        @php $meta = $seatMeta[$seat->status] ?? $seatMeta['invited']; @endphp
                        <div wire:key="seat-{{ $seat->id }}"
                             class="border-b border-slate-100 p-4 sm:p-5 {{ $seat->is_shortlisted ? 'bg-amber-50/40' : '' }}">
                            <div class="flex items-start justify-between gap-3">
                                <div class="min-w-0">
                                    <p class="flex items-center gap-1.5 text-sm font-semibold text-slate-900">
                                        @if ($seat->is_shortlisted)
                                            <x-icon name="star" class="h-4 w-4 shrink-0 text-amber-500" />
                                        @endif
                                        <span class="truncate">{{ $seat->supplier?->name ?? __('Supplier') }}</span>
                                    </p>
                                    <p class="truncate text-xs text-slate-400">
                                        {{ $seat->contact_email ?: ($seat->supplier?->email ?: __('No email on file')) }}
                                    </p>
                                </div>
                                <div class="flex shrink-0 flex-col items-end gap-1">
                                    <x-badge :color="$meta['color']">{{ $meta['label'] }}</x-badge>
                                    @if ($seat->source === 'public')
                                        <span class="inline-flex items-center gap-1 rounded-full bg-sky-50 px-2 py-0.5 text-[10px] font-semibold uppercase tracking-wide text-sky-700">
                                            <x-icon name="link" class="h-3 w-3" />
                                            {{ __('Open tender') }}
                                        </span>
                                    @endif
                                </div>
                            </div>

                            {{-- Bid summary --}}
                            @if ($seat->has_responded)
                                <div class="mt-3 flex flex-wrap items-baseline gap-x-4 gap-y-1">
                                    <span class="text-lg font-bold tabular-nums text-slate-900">{{ $seat->currency_code }} {{ number_format((float) $seat->total, 2) }}</span>
                                    @if ($seat->currency_code !== $baseCode)
                                        <span class="text-xs text-slate-400">≈ {{ $money($seat->total_base) }}</span>
                                    @endif
                                    @if ($seat->lead_time_days !== null)
                                        <span class="text-xs text-slate-500">{{ __(':n day lead time', ['n' => $seat->lead_time_days]) }}</span>
                                    @endif
                                </div>
                            @elseif ($seat->status === 'declined')
                                <p class="mt-3 rounded-lg bg-amber-50 px-3 py-2 text-xs text-amber-800">
                                    {{ $seat->decline_reason ?: __('Declined to quote, no reason given.') }}
                                </p>
                            @else
                                <p class="mt-3 text-xs text-slate-400">
                                    @if ($seat->first_viewed_at)
                                        {{ __('Opened the link :when', ['when' => $seat->first_viewed_at->diffForHumans()]) }}
                                    @elseif ($seat->sent_at)
                                        {{ __('Emailed :when, not yet opened', ['when' => $seat->sent_at->diffForHumans()]) }}
                                    @else
                                        {{ __('Not yet sent') }}
                                    @endif
                                </p>
                            @endif

                            {{-- Private link + actions --}}
                            <div class="mt-3 flex flex-wrap items-center gap-x-4 gap-y-2 text-xs font-medium">
                                @if ($canManage)
                                    <div x-data="{ copied: false }" class="inline-flex">
                                        <button type="button"
                                                @click="navigator.clipboard.writeText('{{ $seat->portal_url }}').then(() => { copied = true; setTimeout(() => copied = false, 1800) })"
                                                class="inline-flex items-center gap-1 text-slate-500 transition hover:text-indigo-600">
                                            <x-icon name="link" class="h-3.5 w-3.5" />
                                            <span x-show="! copied">{{ __('Copy link') }}</span>
                                            <span x-show="copied" x-cloak class="text-emerald-600">{{ __('Copied') }}</span>
                                        </button>
                                    </div>

                                    @if (in_array($rfq->status, ['sent'], true))
                                        <button wire:click="resend({{ $seat->id }})" class="text-slate-500 transition hover:text-indigo-600">{{ __('Email link') }}</button>
                                    @endif

                                    @if ($rfq->is_awardable)
                                        <button wire:click="captureQuote({{ $seat->id }})" class="text-slate-500 transition hover:text-indigo-600">
                                            {{ $seat->has_responded ? __('Edit quote') : __('Key in quote') }}
                                        </button>
                                    @endif
                                @endif

                                @if ($seat->has_responded)
                                    <button wire:click="viewBid({{ $seat->id }})" class="text-indigo-600 transition hover:text-indigo-800">{{ __('View quotation') }}</button>
                                @endif

                                @if ($canManage && $seat->has_responded && $rfq->is_awardable)
                                    <button wire:click="toggleShortlist({{ $seat->id }})"
                                            class="inline-flex items-center gap-1 transition {{ $seat->is_shortlisted ? 'text-amber-600 hover:text-amber-800' : 'text-slate-500 hover:text-amber-600' }}">
                                        <x-icon name="star" class="h-3.5 w-3.5" />
                                        {{ $seat->is_shortlisted ? __('Shortlisted') : __('Shortlist') }}
                                    </button>
                                @endif

                                @if ($canManage && $rfq->is_awardable && $seat->status === 'submitted')
                                    <button wire:click="award({{ $seat->id }})"
                                            wire:confirm="{{ __('Award this RFQ to :supplier and raise a draft purchase order? This closes the RFQ to everyone else.', ['supplier' => $seat->supplier?->name]) }}"
                                            class="text-emerald-600 transition hover:text-emerald-800">{{ __('Award') }}</button>
                                @endif

                                @if ($canManage && ! $seat->has_responded && $seat->status !== 'declined' && $rfq->status !== 'awarded')
                                    <button wire:click="uninvite({{ $seat->id }})"
                                            wire:confirm="{{ __('Remove this supplier from the RFQ?') }}"
                                            class="ms-auto text-rose-600 transition hover:text-rose-800">{{ __('Remove') }}</button>
                                @endif
                            </div>
                        </div>
                    @endforeach
                </div>
            @endif
        </x-card>

        {{-- ============================================================= --}}
        {{-- Comparison matrix                                              --}}
        {{-- ============================================================= --}}
        <x-card class="overflow-hidden">
            <div class="flex flex-col gap-3 border-b border-slate-100 p-4 sm:flex-row sm:items-center sm:justify-between sm:p-5">
                <div>
                    <h2 class="text-base font-semibold text-slate-900">{{ __('Bid comparison') }}</h2>
                    <p class="text-xs text-slate-400">
                        {{ __('Unit prices converted to :code so bids in different currencies compare like for like. The cheapest price on each line is highlighted.', ['code' => $baseCode]) }}
                    </p>
                </div>

                @if ($shortlistCount > 0)
                    {{-- Narrowing re-benchmarks the grid against the short list, so
                         "cheapest" means cheapest of what is still in the running. --}}
                    <div class="flex shrink-0 items-center gap-1 rounded-xl border border-slate-200 bg-slate-50 p-1 text-xs font-medium">
                        <button type="button" wire:click="$set('shortlistedOnly', false)"
                                @class([
                                    'flex items-center gap-1.5 rounded-lg px-3 py-1.5 transition',
                                    'bg-white text-indigo-600 shadow-sm ring-1 ring-slate-200' => ! $shortlistedOnly,
                                    'text-slate-500 hover:text-slate-700' => $shortlistedOnly,
                                ])>
                            {{ __('All bids') }}
                        </button>
                        <button type="button" wire:click="$set('shortlistedOnly', true)"
                                @class([
                                    'flex items-center gap-1.5 rounded-lg px-3 py-1.5 transition',
                                    'bg-white text-indigo-600 shadow-sm ring-1 ring-slate-200' => $shortlistedOnly,
                                    'text-slate-500 hover:text-slate-700' => ! $shortlistedOnly,
                                ])>
                            <x-icon name="star" class="h-3.5 w-3.5 text-amber-500" />
                            {{ __('Short list (:n)', ['n' => $shortlistCount]) }}
                        </button>
                    </div>
                @endif
            </div>

            @if (empty($bids))
                <div class="p-6">
                    <x-empty-state icon="table-cells" :title="__('No quotations yet')"
                        :message="$rfq->status === 'draft' ? __('Issue the RFQ to start collecting prices.') : __('Nothing has come back yet. Chase the suppliers, or key in a quote that arrived by phone or paper.')"
                        class="border-0 bg-transparent py-0" />
                </div>
            @else
                <div class="overflow-x-auto">
                    <table class="min-w-full divide-y divide-slate-100">
                        <thead>
                            <tr class="bg-slate-50/80 text-left text-[11px] font-semibold uppercase tracking-wider text-slate-500">
                                <th class="sticky left-0 z-10 bg-slate-50/95 px-3 lg:px-4 py-3.5">{{ __('Item') }}</th>
                                <th class="whitespace-nowrap px-3 lg:px-4 py-3.5 text-right">{{ __('Qty') }}</th>
                                @foreach ($bids as $bid)
                                    <th class="whitespace-nowrap px-3 lg:px-4 py-3.5 text-right {{ $bid['is_shortlisted'] ? 'bg-amber-50/70' : '' }}">
                                        <span class="flex items-center justify-end gap-1">
                                            @if ($bid['is_shortlisted'])
                                                <x-icon name="star" class="h-3 w-3 shrink-0 text-amber-500" />
                                            @endif
                                            <span class="block max-w-[10rem] truncate normal-case text-slate-800">{{ $bid['invitation']->supplier?->name }}</span>
                                        </span>
                                        <span class="block text-[10px] font-medium normal-case text-slate-400">
                                            {{ $bid['invitation']->currency_code }}
                                            @if ($bid['invitation']->source === 'public') · {{ __('open') }} @endif
                                        </span>
                                    </th>
                                @endforeach
                            </tr>
                        </thead>
                        <tbody class="divide-y divide-slate-100 bg-white">
                            @foreach ($comparison['lines'] as $row)
                                @php $line = $row['line']; @endphp
                                <tr wire:key="cmp-line-{{ $line->id }}" class="transition hover:bg-slate-50/70">
                                    <td class="sticky left-0 z-10 bg-white px-3 lg:px-4 py-4 text-sm">
                                        <p class="font-medium text-slate-900">{{ $line->description }}</p>
                                        @if ($line->specification)
                                            <p class="mt-0.5 text-xs text-slate-400">{{ $line->specification }}</p>
                                        @endif
                                    </td>
                                    <td class="whitespace-nowrap px-3 lg:px-4 py-4 text-right text-sm tabular-nums text-slate-500">
                                        {{ $qty($line->quantity) }} {{ $line->unit }}
                                    </td>
                                    @foreach ($bids as $bid)
                                        @php $cell = $row['cells'][$bid['invitation']->id] ?? null; @endphp
                                        <td class="whitespace-nowrap px-3 lg:px-4 py-4 text-right text-sm">
                                            @if (! $cell || ! $cell['quoted'])
                                                <span class="text-slate-300">—</span>
                                            @elseif (! $cell['available'])
                                                <span class="text-[11px] font-semibold uppercase tracking-wide text-amber-600">{{ __('Can’t supply') }}</span>
                                            @else
                                                <span @class([
                                                    'inline-block rounded-lg px-2 py-1 tabular-nums font-semibold',
                                                    'bg-emerald-50 text-emerald-700' => $cell['is_best'],
                                                    'text-slate-900' => ! $cell['is_best'],
                                                ])>
                                                    {{ number_format($cell['base_unit_price'], 2) }}
                                                </span>
                                                @if (! $cell['is_best'] && $cell['premium_percent'] !== null && $cell['premium_percent'] > 0)
                                                    <span class="block text-[10px] text-rose-500">+{{ number_format($cell['premium_percent'], 1) }}%</span>
                                                @endif
                                                @if ($cell['alternate'])
                                                    <span class="block max-w-[10rem] truncate text-[10px] text-sky-600" title="{{ $cell['alternate'] }}">
                                                        {{ __('alt: :d', ['d' => $cell['alternate']]) }}
                                                    </span>
                                                @endif
                                            @endif
                                        </td>
                                    @endforeach
                                </tr>
                            @endforeach
                        </tbody>
                        <tfoot class="bg-slate-50/80">
                            <tr>
                                <td class="sticky left-0 z-10 bg-slate-50/95 px-3 lg:px-4 py-3.5 text-[11px] font-semibold uppercase tracking-wider text-slate-500">
                                    {{ __('Total') }} ({{ $baseCode }})
                                </td>
                                <td class="px-3 lg:px-4 py-3.5"></td>
                                @foreach ($bids as $bid)
                                    <td class="whitespace-nowrap px-3 lg:px-4 py-3.5 text-right">
                                        <span @class([
                                            'text-sm font-bold tabular-nums',
                                            'text-emerald-600' => $bid['is_cheapest'],
                                            'text-slate-900' => ! $bid['is_cheapest'],
                                        ])>{{ number_format($bid['total_base'], 2) }}</span>
                                        @if ($bid['delta_vs_best'] > 0.005)
                                            <span class="block text-[10px] text-rose-500">+{{ number_format($bid['delta_vs_best'], 2) }}</span>
                                        @elseif ($bid['is_cheapest'])
                                            <span class="block text-[10px] font-semibold uppercase tracking-wide text-emerald-600">{{ __('Lowest') }}</span>
                                        @endif
                                    </td>
                                @endforeach
                            </tr>
                            <tr>
                                <td class="sticky left-0 z-10 bg-slate-50/95 px-3 lg:px-4 py-3.5 text-[11px] font-semibold uppercase tracking-wider text-slate-500">
                                    {{ __('Lead time') }}
                                </td>
                                <td class="px-3 lg:px-4 py-3.5"></td>
                                @foreach ($bids as $bid)
                                    <td class="whitespace-nowrap px-3 lg:px-4 py-3.5 text-right text-xs text-slate-500">
                                        {{ $bid['invitation']->lead_time_days !== null ? __(':n days', ['n' => $bid['invitation']->lead_time_days]) : '—' }}
                                    </td>
                                @endforeach
                            </tr>
                            @if ($canManage && $rfq->is_awardable)
                                <tr>
                                    <td class="sticky left-0 z-10 bg-slate-50/95 px-3 lg:px-4 py-3.5"></td>
                                    <td class="px-3 lg:px-4 py-3.5"></td>
                                    @foreach ($bids as $bid)
                                        <td class="whitespace-nowrap px-3 lg:px-4 py-3.5 text-right">
                                            @if ($bid['invitation']->status === 'submitted')
                                                <button wire:click="award({{ $bid['invitation']->id }})"
                                                        wire:confirm="{{ __('Award this RFQ to :supplier and raise a draft purchase order? This closes the RFQ to everyone else.', ['supplier' => $bid['invitation']->supplier?->name]) }}"
                                                        class="text-xs font-semibold text-emerald-600 transition hover:text-emerald-800">{{ __('Award') }}</button>
                                            @endif
                                        </td>
                                    @endforeach
                                </tr>
                            @endif
                        </tfoot>
                    </table>
                </div>

                @if ($cherry > 0 && $best > 0 && $best - $cherry > 0.005)
                    <div class="border-t border-slate-100 bg-sky-50/60 px-4 py-3 text-xs text-sky-800 sm:px-5">
                        {{ __('Buying each line from whoever is cheapest would cost :cherry, :delta less than the best single-supplier bid. Split the award only if the extra admin and delivery are worth it.', [
                            'cherry' => $money($cherry),
                            'delta' => $money($best - $cherry),
                        ]) }}
                    </div>
                @endif
            @endif
        </x-card>

        {{-- Requirement recap --}}
        @if ($rfq->scope || $rfq->terms || $rfq->notes)
            <div class="grid grid-cols-1 gap-6 lg:grid-cols-3">
                @if ($rfq->scope)
                    <x-card class="p-5">
                        <p class="text-[11px] font-semibold uppercase tracking-wider text-slate-400">{{ __('Scope') }}</p>
                        <p class="mt-2 whitespace-pre-line text-sm text-slate-700">{{ $rfq->scope }}</p>
                    </x-card>
                @endif
                @if ($rfq->terms)
                    <x-card class="p-5">
                        <p class="text-[11px] font-semibold uppercase tracking-wider text-slate-400">{{ __('Conditions shown to suppliers') }}</p>
                        <p class="mt-2 whitespace-pre-line text-sm text-slate-700">{{ $rfq->terms }}</p>
                    </x-card>
                @endif
                @if ($rfq->notes)
                    <x-card class="p-5 ring-amber-200">
                        <p class="text-[11px] font-semibold uppercase tracking-wider text-amber-500">{{ __('Internal notes') }}</p>
                        <p class="mt-2 whitespace-pre-line text-sm text-slate-700">{{ $rfq->notes }}</p>
                    </x-card>
                @endif
            </div>
        @endif
    </div>

    {{-- ============================================================= --}}
    {{-- Invite more suppliers                                          --}}
    {{-- ============================================================= --}}
    <x-dialog-modal wire:model.live="showInviteModal" maxWidth="lg">
        <x-slot name="title">{{ __('Invite more suppliers') }}</x-slot>

        <x-slot name="content">
            @if ($availableSuppliers->isEmpty())
                <p class="rounded-xl bg-slate-50 px-4 py-3 text-sm text-slate-500">
                    {{ __('Every active supplier is already on this RFQ.') }}
                </p>
            @else
                <p class="text-sm text-slate-500">
                    {{ __('They will each get their own private link. On a live RFQ the invitation is emailed straight away.') }}
                </p>
                <x-input-error for="newSuppliers" class="mt-2" />

                <div class="mt-4 grid max-h-72 grid-cols-1 gap-2 overflow-y-auto rounded-xl border border-slate-200 bg-slate-50/50 p-3">
                    @foreach ($availableSuppliers as $supplier)
                        <label wire:key="add-supplier-{{ $supplier->id }}"
                               class="flex cursor-pointer items-start gap-2.5 rounded-lg border border-slate-200 bg-white px-3 py-2.5 text-sm transition has-[:checked]:border-indigo-400 has-[:checked]:bg-indigo-50 has-[:checked]:text-indigo-700">
                            <input type="checkbox" value="{{ $supplier->id }}" wire:model="newSuppliers"
                                   class="mt-0.5 rounded border-slate-300 text-indigo-600 shadow-sm focus:ring-indigo-500" />
                            <span class="min-w-0">
                                <span class="block truncate font-medium">{{ $supplier->name }}</span>
                                <span class="block truncate text-[11px] {{ $supplier->email ? 'text-slate-400' : 'text-amber-600' }}">
                                    {{ $supplier->email ?: __('No email, send the link by hand') }}
                                </span>
                            </span>
                        </label>
                    @endforeach
                </div>
            @endif
        </x-slot>

        <x-slot name="footer">
            <x-secondary-button wire:click="$set('showInviteModal', false)" wire:loading.attr="disabled">
                {{ __('Cancel') }}
            </x-secondary-button>
            @if ($availableSuppliers->isNotEmpty())
                <x-button class="ms-3" wire:click="inviteMore" wire:loading.attr="disabled" wire:target="inviteMore">
                    <span wire:loading.remove wire:target="inviteMore">{{ __('Invite') }}</span>
                    <span wire:loading wire:target="inviteMore">{{ __('Inviting...') }}</span>
                </x-button>
            @endif
        </x-slot>
    </x-dialog-modal>

    {{-- ============================================================= --}}
    {{-- Quotation detail                                               --}}
    {{-- ============================================================= --}}
    <x-dialog-modal wire:model.live="viewingBidId" maxWidth="2xl">
        <x-slot name="title">
            {{ $viewingBid ? __('Quotation from :supplier', ['supplier' => $viewingBid->supplier?->name]) : __('Quotation') }}
        </x-slot>

        <x-slot name="content">
            @if ($viewingBid)
                <div class="space-y-5">
                    {{-- Terms --}}
                    <div class="grid grid-cols-2 gap-4 rounded-xl bg-slate-50 p-4 text-sm sm:grid-cols-4">
                        <div>
                            <p class="text-[11px] font-semibold uppercase tracking-wider text-slate-400">{{ __('Total') }}</p>
                            <p class="mt-1 font-bold tabular-nums text-slate-900">{{ $viewingBid->currency_code }} {{ number_format((float) $viewingBid->total, 2) }}</p>
                        </div>
                        <div>
                            <p class="text-[11px] font-semibold uppercase tracking-wider text-slate-400">{{ __('Lead time') }}</p>
                            <p class="mt-1 text-slate-700">{{ $viewingBid->lead_time_days !== null ? __(':n days', ['n' => $viewingBid->lead_time_days]) : '—' }}</p>
                        </div>
                        <div>
                            <p class="text-[11px] font-semibold uppercase tracking-wider text-slate-400">{{ __('Valid until') }}</p>
                            <p class="mt-1 text-slate-700">{{ optional($viewingBid->valid_until)->format('j M Y') ?: '—' }}</p>
                        </div>
                        <div>
                            <p class="text-[11px] font-semibold uppercase tracking-wider text-slate-400">{{ __('Payment terms') }}</p>
                            <p class="mt-1 text-slate-700">{{ $viewingBid->payment_terms ?: '—' }}</p>
                        </div>
                    </div>

                    {{-- Priced lines --}}
                    <div class="overflow-x-auto rounded-xl border border-slate-200">
                        <table class="min-w-full divide-y divide-slate-100">
                            <thead>
                                <tr class="bg-slate-50/80 text-left text-[11px] font-semibold uppercase tracking-wider text-slate-500">
                                    <th class="px-3 py-2.5">{{ __('Item') }}</th>
                                    <th class="px-3 py-2.5 text-right">{{ __('Qty') }}</th>
                                    <th class="px-3 py-2.5 text-right">{{ __('Unit') }}</th>
                                    <th class="px-3 py-2.5 text-right">{{ __('Total') }}</th>
                                </tr>
                            </thead>
                            <tbody class="divide-y divide-slate-100 bg-white">
                                @foreach ($rfq->lines as $line)
                                    @php $ql = $viewingBid->quoteLines->firstWhere('rfq_line_id', $line->id); @endphp
                                    <tr wire:key="bid-line-{{ $viewingBid->id }}-{{ $line->id }}">
                                        <td class="px-3 py-3 text-sm text-slate-700">
                                            {{ $line->description }}
                                            @if ($ql?->alternate_description)
                                                <span class="block text-xs text-sky-600">{{ __('Offered: :d', ['d' => $ql->alternate_description]) }}</span>
                                            @endif
                                            @if ($ql?->notes)
                                                <span class="block text-xs text-slate-400">{{ $ql->notes }}</span>
                                            @endif
                                        </td>
                                        <td class="whitespace-nowrap px-3 py-3 text-right text-sm tabular-nums text-slate-500">{{ $qty($ql?->quantity ?? $line->quantity) }}</td>
                                        <td class="whitespace-nowrap px-3 py-3 text-right text-sm tabular-nums text-slate-700">
                                            @if ($ql && ! $ql->is_available)
                                                <span class="text-xs font-semibold uppercase text-amber-600">{{ __('Can’t supply') }}</span>
                                            @else
                                                {{ number_format((float) ($ql?->unit_price ?? 0), 2) }}
                                            @endif
                                        </td>
                                        <td class="whitespace-nowrap px-3 py-3 text-right text-sm font-semibold tabular-nums text-slate-900">
                                            {{ number_format((float) ($ql?->line_total ?? 0), 2) }}
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                            <tfoot class="bg-slate-50/80">
                                <tr>
                                    <td colspan="3" class="px-3 py-2.5 text-right text-xs font-semibold uppercase tracking-wider text-slate-500">{{ __('Subtotal') }}</td>
                                    <td class="whitespace-nowrap px-3 py-2.5 text-right text-sm tabular-nums text-slate-700">{{ number_format((float) $viewingBid->subtotal, 2) }}</td>
                                </tr>
                                <tr>
                                    <td colspan="3" class="px-3 py-2.5 text-right text-xs font-semibold uppercase tracking-wider text-slate-500">{{ __('Tax') }}</td>
                                    <td class="whitespace-nowrap px-3 py-2.5 text-right text-sm tabular-nums text-slate-700">{{ number_format((float) $viewingBid->tax, 2) }}</td>
                                </tr>
                                <tr>
                                    <td colspan="3" class="px-3 py-2.5 text-right text-xs font-bold uppercase tracking-wider text-slate-700">{{ __('Total') }}</td>
                                    <td class="whitespace-nowrap px-3 py-2.5 text-right text-sm font-bold tabular-nums text-slate-900">{{ number_format((float) $viewingBid->total, 2) }}</td>
                                </tr>
                            </tfoot>
                        </table>
                    </div>

                    @if ($viewingBid->supplier_notes)
                        <div>
                            <p class="text-[11px] font-semibold uppercase tracking-wider text-slate-400">{{ __('Supplier notes') }}</p>
                            <p class="mt-1 whitespace-pre-line text-sm text-slate-700">{{ $viewingBid->supplier_notes }}</p>
                        </div>
                    @endif

                    {{-- Evaluation: the buyer's own verdict on this bid --}}
                    @if ($canManage && $rfq->is_awardable)
                        <div class="rounded-xl border border-slate-200 p-4">
                            <div class="flex items-center justify-between gap-3">
                                <p class="text-[11px] font-semibold uppercase tracking-wider text-slate-400">{{ __('Evaluation') }}</p>
                                <button wire:click="toggleShortlist({{ $viewingBid->id }})"
                                        class="inline-flex items-center gap-1 text-xs font-semibold transition {{ $viewingBid->is_shortlisted ? 'text-amber-600 hover:text-amber-800' : 'text-slate-500 hover:text-amber-600' }}">
                                    <x-icon name="star" class="h-4 w-4" />
                                    {{ $viewingBid->is_shortlisted ? __('On the short list') : __('Add to short list') }}
                                </button>
                            </div>

                            <textarea rows="2" wire:model="evaluation_note"
                                      placeholder="{{ __('Why this bid is (or is not) in the running — quality, lead time, past performance…') }}"
                                      class="mt-2 block w-full rounded-xl border-slate-300 text-sm shadow-sm placeholder:text-xs focus:border-indigo-500 focus:ring-indigo-500"></textarea>
                            <x-input-error for="evaluation_note" class="mt-2" />

                            <div class="mt-2 flex items-center justify-between gap-3">
                                <p class="text-[11px] text-slate-400">
                                    @if ($viewingBid->is_shortlisted && $viewingBid->shortlisted_at)
                                        {{ __('Shortlisted :when', ['when' => $viewingBid->shortlisted_at->diffForHumans()]) }}
                                    @else
                                        {{ __('Notes are internal and never shown to the supplier.') }}
                                    @endif
                                </p>
                                <button wire:click="saveEvaluation" wire:loading.attr="disabled" wire:target="saveEvaluation"
                                        class="text-xs font-semibold text-indigo-600 transition hover:text-indigo-800">
                                    <span wire:loading.remove wire:target="saveEvaluation">{{ __('Save note') }}</span>
                                    <span wire:loading wire:target="saveEvaluation">{{ __('Saving…') }}</span>
                                </button>
                            </div>
                        </div>
                    @elseif ($viewingBid->evaluation_note)
                        <div class="rounded-xl border border-slate-200 p-4">
                            <p class="text-[11px] font-semibold uppercase tracking-wider text-slate-400">{{ __('Evaluation') }}</p>
                            <p class="mt-1 whitespace-pre-line text-sm text-slate-700">{{ $viewingBid->evaluation_note }}</p>
                        </div>
                    @endif

                    {{-- Provenance --}}
                    <div class="flex flex-wrap items-center gap-x-6 gap-y-2 border-t border-slate-100 pt-4 text-xs text-slate-400">
                        <span>{{ __('Submitted :when', ['when' => optional($viewingBid->submitted_at)->format('j M Y, H:i') ?: '—']) }}</span>
                        <span>{{ $viewingBid->source_label }}</span>
                        @if ($viewingBid->respondent_name)
                            <span>{{ __('By :who', ['who' => $viewingBid->respondent_name]) }}</span>
                        @endif
                        @if ($viewingBid->respondent_email)
                            <span>{{ $viewingBid->respondent_email }}</span>
                        @endif
                        @if ($viewingBid->attachment_path)
                            <a href="{{ route('rfqs.attachment', $viewingBid) }}" class="inline-flex items-center gap-1 font-medium text-indigo-600 transition hover:text-indigo-800">
                                <x-icon name="paper-clip" class="h-3.5 w-3.5" />
                                {{ $viewingBid->attachment_name ?: __('Attached quotation') }}
                            </a>
                        @endif
                    </div>
                </div>
            @endif
        </x-slot>

        <x-slot name="footer">
            <x-secondary-button wire:click="closeBid">{{ __('Close') }}</x-secondary-button>
            @if ($canManage && $viewingBid && $rfq->is_awardable && $viewingBid->status === 'submitted')
                <x-button class="ms-3" wire:click="award({{ $viewingBid->id }})"
                          wire:confirm="{{ __('Award this RFQ to :supplier and raise a draft purchase order?', ['supplier' => $viewingBid->supplier?->name]) }}">
                    <x-icon name="check-circle" class="-ms-1 me-1.5 h-4 w-4" />
                    {{ __('Award this quotation') }}
                </x-button>
            @endif
        </x-slot>
    </x-dialog-modal>

    {{-- ============================================================= --}}
    {{-- Key in an offline quotation                                    --}}
    {{-- ============================================================= --}}
    <x-dialog-modal wire:model.live="capturingId" maxWidth="3xl">
        <x-slot name="title">
            {{ $capturingSeat ? __('Record quotation from :supplier', ['supplier' => $capturingSeat->supplier?->name]) : __('Record quotation') }}
        </x-slot>

        <x-slot name="content">
            @if ($capturingSeat)
                <div class="space-y-5">
                    <p class="rounded-xl bg-slate-50 px-4 py-2.5 text-xs text-slate-500">
                        {{ __('For quotes that arrived by phone, WhatsApp or on paper. It is stored and compared exactly like a self-served bid, and stamped as keyed in by you.') }}
                    </p>

                    <div class="grid grid-cols-1 gap-4 sm:grid-cols-4">
                        <div>
                            <x-label for="cap-currency" value="{{ __('Currency') }}" />
                            <select id="cap-currency" wire:model.live="capture_currency" class="mt-1 block w-full rounded-xl border-slate-300 text-sm shadow-sm focus:border-indigo-500 focus:ring-indigo-500">
                                @foreach ($currencies as $currency)
                                    <option value="{{ $currency->code }}">{{ $currency->code }}</option>
                                @endforeach
                            </select>
                            <x-input-error for="capture_currency" class="mt-2" />
                        </div>
                        <div>
                            <x-label for="cap-rate" value="{{ __('Rate to base') }}" />
                            <x-input id="cap-rate" type="number" step="0.000001" min="0" class="mt-1 block w-full" wire:model="capture_rate" />
                            <x-input-error for="capture_rate" class="mt-2" />
                        </div>
                        <div>
                            <x-label for="cap-lead" value="{{ __('Lead time (days)') }}" />
                            <x-input id="cap-lead" type="number" min="0" class="mt-1 block w-full" wire:model="capture_lead_time" />
                            <x-input-error for="capture_lead_time" class="mt-2" />
                        </div>
                        <div>
                            <x-label for="cap-valid" value="{{ __('Valid until') }}" />
                            <x-input id="cap-valid" type="date" class="mt-1 block w-full" wire:model="capture_valid_until" />
                            <x-input-error for="capture_valid_until" class="mt-2" />
                        </div>
                    </div>

                    {{-- Priced lines --}}
                    <div class="space-y-3">
                        @foreach ($rfq->lines as $line)
                            @php
                                $row = $captureLines[$line->id] ?? [];
                                $lineTotal = ($row['is_available'] ?? true)
                                    ? round((float) ($row['quantity'] ?? 0) * (float) ($row['unit_price'] ?? 0), 2)
                                    : 0;
                            @endphp
                            <div wire:key="cap-line-{{ $line->id }}" class="rounded-xl border border-slate-200 bg-slate-50/50 p-3">
                                <div class="flex items-start justify-between gap-3">
                                    <div class="min-w-0">
                                        <p class="text-sm font-medium text-slate-900">{{ $line->description }}</p>
                                        @if ($line->specification)
                                            <p class="text-xs text-slate-400">{{ $line->specification }}</p>
                                        @endif
                                    </div>
                                    <label class="flex shrink-0 items-center gap-1.5 text-xs text-slate-500">
                                        <input type="checkbox" wire:model.live="captureLines.{{ $line->id }}.is_available"
                                               class="rounded border-slate-300 text-indigo-600 shadow-sm focus:ring-indigo-500" />
                                        {{ __('Can supply') }}
                                    </label>
                                </div>

                                @if ($row['is_available'] ?? true)
                                    <div class="mt-3 grid grid-cols-1 gap-3 sm:grid-cols-12">
                                        <div class="sm:col-span-3">
                                            <label class="text-[11px] font-semibold uppercase tracking-wider text-slate-400">{{ __('Qty') }}</label>
                                            <input type="number" step="0.000001" min="0" wire:model.live.debounce.400ms="captureLines.{{ $line->id }}.quantity"
                                                   class="mt-1 block w-full rounded-lg border-slate-300 text-sm shadow-sm focus:border-indigo-500 focus:ring-indigo-500" />
                                        </div>
                                        <div class="sm:col-span-3">
                                            <label class="text-[11px] font-semibold uppercase tracking-wider text-slate-400">{{ __('Unit price') }}</label>
                                            <input type="number" step="0.01" min="0" wire:model.live.debounce.400ms="captureLines.{{ $line->id }}.unit_price"
                                                   class="mt-1 block w-full rounded-lg border-slate-300 text-sm shadow-sm focus:border-indigo-500 focus:ring-indigo-500" />
                                        </div>
                                        <div class="sm:col-span-2">
                                            <label class="text-[11px] font-semibold uppercase tracking-wider text-slate-400">{{ __('Tax %') }}</label>
                                            <input type="number" step="0.01" min="0" wire:model.live.debounce.400ms="captureLines.{{ $line->id }}.tax_rate"
                                                   class="mt-1 block w-full rounded-lg border-slate-300 text-sm shadow-sm focus:border-indigo-500 focus:ring-indigo-500" />
                                        </div>
                                        <div class="sm:col-span-4 flex items-end">
                                            <p class="w-full py-2 text-right text-sm font-semibold tabular-nums text-slate-900">
                                                {{ $capture_currency }} {{ number_format($lineTotal, 2) }}
                                            </p>
                                        </div>
                                        <div class="sm:col-span-12">
                                            <label class="text-[11px] font-semibold uppercase tracking-wider text-slate-400">{{ __('Alternative offered (optional)') }}</label>
                                            <input type="text" wire:model="captureLines.{{ $line->id }}.alternate_description"
                                                   class="mt-1 block w-full rounded-lg border-slate-300 text-sm shadow-sm focus:border-indigo-500 focus:ring-indigo-500" />
                                        </div>
                                    </div>
                                @endif
                            </div>
                        @endforeach
                    </div>

                    {{-- Terms + totals --}}
                    <div class="grid grid-cols-1 gap-4 border-t border-slate-100 pt-4 sm:grid-cols-2">
                        <div class="space-y-4">
                            <div>
                                <x-label for="cap-pay" value="{{ __('Payment terms') }}" />
                                <x-input id="cap-pay" type="text" class="mt-1 block w-full" wire:model="capture_payment_terms" />
                            </div>
                            <div>
                                <x-label for="cap-del" value="{{ __('Delivery terms') }}" />
                                <x-input id="cap-del" type="text" class="mt-1 block w-full" wire:model="capture_delivery_terms" />
                            </div>
                            <div>
                                <x-label for="cap-notes" value="{{ __('Notes') }}" />
                                <textarea id="cap-notes" rows="2" wire:model="capture_notes"
                                          class="mt-1 block w-full rounded-xl border-slate-300 text-sm shadow-sm focus:border-indigo-500 focus:ring-indigo-500"></textarea>
                            </div>
                        </div>

                        <div class="h-fit rounded-xl bg-slate-50 p-4 text-sm">
                            <div class="flex items-center justify-between text-slate-600">
                                <span>{{ __('Subtotal') }}</span>
                                <span class="tabular-nums">{{ $capture_currency }} {{ number_format($captureTotals['subtotal'], 2) }}</span>
                            </div>
                            <div class="mt-2 flex items-center justify-between text-slate-600">
                                <span>{{ __('Tax') }}</span>
                                <span class="tabular-nums">{{ $capture_currency }} {{ number_format($captureTotals['tax'], 2) }}</span>
                            </div>
                            <div class="mt-3 flex items-center justify-between border-t border-slate-200 pt-3 text-base font-bold text-slate-900">
                                <span>{{ __('Total') }}</span>
                                <span class="tabular-nums">{{ $capture_currency }} {{ number_format($captureTotals['total'], 2) }}</span>
                            </div>
                        </div>
                    </div>
                </div>
            @endif
        </x-slot>

        <x-slot name="footer">
            <x-secondary-button wire:click="closeCapture" wire:loading.attr="disabled">{{ __('Cancel') }}</x-secondary-button>
            <x-button class="ms-3" wire:click="saveCapture" wire:loading.attr="disabled" wire:target="saveCapture">
                <span wire:loading.remove wire:target="saveCapture">{{ __('Save quotation') }}</span>
                <span wire:loading wire:target="saveCapture">{{ __('Saving...') }}</span>
            </x-button>
        </x-slot>
    </x-dialog-modal>
</div>