@extends('web.layouts.app', ['title' => 'Communities'])
@section('content')
<div class="grid grid-2">
    <section class="card">
        <h2>My Communities</h2>
        @forelse($mine as $community)
            <p><a href="{{ route('web.communities.show', $community) }}"><strong>{{ $community->name }}</strong></a><br><span class="muted">{{ $community->description }}</span></p>
        @empty <p class="muted">Topluluga katilmadin.</p> @endforelse
    </section>
    <section class="card">
        <h2>Discover</h2>
        <div class="grid grid-2">
            @foreach($discover as $community)
                <a class="card" href="{{ route('web.communities.show', $community) }}">
                    <strong>{{ $community->name }}</strong>
                    <p class="muted">{{ Str::limit($community->description, 90) }}</p>
                    <span class="pill">{{ $community->member_count }} members</span>
                </a>
            @endforeach
        </div>
    </section>
</div>
@endsection