@extends('layouts.app')

@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',
    ];
@endphp

@section('title', $isRtl ? 'جدول الحصص' : 'Class Schedule')

@section('content')
<div class="space-y-8">
    <div class="flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4">
        <div class="flex items-center gap-3">
            <a href="{{ route('classes.index') }}" 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>
            <div>
                <h1 class="text-3xl font-black text-slate-800">{{ $isRtl ? 'جدول الحصص' : 'Class Schedule' }}</h1>
                <p class="text-slate-500 mt-1">{{ $isRtl ? 'عرض المواعيد الأسبوعية' : 'Weekly schedules overview' }}</p>
            </div>
        </div>
        <div class="flex flex-wrap gap-3">
            <a href="{{ route('classes.bookings') }}" class="inline-flex items-center gap-2 px-5 py-3 bg-slate-100 hover:bg-slate-200 text-slate-700 rounded-xl font-semibold transition-colors">
                <i data-lucide="ticket" class="w-5 h-5"></i>
                {{ $isRtl ? 'الحجوزات' : 'Bookings' }}
            </a>
            <a href="{{ route('classes.create') }}" class="inline-flex items-center gap-2 px-6 py-3 bg-emerald-600 hover:bg-emerald-700 text-white rounded-xl font-semibold shadow-lg shadow-emerald-500/20 transition-all">
                <i data-lucide="plus" class="w-5 h-5"></i>
                {{ $isRtl ? 'حصة جديدة' : 'New Class' }}
            </a>
        </div>
    </div>

    <div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
        @foreach($days as $day)
            @php
                $daySchedules = $schedules[$day] ?? collect();
            @endphp
            <div class="bg-white rounded-3xl border-2 border-slate-200 overflow-hidden">
                <div class="p-6 border-b-2 border-slate-200 flex items-center justify-between">
                    <h2 class="text-xl font-black text-slate-800">{{ $dayLabels[$day] ?? ucfirst($day) }}</h2>
                    <span class="text-sm text-slate-500">{{ $daySchedules->count() }} {{ $isRtl ? 'موعد' : 'slots' }}</span>
                </div>
                <div class="p-6 space-y-4">
                    @forelse($daySchedules as $slot)
                        <div class="p-5 rounded-2xl border border-slate-200 bg-slate-50 hover:bg-slate-50/80 transition-all">
                            <div class="flex items-start justify-between gap-4">
                                <div class="min-w-0">
                                    <a href="{{ route('classes.show', $slot->gymClass) }}" class="font-black text-slate-800 hover:text-emerald-700 truncate block">
                                        {{ $isRtl && $slot->gymClass->name_ar ? $slot->gymClass->name_ar : $slot->gymClass->name }}
                                    </a>
                                    <p class="text-sm text-slate-500 mt-1">
                                        {{ $slot->trainer?->full_name ?? ($slot->gymClass->trainer?->full_name ?? '—') }}
                                        @if($slot->room)
                                            <span class="mx-2">•</span>{{ $isRtl ? 'قاعة:' : 'Room:' }} {{ $slot->room }}
                                        @endif
                                    </p>
                                </div>
                                <div class="text-{{ $isRtl ? 'left' : 'right' }} font-mono text-slate-800 font-bold">
                                    {{ $slot->start_time ? \Carbon\Carbon::parse($slot->start_time)->format('H:i') : '—' }}
                                    -
                                    {{ $slot->end_time ? \Carbon\Carbon::parse($slot->end_time)->format('H:i') : '—' }}
                                </div>
                            </div>
                            <div class="mt-4 flex items-center justify-between gap-4 text-sm">
                                <span class="px-3 py-1.5 rounded-full bg-white border border-slate-200 text-slate-700 font-semibold">
                                    {{ $isRtl ? 'سعة:' : 'Capacity:' }} {{ $slot->gymClass->capacity }}
                                </span>
                                <a href="{{ route('classes.bookings', ['class_id' => $slot->gym_class_id]) }}" class="text-emerald-700 font-semibold hover:underline">
                                    {{ $isRtl ? 'عرض الحجوزات' : 'View bookings' }}
                                </a>
                            </div>
                        </div>
                    @empty
                        <div class="p-10 text-center text-slate-500">
                            <i data-lucide="calendar-x" class="w-10 h-10 mx-auto mb-3 text-slate-300"></i>
                            <p>{{ $isRtl ? 'لا توجد مواعيد' : 'No schedules' }}</p>
                        </div>
                    @endforelse
                </div>
            </div>
        @endforeach
    </div>
</div>
@endsection