<div class="top-search-categories-form">
    <h1 class="text-white font-30 mb-15 premium-page-hero__title">{{ $title }}</h1>
    @if(!empty($bannerDescription))
        <p class="text-white font-16 mb-10">{{ $bannerDescription }}</p>
    @endif
    <span class="course-count-badge py-5 px-10 text-white rounded d-inline-flex mb-15">{{ $graduatesCount }} {{ $title }}</span>

    <div class="mb-15">
        <a href="{{ route('graduateVideos.index') }}" class="text-white font-16" style="text-decoration: underline;">
            فيديوهات الخريجين
        </a>
    </div>

    <div class="search-input bg-white p-10 flex-grow-1">
        <form action="/{{ $page }}" method="get">
            <div class="form-group d-flex align-items-center m-0">
                <input type="text" name="search" class="form-control border-0" value="{{ request()->get('search') }}" placeholder="{{ trans('public.search') }} {{ $title }}"/>
                <button type="submit" class="btn btn-primary rounded-pill">{{ trans('home.find') }}</button>
            </div>
        </form>
    </div>
</div>
