@php
    $paymentStatus = $row->payment_status ?? 0;
    $selectedClass = match ($paymentStatus) {
        1 => 'paid',
        default => 'unpaid',
    };

    $selectedText = match ($paymentStatus) {
        1 => 'Paid',
        default => 'Unpaid',
    };
@endphp

<div class="dropdown_table">
    <div class="drop-btn {{ $selectedClass }}" 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 paid" data-value="1" data-id="{{ $row->id }}">Paid</div>
        <div class="option unpaid" data-value="0" data-id="{{ $row->id }}">Unpaid</div>
    </div>
</div>