@extends('layouts.app')

@section('title', 'أداء الأطباء')

@section('content')
<x-clinic-hero
    title="أداء الأطباء"
    subtitle="مؤشرات أداء كل طبيب — مواعيد، إكمال، إيرادات، تحويل"
    icon="ti-stethoscope"
    tone="reports"
    :stats="[
        ['icon' => 'ti-users', 'value' => $totals['doctors'], 'label' => 'أطباء نشطون'],
        ['icon' => 'ti-calendar-event', 'value' => number_format($totals['appointments']), 'label' => 'مواعيد'],
        ['icon' => 'ti-check', 'value' => number_format($totals['completed']), 'label' => 'مكتمل'],
        ['icon' => 'ti-cash', 'value' => \App\Support\Currency::format($totals['revenue'], 0), 'label' => 'إيرادات'],
    ]"
>
    <x-slot:actions>
        <button class="btn btn-light" onclick="window.print()">
            <i class="ti ti-printer me-1"></i> طباعة
        </button>
        <a href="{{ route('reports.index') }}" class="btn btn-outline-light">
            <i class="ti ti-arrow-right me-1"></i> كل التقارير
        </a>
    </x-slot:actions>
</x-clinic-hero>

<div class="card clinic-section mb-3">
    <div class="card-body py-3">
        <form method="GET" class="row g-2 align-items-end">
            <div class="col-md-3">
                <label class="form-label small">من تاريخ</label>
                <input type="date" name="from" value="{{ $from }}" class="form-control">
            </div>
            <div class="col-md-3">
                <label class="form-label small">إلى تاريخ</label>
                <input type="date" name="to" value="{{ $to }}" class="form-control">
            </div>
            <div class="col-md-3">
                <button class="btn btn-primary w-100">
                    <i class="ti ti-filter me-1"></i> تطبيق الفترة
                </button>
            </div>
            <div class="col-md-3 text-md-end small text-muted">
                {{ \Carbon\Carbon::parse($from)->translatedFormat('j M Y') }}
                ← {{ \Carbon\Carbon::parse($to)->translatedFormat('j M Y') }}
            </div>
        </form>
    </div>
</div>

<div class="card clinic-section">
    <div class="card-header">
        <h3 class="card-title"><i class="ti ti-trophy me-1"></i> أداء كل طبيب</h3>
    </div>
    @if($rows->isEmpty())
        <div class="card-body">
            <div class="empty-card-rich">
                <i class="ti ti-stethoscope-off"></i>
                <h3>لا توجد بيانات في هذه الفترة</h3>
                <p>غيّر النطاق الزمني أو سجّل مواعيد للأطباء.</p>
            </div>
        </div>
    @else
        <div class="table-responsive">
            <table class="table table-vcenter clinic-table mb-0">
                <thead>
                    <tr>
                        <th>الطبيب</th>
                        <th class="text-center">مواعيد</th>
                        <th class="text-center">مكتمل</th>
                        <th class="text-center">ملغي</th>
                        <th class="text-center">لم يحضر</th>
                        <th class="text-center">معدّل الإكمال</th>
                        <th class="text-center">مرضى مختلفون</th>
                        <th class="text-end">إيرادات</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($rows as $i => $r)
                        @php
                            $initials = collect(preg_split('/\s+/u', trim($r->doctor_name ?? '')))
                                ->filter()->take(2)
                                ->map(fn ($w) => mb_substr($w, 0, 1))
                                ->implode('') ?: '؟';
                            // Highlight rate quality: red <50, yellow 50-79, green ≥80.
                            $rateColor = $r->completion_rate >= 80 ? 'success'
                                : ($r->completion_rate >= 50 ? 'warning' : 'danger');
                            $rankBg = match ($i) {
                                0 => '#fef3c7',
                                1 => '#e0e7ff',
                                2 => '#fae8ff',
                                default => '#f1f5f9',
                            };
                        @endphp
                        <tr>
                            <td>
                                <div class="d-flex align-items-center gap-2">
                                    <span style="width:24px;height:24px;border-radius:50%;background:{{ $rankBg }};display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:.75rem;flex-shrink:0;">{{ $i + 1 }}</span>
                                    <span class="entity-avatar role-doctor">{{ $initials }}</span>
                                    <div>
                                        <strong><bdi>د. {{ $r->doctor_name ?? '—' }}</bdi></strong>
                                        @if($r->specialization)
                                            <div class="small text-muted">{{ $r->specialization }}</div>
                                        @endif
                                    </div>
                                </div>
                            </td>
                            <td class="text-center fw-bold">{{ number_format($r->total_appts) }}</td>
                            <td class="text-center">
                                <span class="status-pill bg-success-lt text-success">{{ number_format($r->completed) }}</span>
                            </td>
                            <td class="text-center">
                                <span class="text-muted">{{ number_format($r->cancelled) }}</span>
                            </td>
                            <td class="text-center">
                                <span class="text-warning">{{ number_format($r->no_shows) }}</span>
                            </td>
                            <td class="text-center" style="min-width: 130px;">
                                <div class="d-flex align-items-center gap-2">
                                    <div class="progress flex-grow-1" style="height:6px;">
                                        <div class="progress-bar bg-{{ $rateColor }}"
                                             style="width:{{ $r->completion_rate }}%"></div>
                                    </div>
                                    <strong class="text-{{ $rateColor }}">{{ $r->completion_rate }}%</strong>
                                </div>
                            </td>
                            <td class="text-center">{{ number_format($r->unique_patients) }}</td>
                            <td class="text-end fw-bold text-success text-mono-en">
                                {{ number_format($r->revenue, 0) }}
                                <x-sar class="text-muted" />
                            </td>
                        </tr>
                    @endforeach
                </tbody>
                <tfoot>
                    <tr style="background:#f8fafc;">
                        <th class="text-end">الإجمالي</th>
                        <th class="text-center">{{ number_format($totals['appointments']) }}</th>
                        <th class="text-center">{{ number_format($totals['completed']) }}</th>
                        <th colspan="2"></th>
                        <th class="text-center">
                            @php $overall = $totals['appointments'] > 0 ? round(($totals['completed'] / $totals['appointments']) * 100, 1) : 0; @endphp
                            <strong>{{ $overall }}%</strong>
                        </th>
                        <th class="text-center">{{ number_format($totals['unique_patients']) }}</th>
                        <th class="text-end fw-bold text-success text-mono-en">
                            {{ number_format($totals['revenue'], 0) }}
                            <x-sar class="text-muted" />
                        </th>
                    </tr>
                </tfoot>
            </table>
        </div>
    @endif
</div>
@endsection