    <div class="col-xl-4 col-lg-5">
                    <form action="{{ route('universities.index') }}" method="GET" id="filterForm">
                        <div class="course-grid__left">
                            <div class="course-grid__sidebar">

                                <!-- Search -->
                                <div class="course-grid__search course-grid__single">
                                    <div class="course-grid__title-box">
                                        <h3 class="course-grid__title">Search Universities</h3>
                                        <div class="course-grid__title-shape-1">
                                            <img src="{{ asset('images/shapes/course-grid-title-shape-1.png') }}" alt="">
                                        </div>
                                    </div>
                                    <div class="course-grid__search-text">
                                        Find your ideal university
                                    </div>
                                    <div class="course-grid__search-form">
                                             <div class="row">
                                        <div class="col-8">
                                        <input type="search" name="search" class="form-control"
                                               placeholder="Search by title or university"
                                               value="{{ request('search') }}">
                                            </div>
                                            <div class="col-4">
                                        <button type="submit" class="btn btn-primary"><i class="icon-search"></i>  Search</button>
                                       </div>
                                            
                                    </div>
                                    </div>
                                </div>

                                <!-- Ranking Filter (using slider) -->
                                <div class="course-grid__price-filter course-grid__single">
                                    <div class="course-grid__title-box">
                                        <h3 class="course-grid__title">Ranking Filter</h3>
                                        <div class="course-grid__title-shape-1">
                                            <img src="{{ asset('images/shapes/course-grid-title-shape-1.png') }}" alt="">
                                        </div>
                                    </div>
                                    <div class="course-grid__price-filter-ranger">
                                        <p class="course-grid__price-filter-title">Ranking: #{{ $currentMin }} - #{{ $currentMax }}</p>
                                        <div class="price-ranger">
                                            <div id="ranking-slider"></div>
                                            <div class="ranger-min-max-block">
                                                                                      
<div class="row">
    <div class="col-4"> <input type="text" readonly class="min" value="{{ $currentMin }}"><span>-</span>
        </div>
        <div class="col-4"><input type="text" readonly class="max" value="{{ $currentMax }}">
        </div>
        <div class="col-4">
             <input type="hidden" name="amount_min" id="amount_min"
                                                       value="{{ $currentMin }}">
                                                <input type="hidden" name="amount_max" id="amount_max"
                                                       value="{{ $currentMax }}">

                                                 <button type="submit" class="btn btn-primary" style="border-radius: 20px !important;">Apply</button>
        </div>
</div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <!-- Country Filter -->
                                <div class="course-grid__categories course-grid__single">
                                    <div class="course-grid__title-box">
                                        <h3 class="course-grid__title">Country</h3>
                                        <div class="course-grid__title-shape-1">
                                            <img src="{{ asset('images/shapes/course-grid-title-shape-1.png') }}" alt="">
                                        </div>
                                    </div>
                                    <div class="course-grid__list-item">
                                        <div class="select-box">
                                            <select name="country" class="wide" onchange="this.form.submit()">
                                                <option value="">All Countries</option>
                                                @foreach($countries as $country)
                                                    <option value="{{ $country->id }}" {{ request('country') == $country->id ? 'selected' : '' }}>{{ $country->name }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                </div>

                                <!-- Featured Only -->
                                <div class="course-grid__skill course-grid__single">
                                    <div class="course-grid__title-box">
                                        <h3 class="course-grid__title">Featured</h3>
                                        <div class="course-grid__title-shape-1">
                                            <img src="{{ asset('images/shapes/course-grid-title-shape-1.png') }}" alt="">
                                        </div>
                                    </div>
                                    <ul class="list-unstyled course-grid__list-item">
                                        <li>
                                            <label class="custom-checkbox">
                                                <input type="checkbox" name="featured" value="1" {{ request('featured') == '1' ? 'checked' : '' }} onchange="this.form.submit()">
                                                <span class="checkmark"></span>
                                                <span class="radio-text">Featured Universities Only</span>
                                            </label>
                                        </li>
                                    </ul>
                                </div>

                                <!-- Free Consultation Banner -->
                            @include('layouts.components.contact')
                            </div>
                        </div>
                    </form>
                </div>
