@extends('admin.layouts.master')

@section('title', 'مبيعات المندوبين')
@section('page_title', 'تقرير المبيعات حسب المندوب')

@section('breadcrumbs')
    <li class="breadcrumb-item"><a href="{{ route('admin.reports.index') }}">{{ __('admin.reports') }}</a></li>
    <li class="breadcrumb-item active">حسب المندوب</li>
@endsection

@section('content')
@include('admin.reports._filter', ['title' => 'مبيعات المندوبين'])

<div class="card">
    <div class="card-header">
        <h3 class="card-title">المندوبون والعمولات</h3>
        <div class="card-tools">
            <span class="badge badge-info">معدل العمولة الحالي: {{ $commissionPct }}%</span>
        </div>
    </div>
    <div class="card-body">
        <canvas id="spChart" height="80"></canvas>
        <table class="table table-sm table-bordered mt-3">
            <thead class="bg-light"><tr>
                <th>المندوب</th><th>عدد الفواتير</th><th>إجمالي المبيعات</th>
                <th>المحصّل</th><th>العمولة المقدّرة ({{ $commissionPct }}%)</th>
            </tr></thead>
            <tbody>
                @foreach($report['rows'] as $r)
                    @php $commission = round((float) $r->total * $commissionPct / 100, 2); @endphp
                    <tr>
                        <td><b>{{ $r->salesperson?->name }}</b></td>
                        <td>{{ $r->invoice_count }}</td>
                        <td>{{ number_format((float) $r->total, 2) }}</td>
                        <td class="text-success">{{ number_format((float) $r->paid, 2) }}</td>
                        <td class="text-info"><b>{{ number_format($commission, 2) }}</b></td>
                    </tr>
                @endforeach
            </tbody>
            <tfoot class="bg-light"><tr>
                <th>الإجمالي</th>
                <th>{{ $report['totals']['invoice_count'] }}</th>
                <th>{{ number_format($report['totals']['total'], 2) }}</th>
                <th>{{ number_format($report['totals']['paid'], 2) }}</th>
                <th>{{ number_format(round($report['totals']['total'] * $commissionPct / 100, 2), 2) }}</th>
            </tr></tfoot>
        </table>
    </div>
</div>
@endsection

@push('scripts')
<script>
$(function () {
    const data = @json($report['rows']->map(fn ($r) => ['name' => $r->salesperson?->name, 'total' => (float) $r->total]));
    new Chart(document.getElementById('spChart'), {
        type: 'bar',
        data: { labels: data.map(d => d.name),
            datasets: [{ label: 'الإجمالي', data: data.map(d => d.total), backgroundColor: '#6f42c1' }] },
        options: { responsive: true }
    });
});
</script>
@endpush