{{-- resources/views/superadmin/falcon-room/lives-delete/logs.blade.php --}}
@extends('layouts.superadmin')
@section('title','سجل لايفات')

@section('content')
@php
    use Carbon\Carbon;
@endphp

<div class="max-w-6xl mx-auto px-2 sm:px-4 lg:px-6 py-4 sm:py-6 rtl space-y-6">

    <div class="mb-2">
        <h1 class="text-2xl sm:text-3xl font-bold text-slate-900 dark:text-white mb-1">
            سجل اللايفات (غرفة الصقر)
        </h1>
        <p class="text-sm text-slate-600 dark:text-slate-400">
            يعرض هذا القسم جميع العمليات المسجّلة على اللايفات: إنشاء، تأكيد، أعذار، غياب بدون عذر، حذف، ونسخ.
        </p>
    </div>

    {{-- فلاتر --}}
    <form method="GET"
          class="bg-white dark:bg-slate-900 rounded-2xl shadow-md border border-slate-200 dark:border-slate-800
                 px-4 sm:px-6 py-4 sm:py-5 grid grid-cols-1 md:grid-cols-2 gap-3">
        <div>
            <label class="block text-[11px] font-semibold text-slate-700 dark:text-slate-200 mb-1">
                من تاريخ
            </label>
            <input type="date" name="from" value="{{ $from }}"
                   class="w-full rounded-xl bg-slate-50 dark:bg-slate-900 border border-slate-300 dark:border-slate-700
                          px-3 py-2 text-sm text-slate-900 dark:text-slate-100 focus:outline-none focus:ring-2 focus:ring-sky-500">
        </div>
        <div>
            <label class="block text-[11px] font-semibold text-slate-700 dark:text-slate-200 mb-1">
                إلى تاريخ
            </label>
            <input type="date" name="to" value="{{ $to }}"
                   class="w-full rounded-xl bg-slate-50 dark:bg-slate-900 border border-slate-300 dark:border-slate-700
                          px-3 py-2 text-sm text-slate-900 dark:text-slate-100 focus:outline-none focus:ring-2 focus:ring-sky-500">
        </div>

        <div class="md:col-span-2 flex items-end gap-2">
            <button class="inline-flex items-center gap-2 px-4 py-2 rounded-xl text-sm font-semibold
                           bg-sky-600 hover:bg-sky-700 text-white shadow-sm shadow-sky-500/40 transition">
                <i class="fa-solid fa-magnifying-glass text-xs"></i>
                تطبيق الفلاتر
            </button>
            <a href="{{ route('superadmin.falcon-room.lives-delete.logs') }}"
               class="inline-flex items-center gap-2 px-4 py-2 rounded-xl text-sm font-semibold
                      bg-slate-100 hover:bg-slate-200 text-slate-800
                      dark:bg-slate-900 dark:hover:bg-slate-800 dark:text-slate-100
                      border border-slate-200 dark:border-slate-700 transition">
                <i class="fa-solid fa-rotate-right text-xs"></i>
                إعادة ضبط
            </a>
        </div>
    </form>

    {{-- قائمة السجلات --}}
    @if($logs->isEmpty())
        <div class="bg-white dark:bg-slate-900 rounded-2xl shadow border border-slate-200 dark:border-slate-700 p-6 text-center text-sm text-slate-500 dark:text-slate-400">
            لا توجد سجلات للفترة المحددة.
        </div>
    @else
        <div class="bg-white dark:bg-slate-900 rounded-2xl shadow border border-slate-200 dark:border-slate-700 p-4 sm:p-5 space-y-3">
            @foreach($logs as $log)
                @php
                    $member  = $log->member_name ?? $log->member_username ?? 'عضو';
                    $actor   = $log->actor_name ?? $log->actor_username ?? 'النظام';
                    $date    = $log->scheduled_date ?? '—';
                    $time    = $log->scheduled_time ? Carbon::parse($log->scheduled_time)->format('H:i') : '—';
                    $hours   = (float)($log->hours ?? 0);
                    $delta   = (int)($log->points_delta ?? 0);
                    $created = $log->created_at ? Carbon::parse($log->created_at)->diffForHumans() : '';

                    $actionLabel = match($log->action) {
                        'created'        => 'إنشاء لايف',
                        'status_change'  => 'تغيير حالة',
                        'deleted'        => 'حذف لايف',
                        'copied'         => 'نسخ لايف',
                        default          => $log->action,
                    };

                    $statusLabel = match($log->new_status) {
                        'confirmed'        => 'مؤكد (حضر)',
                        'missed_excuse'    => 'لم يفتح مع عذر',
                        'missed_no_excuse' => 'لم يفتح بدون عذر',
                        'scheduled'        => 'غير مؤكد',
                        default            => $log->new_status,
                    };
                @endphp

                <div class="rounded-xl bg-slate-50 dark:bg-slate-900/70 border border-slate-200 dark:border-slate-700 px-3 sm:px-4 py-3 flex flex-col gap-1.5">
                    <div class="flex items-center justify-between gap-2">
                        <div class="flex items-center gap-2 text-[11px] sm:text-xs">
                            <span class="inline-flex items-center px-2 py-0.5 rounded-full bg-sky-100 text-sky-700 dark:bg-sky-900/40 dark:text-sky-200">
                                <i class="fa-solid fa-tower-broadcast text-[10px] mr-1"></i>
                                {{ $actionLabel }}
                            </span>
                            <span class="inline-flex items-center px-2 py-0.5 rounded-full bg-slate-100 text-slate-700 dark:bg-slate-800 dark:text-slate-200">
                                العضو: <span class="font-semibold mr-1">{{ $member }}</span>
                            </span>
                        </div>
                        <div class="text-[11px] text-slate-500 dark:text-slate-400">
                            {{ $date }} • {{ $time }}
                        </div>
                    </div>

                    <div class="text-[12px] sm:text-sm text-slate-800 dark:text-slate-100 leading-relaxed">
                        @if($log->action === 'created')
                            تم إنشاء لايف للعضو <span class="font-semibold">{{ $member }}</span>
                            بواسطة <span class="font-semibold">{{ $actor }}</span>
                            (المدة: {{ $hours }} س، الخانة: {{ $log->slot_label ?: '—' }}).
                        @elseif($log->action === 'status_change')
                            قام <span class="font-semibold">{{ $actor }}</span> بتغيير حالة اللايف للعضو
                            <span class="font-semibold">{{ $member }}</span>
                            إلى <span class="font-semibold">{{ $statusLabel }}</span>.
                            @if($delta !== 0)
                                <span>تغيّر النقاط: <span class="font-semibold">{{ $delta }}</span>.</span>
                            @endif
                        @elseif($log->action === 'deleted')
                            تم حذف لايف للعضو <span class="font-semibold">{{ $member }}</span>
                            (المدة: {{ $hours }} س) بواسطة <span class="font-semibold">{{ $actor }}</span>.
                        @elseif($log->action === 'copied')
                            تم نسخ لايف للعضو <span class="font-semibold">{{ $member }}</span>
                            إلى جدول جديد (المدة: {{ $hours }} س).
                        @else
                            إجراء: {{ $log->action }} على لايف للعضو
                            <span class="font-semibold">{{ $member }}</span>
                            بواسطة <span class="font-semibold">{{ $actor }}</span>.
                        @endif
                    </div>

                    @if(!empty($log->note))
                        <div class="text-[11px] text-slate-600 dark:text-slate-300 mt-1">
                            <span class="font-semibold">ملاحظة:</span>
                            {{ \Illuminate\Support\Str::limit(strip_tags($log->note), 180) }}
                        </div>
                    @endif

                    <div class="text-[11px] text-slate-500 dark:text-slate-400 flex items-center gap-1">
                        <i class="fa-regular fa-clock text-[10px]"></i>
                        <span>{{ $created }}</span>
                    </div>
                </div>
            @endforeach
        </div>
    @endif
</div>
@endsection