@extends('layouts.public')
@section('title', 'იპოვეთ ბავშვის საყვარელი წრე')
@section('content')
<section class="hero"><div><div class="eyebrow">GROW TOGETHER</div><h1>დიდი ოცნებები<br>პატარა <em>ნაბიჯებით.</em></h1><p>იპოვეთ ბავშვის საყვარელი წრე. განრიგი, პროგრესი და კლუბთან ურთიერთობა — ერთ სივრცეში.</p><a class="btn" href="#clubs">აღმოაჩინეთ წრეები ↗</a></div><div class="hero-art"><div class="eyebrow">ONE TEAM · ONE GOAL</div><h2>მომავალი აქ იწყება.</h2><div class="pitch"><i></i><b style="left:23%;top:30%"></b><b style="left:68%;top:24%"></b><b style="left:42%;top:67%"></b><b style="left:79%;top:65%"></b></div><div class="actions"><span class="badge active">ისწავლე</span><span class="badge active">ითამაშე</span><span class="badge active">განვითარდი</span></div></div></section><section id="clubs"><div class="head"><div><div class="eyebrow">DISCOVER YOUR CLUB</div><h1>წრეების კატალოგი</h1></div><span class="badge">{{ $clubs->total() }} კლუბი</span></div><form class="filters"><x-field name="q" label="მოძებნეთ კლუბი" :value="request('q')"/><button class="btn secondary">მოძებნა</button></form><div class="cards">@forelse($clubs as $club)<a class="panel club-card" href="{{ route('public.club',$club->slug) }}"><div class="club-art"><span>{{ mb_substr($club->name,0,1) }}</span><x-status value="active"/></div><div class="pad"><small>{{ $club->city }} · {{ $club->category }}</small><h2>{{ $club->name }}</h2><p class="muted">{{ \Illuminate\Support\Str::limit($club->description,130) }}</p><span class="link">ჯგუფების ნახვა →</span></div></a>@empty<p class="empty panel">კლუბები ვერ მოიძებნა.</p>@endforelse</div>{{ $clubs->links() }}</section>
@endsection