@extends('layouts.app')
@section('title', 'تقرير أداء الفنيين')
@section('breadcrumb')
    <li class="breadcrumb-item"><a href="{{ route('reports.index') }}">التقارير</a></li>
    <li class="breadcrumb-item active">أداء الفنيين</li>
@endsection

@section('content')
@include('reports._filter')

<div class="row g-3 mb-3">
    <div class="col-md-3"><x-stat title="إجمالي الأوامر" :value="number_format($summary['total'])" icon="fa-clipboard-list" color="primary"/></div>
    <div class="col-md-3"><x-stat title="أوامر مكتملة" :value="number_format($summary['completed'])" icon="fa-circle-check" color="success"/></div>
    <div class="col-md-3"><x-stat title="أوامر مفتوحة" :value="number_format($summary['open'])" icon="fa-clock" color="warning"/></div>
    <div class="col-md-3"><x-stat title="أجهزة مركّبة" :value="number_format($summary['devices'])" icon="fa-microchip" color="info"/></div>
</div>

<div class="row g-3 mb-3">
    <div class="col-xl-7">
        <div class="card h-100">
            <div class="card-header"><span><i class="fa-solid fa-user-gear text-primary ms-2"></i>الأداء حسب الفني</span></div>
            <div class="card-body p-0 table-responsive">
                <table class="table table-hover mb-0 align-middle">
                    <thead class="table-light">
                    <tr><th>الفني</th><th>الإجمالي</th><th>مكتملة</th><th>مفتوحة</th><th>ملغاة</th><th>نسبة الإنجاز</th></tr>
                    </thead>
                    <tbody>
                    @forelse ($byTechnician as $row)
                        @php $pct = $row['total'] ? round($row['completed'] / $row['total'] * 100) : 0; @endphp
                        <tr>
                            <td class="fw-bold">{{ $row['name'] }}</td>
                            <td>{{ $row['total'] }}</td>
                            <td class="text-success fw-bold">{{ $row['completed'] }}</td>
                            <td class="text-warning">{{ $row['open'] }}</td>
                            <td class="text-danger">{{ $row['cancelled'] }}</td>
                            <td style="min-width:120px">
                                <div class="progress" style="height:16px">
                                    <div class="progress-bar bg-success" style="width: {{ $pct }}%">{{ $pct }}%</div>
                                </div>
                            </td>
                        </tr>
                    @empty
                        <tr><td colspan="6" class="text-center text-muted py-4">لا توجد بيانات</td></tr>
                    @endforelse
                    </tbody>
                </table>
            </div>
        </div>
    </div>

    <div class="col-xl-5">
        <div class="card h-100">
            <div class="card-header"><span><i class="fa-solid fa-chart-pie text-primary ms-2"></i>التوزيع حسب الحالة</span></div>
            <div class="card-body">
                @foreach (\App\Models\Installation::STATUSES as $key => $label)
                    @php
                        $count = $byStatus[$key] ?? 0;
                        $pct = $summary['total'] ? round($count / $summary['total'] * 100) : 0;
                    @endphp
                    <div class="mb-3">
                        <div class="d-flex justify-content-between small mb-1">
                            <span>{{ $label }}</span>
                            <span class="fw-bold">{{ $count }} ({{ $pct }}%)</span>
                        </div>
                        <div class="progress" style="height:8px">
                            <div class="progress-bar bg-{{ \App\Models\Installation::STATUS_COLORS[$key] }}" style="width: {{ $pct }}%"></div>
                        </div>
                    </div>
                @endforeach
            </div>
        </div>
    </div>
</div>

<div class="card">
    <div class="card-header"><span><i class="fa-solid fa-list text-primary ms-2"></i>تفاصيل أوامر التركيب ({{ $rows->count() }})</span></div>
    <div class="card-body p-0 table-responsive">
        <table class="table table-hover mb-0 align-middle">
            <thead class="table-light">
            <tr><th>الرقم</th><th>العميل</th><th>المركبة</th><th>الفني</th><th>الموعد</th><th>الإنجاز</th><th class="text-center">الحالة</th></tr>
            </thead>
            <tbody>
            @forelse ($rows as $inst)
                <tr>
                    <td><a href="{{ route('installations.show', $inst) }}" class="text-decoration-none">{{ $inst->code }}</a></td>
                    <td>{{ $inst->customer?->display_name ?? '—' }}</td>
                    <td>{{ $inst->vehicle?->plate_number ?? '—' }}</td>
                    <td class="small">{{ $inst->technician?->name ?? '—' }}</td>
                    <td class="small">{{ arabicDate($inst->scheduled_at, true) }}</td>
                    <td class="small">{{ arabicDate($inst->completed_at, true) }}</td>
                    <td class="text-center">{!! badge($inst->status_label, $inst->status_color) !!}</td>
                </tr>
            @empty
                <tr><td colspan="7" class="text-center text-muted py-4">لا توجد أوامر في هذه الفترة</td></tr>
            @endforelse
            </tbody>
        </table>
    </div>
</div>
@endsection