@extends('layouts.superadmin')

@section('title','رادار سقراط — محاولات الدخول الفاشلة')

@section('content')
@php
    $riskBadge = function($level){
        return match($level){
            'high'   => 'bg-rose-500/10 text-rose-200 border-rose-400/25',
            'medium' => 'bg-amber-500/10 text-amber-200 border-amber-400/25',
            default  => 'bg-emerald-500/10 text-emerald-200 border-emerald-400/25',
        };
    };

    $statusBadge = function($status){
        return match($status){
            'blocked'     => 'bg-rose-500/10 text-rose-200 border-rose-400/25',
            'whitelisted' => 'bg-cyan-500/10 text-cyan-200 border-cyan-400/25',
            'reviewed'    => 'bg-amber-500/10 text-amber-200 border-amber-400/25',
            default       => 'bg-white/5 text-white/80 border-white/15',
        };
    };

    $viewTableUrl = request()->fullUrlWithQuery(['view'=>'table']);
    $viewCardsUrl = request()->fullUrlWithQuery(['view'=>'cards']);
    $viewGridUrl  = request()->fullUrlWithQuery(['view'=>'grid']);
@endphp

<div class="min-h-screen bg-gradient-to-b from-slate-950 via-slate-900 to-black py-6 sm:py-8">
    <div class="max-w-7xl mx-auto px-3 sm:px-4 lg:px-6 space-y-6 rtl">

        {{-- HERO --}}
        <div class="relative overflow-hidden rounded-3xl bg-gradient-to-br from-slate-900/95 via-slate-900/98 to-black/98 border border-rose-400/25 shadow-2xl shadow-rose-500/10">
            <div class="pointer-events-none absolute -top-24 -right-10 w-72 h-72 rounded-full bg-rose-400/15 blur-3xl"></div>
            <div class="pointer-events-none absolute -bottom-28 -left-16 w-80 h-80 rounded-full bg-cyan-500/15 blur-3xl"></div>

            <div class="relative p-5 sm:p-7 lg:p-8 flex flex-col lg:flex-row lg:items-center lg:justify-between gap-6">
                <div class="space-y-3 max-w-2xl">
                    <div class="inline-flex items-center gap-2 px-3 py-1 rounded-full bg-black/40 border border-rose-300/25 text-[11px] text-rose-100">
                        <i class="fa-solid fa-user-lock text-xs"></i>
                        <span>سقراط • رادار محاولات الدخول الفاشلة • SuperAdmin</span>
                    </div>

                    <h1 class="text-2xl sm:text-3xl font-extrabold text-white tracking-tight">
                        رادار <span class="text-rose-300">محاولات الدخول</span>
                    </h1>

                    <p class="text-[12px] sm:text-[14px] text-slate-200/85 leading-relaxed">
                        هنا ترى محاولات الدخول الفاشلة ضمن الفترة المحددة — لكن <span class="text-white font-bold">مجمّعة يوميًا</span> (كل سطر = يوم + هدف + IP)
                        مع IP الحقيقي (Cloudflare)، معلومات الجهاز، اسم المتصفح الحقيقي، وتصنيف خطر ملحمي يساعدك تمسك “الذيب” من أول أثر.
                    </p>

                    <div class="flex flex-wrap gap-2 pt-1">
                        <span class="inline-flex items-center gap-2 px-3 py-1 rounded-full bg-white/5 border border-white/10 text-[11px] text-white/80">
                            <span class="w-1.5 h-1.5 rounded-full bg-cyan-400"></span>
                            إجمالي المحاولات: {{ number_format($summary['total_attempts'] ?? 0) }}
                        </span>
                        <span class="inline-flex items-center gap-2 px-3 py-1 rounded-full bg-white/5 border border-white/10 text-[11px] text-white/80">
                            <span class="w-1.5 h-1.5 rounded-full bg-emerald-400"></span>
                            IPs صالحة: {{ number_format($summary['unique_ips'] ?? 0) }}
                        </span>
                        <span class="inline-flex items-center gap-2 px-3 py-1 rounded-full bg-rose-500/10 border border-rose-400/20 text-[11px] text-rose-200">
                            <span class="w-1.5 h-1.5 rounded-full bg-rose-400"></span>
                            High‑Risk IPs: {{ number_format($summary['high_risk_ips'] ?? 0) }}
                        </span>
                        <span class="inline-flex items-center gap-2 px-3 py-1 rounded-full bg-amber-500/10 border border-amber-400/20 text-[11px] text-amber-200">
                            <span class="w-1.5 h-1.5 rounded-full bg-amber-400"></span>
                            محظور: {{ number_format($summary['blocked'] ?? 0) }}
                        </span>
                    </div>
                </div>

                {{-- FILTER --}}
                <div class="w-full lg:w-auto">
                    <div class="rounded-2xl bg-black/40 border border-white/15 px-4 py-3 space-y-2 text-xs text-slate-100">
                        <div class="flex items-center gap-2">
                            <div class="w-8 h-8 rounded-xl bg-rose-500/20 text-rose-200 grid place-items-center">
                                <i class="fa-solid fa-filter"></i>
                            </div>
                            <div class="min-w-0">
                                <div class="text-[11px] text-slate-300/80">فلترة الرادار</div>
                                <div class="font-bold text-sm truncate">بحث • خطر • حالة</div>
                            </div>
                        </div>

                        <form method="get" class="grid grid-cols-2 gap-2 pt-2">

                            <div>
                                <label class="text-[10px] text-slate-300/80">من</label>
                                <input type="date" name="from" value="{{ $from }}"
                                       class="w-full mt-1 rounded-xl bg-black/50 border border-white/15 text-xs text-slate-50 px-3 py-2 focus:outline-none focus:ring-2 focus:ring-rose-500/40">
                            </div>

                            <div>
                                <label class="text-[10px] text-slate-300/80">إلى</label>
                                <input type="date" name="to" value="{{ $to }}"
                                       class="w-full mt-1 rounded-xl bg-black/50 border border-white/15 text-xs text-slate-50 px-3 py-2 focus:outline-none focus:ring-2 focus:ring-cyan-500/40">
                            </div>

                            <div class="col-span-2">
                                <label class="text-[10px] text-slate-300/80">بحث</label>
                                <input name="q" value="{{ $q }}" placeholder="IP / اسم / إيميل / Login / UA..."
                                       class="w-full mt-1 rounded-xl bg-black/50 border border-white/15 text-xs text-slate-50 px-3 py-2 focus:outline-none focus:ring-2 focus:ring-rose-500/40">
                            </div>

                            <div>
                                <label class="text-[10px] text-slate-300/80">الخطر</label>
                                <select name="risk"
                                        class="w-full mt-1 rounded-xl bg-black/50 border border-white/15 text-xs text-slate-50 px-3 py-2 focus:outline-none">
                                    <option value="">الكل</option>
                                    <option value="high"   @selected($risk==='high')>High</option>
                                    <option value="medium" @selected($risk==='medium')>Medium</option>
                                    <option value="low"    @selected($risk==='low')>Low</option>
                                </select>
                            </div>

                            <div>
                                <label class="text-[10px] text-slate-300/80">حالة الإدارة</label>
                                <select name="status"
                                        class="w-full mt-1 rounded-xl bg-black/50 border border-white/15 text-xs text-slate-50 px-3 py-2 focus:outline-none">
                                    <option value="">الكل</option>
                                    @foreach($statuses as $k => $label)
                                        <option value="{{ $k }}" @selected($status===$k)>{{ $label }}</option>
                                    @endforeach
                                </select>
                            </div>

                            <div>
                                <label class="text-[10px] text-slate-300/80">السبب</label>
                                <select name="reason"
                                        class="w-full mt-1 rounded-xl bg-black/50 border border-white/15 text-xs text-slate-50 px-3 py-2 focus:outline-none">
                                    <option value="">الكل</option>
                                    @foreach($reasons as $k => $label)
                                        <option value="{{ $k }}" @selected($reason===$k)>{{ $label }}</option>
                                    @endforeach
                                </select>
                            </div>

                            <div>
                                <label class="text-[10px] text-slate-300/80">Min IP Attempts</label>
                                <input type="number" min="1" name="min_ip_attempts" value="{{ $minIpAttempts }}"
                                       class="w-full mt-1 rounded-xl bg-black/50 border border-white/15 text-xs text-slate-50 px-3 py-2 focus:outline-none">
                            </div>

                            <input type="hidden" name="view" value="{{ $viewMode }}">

                            <button class="col-span-2 inline-flex items-center justify-center px-4 py-2 rounded-2xl text-xs font-bold text-slate-900
                                bg-gradient-to-r from-rose-300 via-rose-200 to-cyan-200 shadow-lg shadow-rose-500/25 hover:scale-[1.01] active:scale-100 transition">
                                <i class="fa-solid fa-rotate ms-2 text-[11px]"></i>
                                تحديث الرادار
                            </button>

                            {{-- View Mode --}}
                            <div class="col-span-2 grid grid-cols-3 gap-2 pt-1">
                                <a href="{{ $viewTableUrl }}"
                                   class="inline-flex items-center justify-center px-3 py-2 rounded-2xl border text-[11px] font-bold
                                          {{ $viewMode==='table' ? 'bg-white/15 border-white/20 text-white' : 'bg-white/5 border-white/10 text-white/70 hover:bg-white/10 hover:text-white' }}">
                                    <i class="fa-solid fa-table ms-2 text-[11px]"></i>
                                    جدول
                                </a>
                                <a href="{{ $viewCardsUrl }}"
                                   class="inline-flex items-center justify-center px-3 py-2 rounded-2xl border text-[11px] font-bold
                                          {{ $viewMode==='cards' ? 'bg-white/15 border-white/20 text-white' : 'bg-white/5 border-white/10 text-white/70 hover:bg-white/10 hover:text-white' }}">
                                    <i class="fa-solid fa-id-card ms-2 text-[11px]"></i>
                                    كروت
                                </a>
                                <a href="{{ $viewGridUrl }}"
                                   class="inline-flex items-center justify-center px-3 py-2 rounded-2xl border text-[11px] font-bold
                                          {{ $viewMode==='grid' ? 'bg-white/15 border-white/20 text-white' : 'bg-white/5 border-white/10 text-white/70 hover:bg-white/10 hover:text-white' }}">
                                    <i class="fa-solid fa-grip ms-2 text-[11px]"></i>
                                    شبكي
                                </a>
                            </div>
                        </form>
                    </div>
                </div>

            </div>
        </div>

        {{-- FLASH --}}
        @if(session('success'))
            <div class="rounded-2xl border border-emerald-400/20 bg-emerald-500/10 text-emerald-200 px-4 py-3 text-sm">
                {{ session('success') }}
            </div>
        @endif

        {{-- STATS CARDS --}}
        <div class="grid gap-4 lg:grid-cols-4">
            <div class="relative overflow-hidden rounded-3xl bg-gradient-to-br from-slate-900 to-slate-950 border border-white/10 shadow-xl p-5">
                <div class="pointer-events-none absolute -top-16 -right-10 w-44 h-44 rounded-full bg-white/8 blur-3xl"></div>
                <div class="flex items-center gap-3">
                    <div class="w-10 h-10 rounded-2xl bg-white/10 border border-white/10 grid place-items-center text-white">
                        <i class="fa-solid fa-bolt"></i>
                    </div>
                    <div>
                        <div class="text-[11px] text-slate-300/80">إجمالي المحاولات</div>
                        <div class="text-2xl font-extrabold text-white">{{ number_format($summary['total_attempts'] ?? 0) }}</div>
                    </div>
                </div>
            </div>

            <div class="relative overflow-hidden rounded-3xl bg-gradient-to-br from-cyan-600/10 via-slate-950 to-slate-950 border border-cyan-400/20 shadow-xl p-5">
                <div class="pointer-events-none absolute -top-16 -left-10 w-44 h-44 rounded-full bg-cyan-400/10 blur-3xl"></div>
                <div class="flex items-center gap-3">
                    <div class="w-10 h-10 rounded-2xl bg-cyan-500/15 border border-cyan-400/25 grid place-items-center text-cyan-200">
                        <i class="fa-solid fa-network-wired"></i>
                    </div>
                    <div>
                        <div class="text-[11px] text-slate-300/80">IPs صالحة</div>
                        <div class="text-2xl font-extrabold text-cyan-200">{{ number_format($summary['unique_ips'] ?? 0) }}</div>
                    </div>
                </div>
            </div>

            <div class="relative overflow-hidden rounded-3xl bg-gradient-to-br from-rose-600/10 via-slate-950 to-slate-950 border border-rose-400/20 shadow-xl p-5">
                <div class="pointer-events-none absolute -top-16 -left-10 w-44 h-44 rounded-full bg-rose-400/10 blur-3xl"></div>
                <div class="flex items-center gap-3">
                    <div class="w-10 h-10 rounded-2xl bg-rose-500/15 border border-rose-400/25 grid place-items-center text-rose-200">
                        <i class="fa-solid fa-triangle-exclamation"></i>
                    </div>
                    <div>
                        <div class="text-[11px] text-slate-300/80">High‑Risk IPs</div>
                        <div class="text-2xl font-extrabold text-rose-200">{{ number_format($summary['high_risk_ips'] ?? 0) }}</div>
                    </div>
                </div>
            </div>

            <div class="relative overflow-hidden rounded-3xl bg-gradient-to-br from-amber-600/10 via-slate-950 to-slate-950 border border-amber-400/20 shadow-xl p-5">
                <div class="pointer-events-none absolute -top-16 -right-10 w-44 h-44 rounded-full bg-amber-400/10 blur-3xl"></div>
                <div class="flex items-center gap-3">
                    <div class="w-10 h-10 rounded-2xl bg-amber-500/15 border border-amber-400/25 grid place-items-center text-amber-200">
                        <i class="fa-solid fa-bullseye"></i>
                    </div>
                    <div>
                        <div class="text-[11px] text-slate-300/80">Targets (Login)</div>
                        <div class="text-2xl font-extrabold text-amber-200">{{ number_format($summary['unique_targets'] ?? 0) }}</div>
                    </div>
                </div>
            </div>
        </div>

        {{-- TOP REASONS + TOP IPS --}}
        <div class="grid gap-4 lg:grid-cols-2">
            <div class="rounded-3xl border border-white/10 bg-slate-950/70 overflow-hidden shadow-xl">
                <div class="px-4 sm:px-6 py-4 border-b border-white/10">
                    <h2 class="text-sm sm:text-base font-bold text-rose-200">أعلى الأسباب</h2>
                    <p class="text-[11px] sm:text-xs text-slate-300/80 mt-1">لمحة سريعة: لماذا يفشلون؟</p>
                </div>
                <div class="p-4 sm:p-6 flex flex-wrap gap-2">
                    @forelse($topReasons as $tr)
                        <span class="inline-flex items-center gap-2 px-3 py-1 rounded-full bg-white/5 border border-white/10 text-[11px] text-white/80">
                            <span class="w-1.5 h-1.5 rounded-full bg-rose-400"></span>
                            <span class="font-bold">{{ $reasons[$tr->reason] ?? $tr->reason }}</span>
                            <span class="opacity-70">({{ number_format($tr->cnt) }})</span>
                        </span>
                    @empty
                        <div class="text-white/60 text-sm">—</div>
                    @endforelse
                </div>
            </div>

            <div class="rounded-3xl border border-white/10 bg-slate-950/70 overflow-hidden shadow-xl">
                <div class="px-4 sm:px-6 py-4 border-b border-white/10">
                    <h2 class="text-sm sm:text-base font-bold text-cyan-200">أعلى IPs</h2>
                    <p class="text-[11px] sm:text-xs text-slate-300/80 mt-1">الأكثر ضغطًا خلال الفترة.</p>
                </div>
                <div class="p-4 sm:p-6 space-y-2">
                    @forelse($topIps as $ip)
                        <div class="flex items-center justify-between rounded-2xl bg-white/5 border border-white/10 px-4 py-3">
                            <div class="text-white/90 font-bold text-sm">{{ $ip->ip_address }}</div>
                            <div class="text-xs text-white/70">
                                محاولات: <span class="font-extrabold text-white">{{ number_format($ip->ip_attempts) }}</span>
                                • Targets: <span class="font-extrabold text-white">{{ number_format($ip->ip_targets) }}</span>
                            </div>
                        </div>
                    @empty
                        <div class="text-white/60 text-sm">—</div>
                    @endforelse
                </div>
            </div>
        </div>

        {{-- LIST --}}
        @if($viewMode === 'table')
            <div class="rounded-3xl border border-white/10 bg-slate-950/70 overflow-hidden shadow-xl">
                <div class="px-4 sm:px-6 py-4 border-b border-white/10 flex items-center justify-between">
                    <div>
                        <h2 class="text-sm sm:text-base font-bold text-white">سجل المحاولات (مجمّع يوميًا)</h2>
                        <p class="text-[11px] sm:text-xs text-slate-300/80 mt-1">كل سطر = يوم + هدف + IP… وكل يوم قصة.</p>
                    </div>
                    <div class="text-xs text-white/60">
                        النتائج: <span class="text-white font-bold">{{ number_format($rows->total()) }}</span>
                    </div>
                </div>

                <div class="overflow-x-auto">
                    <table class="w-full text-sm">
                        <thead class="bg-white/5">
                        <tr class="text-white/60 text-[11px] font-semibold">
                            <th class="text-right px-4 py-3">اليوم</th>
                            <th class="text-right px-4 py-3">الهدف</th>
                            <th class="text-right px-4 py-3">IP</th>
                            <th class="text-right px-4 py-3">الجهاز</th>
                            <th class="text-right px-4 py-3">السبب</th>
                            <th class="text-right px-4 py-3">محاولات</th>
                            <th class="text-right px-4 py-3">Risk</th>
                            <th class="text-right px-4 py-3">الإدارة</th>
                            <th class="text-right px-4 py-3">تفاصيل</th>
                        </tr>
                        </thead>

                        <tbody class="divide-y divide-white/5">
                        @forelse($rows as $r)
                            @php
                                $rowDay   = data_get($r,'day');
                                $firstAt  = data_get($r,'first_at') ?? data_get($r,'created_at');
                                $lastAt   = data_get($r,'last_at')  ?? data_get($r,'created_at');
                                $attemptsInDay = (int) (data_get($r,'attempts_in_day') ?? 1);

                                $reviewId = data_get($r,'last_id') ?? data_get($r,'id'); // مهم للفورم
                                $ipDisplay = data_get($r,'ip_display');
                            @endphp

                            <tr class="text-white/85 align-top">
                                {{-- DAY + RANGE --}}
                                <td class="px-4 py-3">
                                    <div class="text-[11px] text-white/80 font-extrabold">
                                        {{ $rowDay ? \Carbon\Carbon::parse($rowDay)->format('Y-m-d') : (\Carbon\Carbon::parse($firstAt)->format('Y-m-d')) }}
                                    </div>
                                    <div class="text-[10px] text-white/50 mt-1">
                                        @if($firstAt && $lastAt)
                                            من {{ \Carbon\Carbon::parse($firstAt)->format('H:i') }}
                                            إلى {{ \Carbon\Carbon::parse($lastAt)->format('H:i') }}
                                        @else
                                            —
                                        @endif
                                    </div>
                                </td>

                                {{-- TARGET --}}
                                <td class="px-4 py-3">
                                    <div class="font-extrabold text-white text-[13px]">
                                        {{ data_get($r,'user_name') ?: data_get($r,'login_value') }}
                                    </div>
                                    <div class="text-[11px] text-white/60 mt-1">
                                        {{ data_get($r,'user_email') ?: (data_get($r,'login_field').' : '.data_get($r,'login_value')) }}
                                    </div>

                                    @if($attemptsInDay > 1)
                                        <div class="mt-2">
                                            <span class="inline-flex items-center gap-2 px-3 py-1 rounded-full bg-white/5 border border-white/10 text-[11px] text-white/80">
                                                <i class="fa-solid fa-fire-flame-curved text-[11px] text-rose-200"></i>
                                                محاولات هذا الهدف اليوم: <span class="font-extrabold text-white">{{ $attemptsInDay }}</span>
                                            </span>
                                        </div>
                                    @endif
                                </td>

                                {{-- IP --}}
                                <td class="px-4 py-3">
                                    <div class="font-bold text-white">{{ $ipDisplay ?: '—' }}</div>
                                    <div class="text-[11px] text-white/50 mt-1">
                                        {{ data_get($r,'ip_country') ?: '—' }}
                                    </div>
                                </td>

                                {{-- DEVICE --}}
                                <td class="px-4 py-3">
                                    <div class="text-[12px] text-white font-bold">{{ data_get($r,'device_type') ?: '—' }}</div>
                                    <div class="text-[11px] text-white/60 mt-1">
                                        {{ data_get($r,'browser') ?: '—' }} • {{ data_get($r,'os') ?: '—' }}
                                    </div>
                                </td>

                                {{-- REASON --}}
                                <td class="px-4 py-3 text-[12px]">
                                    <span class="inline-flex items-center px-3 py-1 rounded-full bg-white/5 border border-white/10 text-white/80">
                                        {{ $reasons[data_get($r,'reason')] ?? data_get($r,'reason') }}
                                    </span>
                                </td>

                                {{-- ATTEMPTS --}}
                                <td class="px-4 py-3 text-[12px]">
                                    <div class="font-extrabold text-white">
                                        {{ $attemptsInDay }}
                                    </div>
                                    <div class="text-[11px] text-white/60">
                                        IP اليوم: {{ (int) data_get($r,'ip_attempts',0) }}
                                        • Targets: {{ (int) data_get($r,'ip_targets',0) }}
                                        • Users: {{ (int) data_get($r,'ip_users',0) }}
                                    </div>
                                </td>

                                {{-- RISK --}}
                                <td class="px-4 py-3">
                                    <span class="inline-flex items-center px-3 py-1 rounded-full border text-[11px] font-extrabold {{ $riskBadge(data_get($r,'risk_level')) }}">
                                        {{ strtoupper((string) data_get($r,'risk_level','low')) }}
                                    </span>
                                </td>

                                {{-- ADMIN STATUS --}}
                                <td class="px-4 py-3">
                                    <span class="inline-flex items-center px-3 py-1 rounded-full border text-[11px] font-extrabold {{ $statusBadge(data_get($r,'admin_status')) }}">
                                        {{ $statuses[data_get($r,'admin_status')] ?? data_get($r,'admin_status') }}
                                    </span>
                                    @if(data_get($r,'admin_note'))
                                        <div class="text-[11px] text-white/60 mt-2 line-clamp-2">{{ data_get($r,'admin_note') }}</div>
                                    @endif
                                </td>

                                {{-- DETAILS --}}
                                <td class="px-4 py-3">
                                    <details class="group">
                                        <summary class="cursor-pointer inline-flex items-center gap-2 px-3 py-2 rounded-2xl bg-white/5 border border-white/10 text-[11px] text-white/80 hover:bg-white/10">
                                            <i class="fa-solid fa-circle-info text-[11px]"></i>
                                            تفاصيل
                                            <i class="fa-solid fa-chevron-down text-[11px] opacity-70 transition-transform duration-200 group-open:rotate-180"></i>
                                        </summary>

                                        <div class="mt-3 rounded-2xl bg-black/40 border border-white/10 p-4 space-y-3">
                                            <div class="text-[11px] text-white/70">
                                                <span class="text-white/90 font-bold">UA:</span>
                                                <span class="break-words">{{ data_get($r,'user_agent_short') ?: '—' }}</span>
                                            </div>

                                            <div class="grid gap-2 sm:grid-cols-2 text-[11px] text-white/70">
                                                <div class="rounded-xl bg-white/5 border border-white/10 px-3 py-2">
                                                    <span class="font-bold text-white/90">IP Real:</span> {{ data_get($r,'ip_real') ?: '—' }}
                                                </div>

                                                <div class="rounded-xl bg-white/5 border border-white/10 px-3 py-2">
                                                    <span class="font-bold text-white/90">Pseudo v4:</span> {{ data_get($r,'ip_pseudo_v4') ?: '—' }}
                                                </div>

                                                <div class="rounded-xl bg-white/5 border border-white/10 px-3 py-2">
                                                    <span class="font-bold text-white/90">محاولات هذا الهدف اليوم:</span> {{ $attemptsInDay }}
                                                </div>

                                                <div class="rounded-xl bg-white/5 border border-white/10 px-3 py-2">
                                                    <span class="font-bold text-white/90">Remaining:</span> {{ data_get($r,'remaining_attempts') ?? '—' }}
                                                </div>

                                                <div class="rounded-xl bg-white/5 border border-white/10 px-3 py-2 sm:col-span-2">
                                                    <span class="font-bold text-white/90">الفترة:</span>
                                                    @if($firstAt && $lastAt)
                                                        {{ \Carbon\Carbon::parse($firstAt)->format('Y-m-d H:i:s') }}
                                                        → {{ \Carbon\Carbon::parse($lastAt)->format('Y-m-d H:i:s') }}
                                                    @else
                                                        —
                                                    @endif
                                                </div>
                                            </div>

                                            {{-- Admin form --}}
                                            @if($reviewId)
                                                <form method="POST" action="{{ route('superadmin.falcon-room.failed-logins.review', $reviewId) }}" class="space-y-2">
                                                    @csrf

                                                    <div class="grid gap-2 sm:grid-cols-3">
                                                        <select name="admin_status"
                                                                class="w-full rounded-xl bg-black/50 border border-white/15 text-xs text-slate-50 px-3 py-2 focus:outline-none">
                                                            @foreach($statuses as $k => $label)
                                                                <option value="{{ $k }}" @selected(data_get($r,'admin_status')===$k)>{{ $label }}</option>
                                                            @endforeach
                                                        </select>

                                                        <input name="admin_note" value="{{ old('admin_note', data_get($r,'admin_note')) }}"
                                                               placeholder="ملاحظة الإدارة (اختياري)"
                                                               class="w-full sm:col-span-2 rounded-xl bg-black/50 border border-white/15 text-xs text-slate-50 px-3 py-2 focus:outline-none">
                                                    </div>

                                                    <button class="inline-flex items-center justify-center px-4 py-2 rounded-2xl text-xs font-extrabold text-slate-900
                                                        bg-gradient-to-r from-amber-200 via-rose-200 to-cyan-200 shadow-lg shadow-rose-500/20 hover:scale-[1.01] active:scale-100 transition">
                                                        <i class="fa-solid fa-floppy-disk ms-2 text-[11px]"></i>
                                                        حفظ (واجب المدير ✅)
                                                    </button>
                                                </form>
                                            @else
                                                <div class="rounded-2xl border border-amber-400/20 bg-amber-500/10 text-amber-200 px-4 py-3 text-[11px]">
                                                    ملاحظة: هذا الصف “مجمّع يوميًا”، ولم يتم تمرير <span class="font-bold">last_id</span> من الكنترولر لتفعيل حفظ واجب المدير.
                                                </div>
                                            @endif
                                        </div>
                                    </details>
                                </td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="9" class="px-4 py-10 text-center text-slate-300/80 text-sm">
                                    لا يوجد محاولات ضمن هذه الفترة.
                                </td>
                            </tr>
                        @endforelse
                        </tbody>
                    </table>
                </div>

                <div class="px-4 sm:px-6 py-4 border-t border-white/10">
                    {{ $rows->links() }}
                </div>
            </div>

        @else
            {{-- Cards / Grid --}}
            @php
                $cols = $viewMode === 'grid' ? 'lg:grid-cols-3' : 'lg:grid-cols-2';
            @endphp

            <div class="space-y-3">
                <div class="flex items-center justify-between">
                    <div>
                        <h2 class="text-sm sm:text-base font-bold text-white">
                            {{ $viewMode === 'grid' ? 'عرض شبكي فاخر (مجمّع يوميًا)' : 'عرض كروت فاخر (مجمّع يوميًا)' }}
                        </h2>
                        <p class="text-[11px] sm:text-xs text-slate-300/80">نفس البيانات… بس بحضور بصري أقوى.</p>
                    </div>
                    <div class="text-xs text-white/60">
                        النتائج: <span class="text-white font-bold">{{ number_format($rows->total()) }}</span>
                    </div>
                </div>

                <div class="grid gap-3 {{ $cols }}">
                    @forelse($rows as $r)
                        @php
                            $rowDay   = data_get($r,'day');
                            $firstAt  = data_get($r,'first_at') ?? data_get($r,'created_at');
                            $lastAt   = data_get($r,'last_at')  ?? data_get($r,'created_at');
                            $attemptsInDay = (int) (data_get($r,'attempts_in_day') ?? 1);

                            $reviewId = data_get($r,'last_id') ?? data_get($r,'id');
                        @endphp

                        <div class="group relative overflow-hidden rounded-3xl border border-white/10 bg-gradient-to-br from-slate-900/85 via-slate-950/85 to-black/85 p-4 shadow-xl hover:border-rose-400/25 transition">
                            <div class="pointer-events-none absolute -top-14 -right-12 w-44 h-44 rounded-full bg-rose-500/10 blur-3xl opacity-0 group-hover:opacity-100 transition"></div>

                            <div class="flex items-start justify-between gap-3">
                                <div class="min-w-0">
                                    <div class="text-white font-extrabold text-sm truncate">
                                        {{ data_get($r,'user_name') ?: data_get($r,'login_value') }}
                                    </div>
                                    <div class="text-xs text-slate-300/80 mt-1 truncate">
                                        {{ data_get($r,'user_email') ?: (data_get($r,'login_field') . ': ' . data_get($r,'login_value')) }}
                                    </div>

                                    <div class="mt-3 grid grid-cols-2 gap-2 text-[11px]">
                                        <div class="rounded-2xl bg-white/5 border border-white/10 px-3 py-2">
                                            <div class="text-white/60">IP</div>
                                            <div class="font-bold text-white truncate">{{ data_get($r,'ip_display') ?: '—' }}</div>
                                        </div>
                                        <div class="rounded-2xl bg-white/5 border border-white/10 px-3 py-2">
                                            <div class="text-white/60">Device</div>
                                            <div class="font-bold text-white truncate">{{ data_get($r,'device_type') ?: '—' }}</div>
                                        </div>
                                        <div class="rounded-2xl bg-white/5 border border-white/10 px-3 py-2">
                                            <div class="text-white/60">Browser/OS</div>
                                            <div class="font-bold text-white truncate">{{ data_get($r,'browser') ?: '—' }} • {{ data_get($r,'os') ?: '—' }}</div>
                                        </div>
                                        <div class="rounded-2xl bg-white/5 border border-white/10 px-3 py-2">
                                            <div class="text-white/60">Attempts (Day)</div>
                                            <div class="font-extrabold text-white">{{ $attemptsInDay }}</div>
                                            <div class="text-[10px] text-white/50 mt-1">
                                                IP اليوم: {{ (int) data_get($r,'ip_attempts',0) }}
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="flex flex-col items-end gap-2">
                                    <span class="inline-flex items-center px-3 py-1 rounded-full border text-[11px] font-extrabold {{ $riskBadge(data_get($r,'risk_level')) }}">
                                        {{ strtoupper((string) data_get($r,'risk_level','low')) }}
                                    </span>
                                    <span class="inline-flex items-center px-3 py-1 rounded-full border text-[11px] font-extrabold {{ $statusBadge(data_get($r,'admin_status')) }}">
                                        {{ $statuses[data_get($r,'admin_status')] ?? data_get($r,'admin_status') }}
                                    </span>
                                </div>
                            </div>

                            <div class="mt-3 flex items-center justify-between text-[11px] text-white/60">
                                <span>
                                    {{ $rowDay ? \Carbon\Carbon::parse($rowDay)->format('Y-m-d') : (\Carbon\Carbon::parse($firstAt)->format('Y-m-d')) }}
                                    @if($firstAt && $lastAt)
                                        • {{ \Carbon\Carbon::parse($firstAt)->format('H:i') }}-{{ \Carbon\Carbon::parse($lastAt)->format('H:i') }}
                                    @endif
                                </span>
                                <span class="inline-flex items-center px-3 py-1 rounded-full bg-white/5 border border-white/10 text-white/80">
                                    {{ $reasons[data_get($r,'reason')] ?? data_get($r,'reason') }}
                                </span>
                            </div>

                            <details class="group mt-3">
                                <summary class="cursor-pointer inline-flex items-center gap-2 px-3 py-2 rounded-2xl bg-white/5 border border-white/10 text-[11px] text-white/80 hover:bg-white/10">
                                    <i class="fa-solid fa-shield-halved text-[11px]"></i>
                                    واجب المدير
                                    <i class="fa-solid fa-chevron-down text-[11px] opacity-70 transition-transform duration-200 group-open:rotate-180"></i>
                                </summary>

                                <div class="mt-3 rounded-2xl bg-black/40 border border-white/10 p-4 space-y-3">
                                    <div class="text-[11px] text-white/70">
                                        <span class="text-white/90 font-bold">UA:</span>
                                        <span class="break-words">{{ data_get($r,'user_agent_short') ?: '—' }}</span>
                                    </div>

                                    @if($reviewId)
                                        <form method="POST" action="{{ route('superadmin.falcon-room.failed-logins.review', $reviewId) }}" class="space-y-2">
                                            @csrf
                                            <select name="admin_status"
                                                    class="w-full rounded-xl bg-black/50 border border-white/15 text-xs text-slate-50 px-3 py-2 focus:outline-none">
                                                @foreach($statuses as $k => $label)
                                                    <option value="{{ $k }}" @selected(data_get($r,'admin_status')===$k)>{{ $label }}</option>
                                                @endforeach
                                            </select>

                                            <input name="admin_note" value="{{ old('admin_note', data_get($r,'admin_note')) }}"
                                                   placeholder="ملاحظة الإدارة (اختياري)"
                                                   class="w-full rounded-xl bg-black/50 border border-white/15 text-xs text-slate-50 px-3 py-2 focus:outline-none">

                                            <button class="w-full inline-flex items-center justify-center px-4 py-2 rounded-2xl text-xs font-extrabold text-slate-900
                                                bg-gradient-to-r from-amber-200 via-rose-200 to-cyan-200 shadow-lg shadow-rose-500/20 hover:scale-[1.01] active:scale-100 transition">
                                                <i class="fa-solid fa-floppy-disk ms-2 text-[11px]"></i>
                                                حفظ
                                            </button>
                                        </form>
                                    @else
                                        <div class="rounded-2xl border border-amber-400/20 bg-amber-500/10 text-amber-200 px-4 py-3 text-[11px]">
                                            لم يتم تمرير last_id من الكنترولر لتفعيل الحفظ.
                                        </div>
                                    @endif
                                </div>
                            </details>
                        </div>
                    @empty
                        <div class="rounded-3xl border border-dashed border-white/15 bg-black/30 px-4 py-10 text-center text-slate-300/80 text-sm lg:col-span-3">
                            لا يوجد محاولات ضمن هذه الفترة.
                        </div>
                    @endforelse
                </div>

                <div class="rounded-3xl border border-white/10 bg-slate-950/70 overflow-hidden shadow-xl">
                    <div class="px-4 sm:px-6 py-4">
                        {{ $rows->links() }}
                    </div>
                </div>
            </div>
        @endif

    </div>
</div>
@endsection