@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-body">
    <canvas id="supplierChart" 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>المدفوع</th><th>الرصيد</th>
        </tr></thead>
        <tbody>
            @foreach($report['rows'] as $r)
                <tr>
                    <td><code>{{ $r->supplier?->code }}</code></td>
                    <td>{{ $r->supplier?->name_ar ?? '—' }}</td>
                    <td>{{ $r->invoice_count }}</td>
                    <td><b>{{ number_format((float) $r->total, 2) }}</b></td>
                    <td>{{ number_format((float) $r->paid, 2) }}</td>
                    <td class="text-warning"><b>{{ number_format((float) $r->balance, 2) }}</b></td>
                </tr>
            @endforeach
        </tbody>
        <tfoot class="bg-light"><tr>
            <th colspan="2">الإجمالي</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($report['totals']['balance'], 2) }}</th>
        </tr></tfoot>
    </table>
</div></div>
@endsection

@push('scripts')
<script>
const sup = @json($report['rows']->take(10)->map(fn ($r) => ['name' => $r->supplier?->name_ar ?? '—', 'total' => (float) $r->total]));
new Chart(document.getElementById('supplierChart'), {
    type: 'bar',
    data: { labels: sup.map(s => s.name), datasets: [{ label: 'الإجمالي', data: sup.map(s => s.total), backgroundColor: '#fd7e14' }] },
    options: { indexAxis: 'y' }
});
</script>
@endpush