@include('teams.partials.page-start', [
    'title' => 'المباريات',
    'activeTab' => 'matches',
])

<div class="match-toggle">
    <a href="{{ route('teams.matches', ['btolatId' => $team->btolat_id, 'slug' => $team->slug]) }}"
       class="{{ $mode === 'next' ? 'active' : '' }}">المباريات القادمة</a>
    <a href="{{ route('teams.matches.ended', ['btolatId' => $team->btolat_id, 'slug' => $team->slug]) }}"
       class="{{ $mode === 'ended' ? 'active' : '' }}">المباريات السابقة</a>
</div>

@include('teams.partials.match-list', ['matches' => $matches])

<div class="mt-4 d-flex justify-content-center">
    {{ $matches->links() }}
</div>

@include('teams.partials.page-end')