@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 bg-primary"><h3 class="card-title text-white">قائمة الدخل المختصرة</h3></div>
    <div class="card-body">
        <table class="table table-bordered" style="max-width:600px;margin:auto">
            <tr>
                <th>إجمالي المبيعات</th>
                <td class="text-right text-success"><b>{{ number_format($report['sales'], 2) }}</b></td>
            </tr>
            <tr>
                <th>(–) تكلفة البضاعة المباعة (COGS)</th>
                <td class="text-right text-danger">({{ number_format($report['cogs'], 2) }})</td>
            </tr>
            <tr class="bg-light">
                <th>= مجمل الربح</th>
                <td class="text-right text-primary"><b>{{ number_format($report['gross'], 2) }}</b>
                    <small class="text-muted">({{ $report['gross_pct'] }}%)</small>
                </td>
            </tr>
            <tr>
                <th>(–) إجمالي المشتريات</th>
                <td class="text-right text-danger">({{ number_format($report['purchases'], 2) }})</td>
            </tr>
            <tr class="bg-{{ $report['net_result'] >= 0 ? 'success' : 'danger' }} text-white">
                <th>= صافي النتيجة</th>
                <td class="text-right"><b>{{ number_format($report['net_result'], 2) }}</b></td>
            </tr>
        </table>

        <div style="max-width:500px;margin:30px auto">
            <canvas id="plChart"></canvas>
        </div>
        <p class="text-muted small text-center">ملاحظة: التكلفة محسوبة باستخدام سعر التكلفة الحالي للمنتجات (cost_price) — تقريبي.</p>
    </div>
</div>
@endsection

@push('scripts')
<script>
new Chart(document.getElementById('plChart'), {
    type: 'doughnut',
    data: {
        labels: ['المبيعات','COGS','المشتريات','صافي النتيجة'],
        datasets: [{
            data: [{{ $report['sales'] }}, {{ $report['cogs'] }}, {{ $report['purchases'] }}, {{ $report['net_result'] }}],
            backgroundColor: ['#28a745','#dc3545','#fd7e14','#007bff']
        }]
    }
});
</script>
@endpush