@php
    $registration_status = $row->registration_status ?? 0;
    $selectedText = match ($registration_status) {
        0 => 'Pending',
        1 => 'Confirmed',
        2 => 'Cancelled',
        3 => 'Rejected',
        4 => 'Waitlisted',
        default => 'Pending',
    };
    $statusClass = match ($registration_status) {
        0 => 'pending',
        1 => 'approved',
        2 => 'sold',
        3 => 'rejected',
        4 => 'blue',
        default => 'pending',
    };
@endphp

<div class="dropdown_table status-dropdown">
    <div class="drop-btn {{ $statusClass }}" data-id="{{ $row->id }}">
        <span class="selectedText">{{ $selectedText }}</span>
        <span class="arrow">
            <svg width="20" height="20" viewBox="0 0 24 24">
                <path 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">
        <div class="option pending" data-value="0">Pending</div>
        <div class="option approved" data-value="1">Confirmed</div>
        <div class="option sold" data-value="2">Cancelled</div>
        <div class="option rejected" data-value="3">Rejected</div>
        <div class="option blue" data-value="4">Waitlisted</div>
    </div>
</div>