@php
    $locale = app()->getLocale();
    $isRtl = $locale === 'ar';

    $dayLabels = [
        'sunday' => $isRtl ? 'الأحد' : 'Sunday',
        'monday' => $isRtl ? 'الإثنين' : 'Monday',
        'tuesday' => $isRtl ? 'الثلاثاء' : 'Tuesday',
        'wednesday' => $isRtl ? 'الأربعاء' : 'Wednesday',
        'thursday' => $isRtl ? 'الخميس' : 'Thursday',
        'friday' => $isRtl ? 'الجمعة' : 'Friday',
        'saturday' => $isRtl ? 'السبت' : 'Saturday',
    ];

    $order = array_keys($dayLabels);
    $schedules = $schedules ?? collect();
@endphp

@extends('layouts.app')

@section('title', $isRtl ? 'جدول المدرب' : 'Trainer Schedule')

@section('content')
<div class="space-y-8">
    <!-- Header -->
    <div class="flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4">
        <div>
            <div class="flex items-center gap-3 mb-2">
                <a href="{{ route('trainers.show', $trainer) }}" class="p-2 hover:bg-slate-100 rounded-xl transition-colors">
                    <i data-lucide="arrow-{{ $isRtl ? 'right' : 'left' }}" class="w-5 h-5 text-slate-600"></i>
                </a>
                <h1 class="text-3xl font-black text-slate-800">{{ $isRtl ? 'جدول المدرب' : 'Trainer Schedule' }}</h1>
            </div>
            <p class="text-slate-500">
                <span class="font-bold text-slate-800">{{ $trainer->full_name }}</span>
                <span class="text-slate-400">•</span>
                <span class="font-mono text-slate-600">{{ $trainer->employee_id }}</span>
            </p>
        </div>
    </div>

    <div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
        @foreach($order as $dayKey)
            @php
                $items = $schedules->get($dayKey, collect());
            @endphp
            <div class="bg-white rounded-3xl p-6 border-2 border-slate-200">
                <div class="flex items-center justify-between gap-3 mb-4">
                    <h3 class="text-lg font-bold text-slate-800">{{ $dayLabels[$dayKey] ?? $dayKey }}</h3>
                    <span class="text-sm text-slate-500">{{ $isRtl ? 'عدد' : 'Count' }}: {{ number_format((int)$items->count()) }}</span>
                </div>

                <div class="space-y-3">
                    @forelse($items as $schedule)
                        <div class="p-4 bg-slate-50 rounded-2xl border border-slate-200">
                            <div class="flex items-start justify-between gap-4">
                                <div class="min-w-0">
                                    <p class="font-bold text-slate-800 truncate">{{ $schedule->gymClass->name ?? ($isRtl ? 'حصة' : 'Class') }}</p>
                                    <p class="text-xs text-slate-500 mt-1">
                                        {{ $isRtl ? 'القاعة:' : 'Room:' }} {{ $schedule->room ?: '—' }}
                                    </p>
                                </div>
                                <div class="text-{{ $isRtl ? 'left' : 'right' }}">
                                    <p class="font-black text-slate-800">
                                        {{ \Carbon\Carbon::parse($schedule->start_time)->format('H:i') }} - {{ \Carbon\Carbon::parse($schedule->end_time)->format('H:i') }}
                                    </p>
                                    <p class="text-xs text-slate-500 mt-1">
                                        {{ $schedule->is_active ? ($isRtl ? 'نشط' : 'Active') : ($isRtl ? 'غير نشط' : 'Inactive') }}
                                    </p>
                                </div>
                            </div>
                        </div>
                    @empty
                        <div class="p-8 text-center text-slate-500 bg-slate-50 rounded-2xl border border-slate-200">
                            {{ $isRtl ? 'لا توجد مواعيد' : 'No schedules' }}
                        </div>
                    @endforelse
                </div>
            </div>
        @endforeach
    </div>
</div>
@endsection