@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-user-plus" color="primary"/></div>
    <div class="col-md-3"><x-stat title="فرص مكسوبة" :value="number_format($summary['won'])" icon="fa-trophy" color="success"/></div>
    <div class="col-md-3"><x-stat title="فرص مفقودة" :value="number_format($summary['lost'])" icon="fa-circle-xmark" color="danger"/></div>
    <div class="col-md-3"><x-stat title="معدل التحويل" :value="$summary['conversion'] . '%'" icon="fa-percent" color="warning" :meta="'القيمة المتوقعة: ' . currency($summary['value'])"/></div>
</div>

<div class="row g-3 mb-3">
    <div class="col-xl-4">
        <div class="card h-100">
            <div class="card-header"><span><i class="fa-solid fa-filter 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></tr></thead>
                    <tbody>
                    @forelse ($byStatus as $row)
                        <tr>
                            <td>{{ $row['label'] }}</td>
                            <td class="fw-bold">{{ $row['count'] }}</td>
                            <td class="small">{{ currency($row['value']) }}</td>
                        </tr>
                    @empty
                        <tr><td colspan="3" class="text-center text-muted py-4">لا توجد بيانات</td></tr>
                    @endforelse
                    </tbody>
                </table>
            </div>
        </div>
    </div>

    <div class="col-xl-4">
        <div class="card h-100">
            <div class="card-header"><span><i class="fa-solid fa-signs-post 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></tr></thead>
                    <tbody>
                    @forelse ($bySource as $row)
                        <tr>
                            <td>{{ $row['label'] }}</td>
                            <td class="fw-bold">{{ $row['count'] }}</td>
                            <td class="text-success">{{ $row['won'] }}</td>
                        </tr>
                    @empty
                        <tr><td colspan="3" class="text-center text-muted py-4">لا توجد بيانات</td></tr>
                    @endforelse
                    </tbody>
                </table>
            </div>
        </div>
    </div>

    <div class="col-xl-4">
        <div class="card h-100">
            <div class="card-header"><span><i class="fa-solid fa-user-tie 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></tr></thead>
                    <tbody>
                    @forelse ($bySalesman as $row)
                        <tr>
                            <td class="small">{{ $row['name'] }}</td>
                            <td class="fw-bold">{{ $row['total'] }}</td>
                            <td class="text-success">{{ $row['won'] }}</td>
                            <td class="text-danger">{{ $row['lost'] }}</td>
                        </tr>
                    @empty
                        <tr><td colspan="4" class="text-center text-muted py-4">لا توجد بيانات</td></tr>
                    @endforelse
                    </tbody>
                </table>
            </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>القيمة المتوقعة</th><th class="text-center">الحالة</th></tr>
            </thead>
            <tbody>
            @forelse ($rows as $lead)
                <tr>
                    <td class="font-monospace small">{{ $lead->code }}</td>
                    <td><a href="{{ route('leads.show', $lead) }}" class="text-decoration-none">{{ $lead->name }}</a></td>
                    <td class="small">{{ $lead->company_name ?: '—' }}</td>
                    <td>{{ $lead->phone }}</td>
                    <td class="small">{{ \App\Models\Lead::SOURCES[$lead->source] ?? '—' }}</td>
                    <td class="small">{{ $lead->assignee?->name ?? '—' }}</td>
                    <td>{{ currency($lead->expected_value) }}</td>
                    <td class="text-center">{!! badge($lead->status_label, $lead->status_color) !!}</td>
                </tr>
            @empty
                <tr><td colspan="8" class="text-center text-muted py-4">لا توجد فرص في هذه الفترة</td></tr>
            @endforelse
            </tbody>
        </table>
    </div>
</div>
@endsection