@php
    // Cast — status is a tinyint, and an uncast one can arrive as a string,
    // which would slip past the strict comparisons below.
    $currentStatus = (int) ($offer->status ?? \App\Models\Offer::STATUS_PENDING);
    $statusClasses = [
        \App\Models\Offer::STATUS_PENDING => 'pending',
        \App\Models\Offer::STATUS_APPROVED => 'approved',
        \App\Models\Offer::STATUS_REJECTED => 'rejected',
    ];
    $currentClass = $statusClasses[$currentStatus] ?? 'pending';
    $currentLabel = \App\Models\Offer::STATUS_LABELS[$currentStatus] ?? 'Pending';

    // An approve/reject decision is final, so only a pending offer gets a
    // working dropdown. OfferController::updateStatus enforces the same rule.
    $isLocked = $currentStatus !== \App\Models\Offer::STATUS_PENDING;
@endphp

@if ($isLocked)
    <div class="dropdown_table offer-approval-dropdown is-locked">
        <div class="drop-btn {{ $currentClass }}"
            title="{{ $currentLabel }} on {{ $offer->approved_at?->format('d M Y, H:i') ?? 'an earlier date' }}. This decision is final.">
            <span class="selectedText">{{ $currentLabel }}</span>
            <span class="lock-icon" aria-hidden="true">
                <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor"
                    stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                    <rect x="4" y="11" width="16" height="10" rx="2"></rect>
                    <path d="M8 11V7a4 4 0 0 1 8 0v4"></path>
                </svg>
            </span>
        </div>
    </div>
@else
    <div class="dropdown_table offer-approval-dropdown">
        {{-- The approve and reject modals read their heading and prefilled
             values off these. --}}
        <div class="drop-btn {{ $currentClass }}"
            data-id="{{ $offer->id }}"
            data-current="{{ $currentStatus }}"
            data-title="{{ $offer->title }}"
            data-brand="{{ $offer->brand_name }}"
            data-reward-points="{{ (int) $offer->reward_points }}"
            data-valid-until="{{ $offer->valid_until?->format('Y-m-d') }}">
            <span class="selectedText">{{ $currentLabel }}</span>
            <span class="arrow">
                <svg width="20" height="20" viewBox="0 0 24 24">
                    <path fill="currentColor" d="M12.7071 14.7071L6.29289 9.70711C5.90237 9.31658 5.90237 8.68342 6.29289 8.29289C6.68342 7.90237 7.31658 7.90237 7.70711 8.29289L12 12.5858L16.2929 8.29289C16.6834 7.90237 17.3166 7.90237 17.7071 8.29289C18.0976 8.68342 18.0976 9.31658 17.7071 9.70711L12.7071 14.7071Z" />
                </svg>
            </span>
        </div>
        <div class="dropdown-menu">
            @foreach (\App\Models\Offer::STATUS_LABELS as $statusId => $statusName)
                <div class="option {{ $statusClasses[$statusId] }}{{ $currentStatus === $statusId ? ' selected' : '' }}"
                    data-value="{{ $statusId }}">
                    {{ $statusName }}
                </div>
            @endforeach
        </div>
    </div>
@endif