@extends('athlete.layouts.app')

@section('title', 'مربیان من')

@section('content')
    <h1 class="text-xl font-bold mb-6">مربیان من</h1>

    <div class="grid grid-cols-1 sm:grid-cols-2 gap-4">
        @forelse($coaches as $coach)
            <a href="{{ route('coaches.show', $coach) }}" class="bg-white rounded-xl shadow-sm p-4 block hover:shadow-md transition">
                <div class="flex items-center gap-3">
                    @if($coach->photo_path)
                        <img src="{{ Storage::disk('public')->url($coach->photo_path) }}" class="w-12 h-12 rounded-full object-cover">
                    @else
                        <div class="w-12 h-12 rounded-full bg-gray-200"></div>
                    @endif
                    <div>
                        <div class="font-medium">{{ $coach->user->fullName() }}</div>
                        <div class="text-xs text-gray-400">همکاری فعال</div>
                    </div>
                </div>
            </a>
        @empty
            <p class="text-gray-400 col-span-full text-center py-10">هنوز با هیچ مربی‌ای همکاری فعال ندارید.</p>
        @endforelse
    </div>
@endsection