@extends('layouts.app')
@section('title', 'تقويم التركيبات')
@section('breadcrumb')
    <li class="breadcrumb-item"><a href="{{ route('installations.index') }}">أوامر التركيب</a></li>
    <li class="breadcrumb-item active">التقويم</li>
@endsection

@section('page_actions')
    <a href="{{ route('installations.calendar', ['week' => $start->copy()->subWeek()->toDateString()]) }}" class="btn btn-light">
        <i class="fa-solid fa-chevron-right ms-2"></i>الأسبوع السابق
    </a>
    <a href="{{ route('installations.calendar') }}" class="btn btn-light">هذا الأسبوع</a>
    <a href="{{ route('installations.calendar', ['week' => $start->copy()->addWeek()->toDateString()]) }}" class="btn btn-light">
        الأسبوع التالي<i class="fa-solid fa-chevron-left me-2"></i>
    </a>
@endsection

@section('content')
<div class="card">
    <div class="card-header">
        <span><i class="fa-regular fa-calendar-days text-primary ms-2"></i>
            من {{ arabicDate($start) }} إلى {{ arabicDate($end) }}
        </span>
    </div>
    <div class="card-body">
        <div class="row g-2">
            @for ($day = $start->copy(); $day <= $end; $day->addDay())
                @php
                    $key = $day->toDateString();
                    $dayItems = $installations[$key] ?? collect();
                    $isToday = $day->isToday();
                    $dayNames = ['السبت', 'الأحد', 'الإثنين', 'الثلاثاء', 'الأربعاء', 'الخميس', 'الجمعة'];
                    $dayName = $dayNames[[6, 0, 1, 2, 3, 4, 5][$day->dayOfWeek]] ?? $day->format('l');
                @endphp
                <div class="col-lg col-md-4 col-6">
                    <div class="border rounded h-100 {{ $isToday ? 'border-primary border-2' : '' }}">
                        <div class="p-2 text-center {{ $isToday ? 'bg-primary text-white' : 'bg-light' }} rounded-top">
                            <div class="fw-bold small">{{ $dayName }}</div>
                            <div class="small">{{ $day->format('m/d') }}</div>
                        </div>
                        <div class="p-2" style="min-height:180px">
                            @forelse ($dayItems as $inst)
                                <a href="{{ route('installations.show', $inst) }}"
                                   class="d-block text-decoration-none border rounded p-2 mb-2 bg-{{ $inst->status_color }}-subtle">
                                    <div class="fw-bold small text-{{ $inst->status_color }}">{{ $inst->scheduled_at->format('h:i A') }}</div>
                                    <div class="small text-dark">{{ \Illuminate\Support\Str::limit($inst->customer?->display_name ?? '', 22) }}</div>
                                    <div class="small text-muted">{{ $inst->vehicle?->plate_number ?? '—' }}</div>
                                    <div class="small text-muted"><i class="fa-solid fa-user-gear"></i> {{ $inst->technician?->name ?? 'لم يُسند' }}</div>
                                </a>
                            @empty
                                <div class="text-center text-muted small pt-4">لا توجد مواعيد</div>
                            @endforelse
                        </div>
                    </div>
                </div>
            @endfor
        </div>
    </div>
</div>
@endsection