@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['count'])" icon="fa-file-invoice" color="primary"/></div>
    <div class="col-md-3"><x-stat title="إجمالي المبيعات" :value="currency($summary['total'])" icon="fa-sack-dollar" color="success"/></div>
    <div class="col-md-3"><x-stat title="المحصّل" :value="currency($summary['paid'])" icon="fa-money-bill-wave" color="info"/></div>
    <div class="col-md-3"><x-stat title="المتبقي" :value="currency($summary['remaining'])" icon="fa-hand-holding-dollar" color="danger"/></div>
</div>

<div class="row g-3 mb-3">
    <div class="col-md-6"><x-stat title="إجمالي الضريبة المحصّلة" :value="currency($summary['tax'])" icon="fa-percent" color="warning"/></div>
    <div class="col-md-6"><x-stat title="متوسط قيمة الفاتورة" :value="currency($summary['avg'])" icon="fa-calculator" color="secondary"/></div>
</div>

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

<div class="card mb-3">
    <div class="card-header"><span><i class="fa-solid fa-boxes-stacked 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 ($byProduct as $row)
                <tr>
                    <td>{{ $row->name }}</td>
                    <td>{{ (float) $row->qty }}</td>
                    <td class="fw-bold text-success">{{ currency($row->total) }}</td>
                </tr>
            @empty
                <tr><td colspan="3" class="text-center text-muted py-4">لا توجد بيانات</td></tr>
            @endforelse
            </tbody>
        </table>
    </div>
</div>

<div class="card">
    <div class="card-header"><span><i class="fa-solid fa-list text-primary ms-2"></i>تفاصيل الفواتير ({{ $invoices->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 ($invoices as $invoice)
                <tr>
                    <td><a href="{{ route('invoices.show', $invoice) }}" class="text-decoration-none">{{ $invoice->code }}</a></td>
                    <td>{{ arabicDate($invoice->date) }}</td>
                    <td>{{ $invoice->customer?->display_name ?? '—' }}</td>
                    <td class="small">{{ $invoice->creator?->name ?? '—' }}</td>
                    <td class="fw-bold">{{ currency($invoice->total) }}</td>
                    <td>{{ currency($invoice->paid_amount) }}</td>
                    <td class="{{ $invoice->remaining > 0 ? 'text-danger' : 'text-success' }}">{{ currency($invoice->remaining) }}</td>
                    <td class="text-center">{!! badge($invoice->status_label, $invoice->status_color) !!}</td>
                </tr>
            @empty
                <tr><td colspan="8" class="text-center text-muted py-4">لا توجد فواتير في هذه الفترة</td></tr>
            @endforelse
            </tbody>
        </table>
    </div>
</div>
@endsection