  <div class="course-list__right-top">
                            <p class="course-list__right-top-text">
                                Showing {{ $scholarships->firstItem() ?? 0 }} – {{ $scholarships->lastItem() ?? 0 }}
                                of {{ $scholarships->total() }} scholarships
                            </p>
<div class="course-list__showing-sort">
    <p>Sort by: </p>
    <div class="select-box">
        <select class="" id="sortSelect" onchange="updateSort(this.value)">
            {{-- Remove the placeholder option or keep it hidden --}}
            <option value="" disabled {{ !request('sort') ? 'selected' : '' }}>Select</option>
            <option value="deadline-asc" 
                {{ request('sort') == 'deadline' && request('direction') == 'asc' ? 'selected' : (!request('sort') ? 'selected' : '') }}>
                Deadline (soonest)
            </option>
            <option value="amount-desc" 
                {{ request('sort') == 'amount' && request('direction') == 'desc' ? 'selected' : '' }}>
                Amount (highest)
            </option>
            <option value="title-asc" 
                {{ request('sort') == 'title' && request('direction') == 'asc' ? 'selected' : '' }}>
                Title A-Z
            </option>
        </select>
    </div>
</div>
                        </div>