@extends('admin.layouts.master')

@section('title', __('admin.dashboard'))
@section('page_title', __('admin.dashboard'))

@section('breadcrumbs')
    <li class="breadcrumb-item active">{{ __('admin.dashboard') }}</li>
@endsection

@section('content')

@isset($charts)
<div class="row">
    <div class="col-md-3"><div class="small-box bg-success">
        <div class="inner"><h3>{{ number_format($stats['month_sales'] ?? 0, 0) }}</h3>
            <p>مبيعات هذا الشهر</p></div>
        <div class="icon"><i class="fas fa-coins"></i></div></div></div>
    <div class="col-md-3"><div class="small-box bg-info">
        <div class="inner"><h3>{{ number_format($stats['month_orders'] ?? 0) }}</h3>
            <p>فواتير هذا الشهر</p></div>
        <div class="icon"><i class="fas fa-file-invoice"></i></div></div></div>
    <div class="col-md-3"><div class="small-box bg-primary">
        <div class="inner"><h3>{{ number_format($stats['total_cash'], 0) }}</h3>
            <p>الرصيد النقدي/البنكي</p></div>
        <div class="icon"><i class="fas fa-piggy-bank"></i></div></div></div>
    <div class="col-md-3"><div class="small-box bg-secondary">
        <div class="inner"><h3>{{ number_format($stats['expiring_warranties'] ?? 0) }}</h3>
            <p>ضمانات تنتهي خلال 30 يوم</p></div>
        <div class="icon"><i class="fas fa-shield-alt"></i></div></div></div>
</div>

<div class="row">
    <div class="col-md-8"><div class="card">
        <div class="card-header"><h3 class="card-title">المبيعات آخر 12 شهر</h3></div>
        <div class="card-body"><canvas id="dash_sales_12m" height="100"></canvas></div></div></div>
    <div class="col-md-4"><div class="card">
        <div class="card-header"><h3 class="card-title">المبيعات حسب التصنيف (هذا الشهر)</h3></div>
        <div class="card-body"><canvas id="dash_by_category"></canvas></div></div></div>
</div>

<div class="row">
    <div class="col-md-7"><div class="card">
        <div class="card-header"><h3 class="card-title">أعلى 10 منتجات (هذا الشهر)</h3></div>
        <div class="card-body"><canvas id="dash_top_products"></canvas></div></div></div>
    <div class="col-md-5"><div class="card">
        <div class="card-header"><h3 class="card-title">أفضل 5 عملاء (هذا الشهر)</h3></div>
        <div class="card-body p-0">
            <table class="table table-sm m-0">
                <thead class="bg-light"><tr><th>العميل</th><th>عدد الفواتير</th><th>الإجمالي</th></tr></thead>
                <tbody>
                    @forelse($charts['top_customers'] as $c)
                        <tr>
                            <td>{{ $c->customer?->name_ar ?? '—' }}</td>
                            <td>{{ $c->invoice_count }}</td>
                            <td><b>{{ number_format((float) $c->total, 2) }}</b></td>
                        </tr>
                    @empty
                        <tr><td colspan="3" class="text-center text-muted p-3">لا توجد مبيعات هذا الشهر</td></tr>
                    @endforelse
                </tbody>
            </table>
        </div></div></div>
</div>

@push('scripts')
<script>
$(function () {
    new Chart(document.getElementById('dash_sales_12m'), {
        type: 'line',
        data: {
            labels: @json($charts['sales_12m']['labels']),
            datasets: [{ label: 'المبيعات', data: @json($charts['sales_12m']['values']),
                borderColor: '#28a745', backgroundColor: 'rgba(40,167,69,0.15)', fill: true, tension: 0.3 }]
        },
    });

    const cat = @json($charts['by_category']);
    if (cat.length) {
        new Chart(document.getElementById('dash_by_category'), {
            type: 'pie',
            data: { labels: cat.map(c => c.category_name), datasets: [{ data: cat.map(c => c.total),
                backgroundColor: ['#28a745','#17a2b8','#ffc107','#dc3545','#6c757d','#fd7e14','#6f42c1','#20c997'] }] },
        });
    }

    const tp = @json($charts['top_products']->map(fn($r) => ['name' => $r->product?->name_ar ?? '—', 'total' => (float) $r->total]));
    if (tp.length) {
        new Chart(document.getElementById('dash_top_products'), {
            type: 'bar',
            data: { labels: tp.map(t => t.name), datasets: [{ label: 'المبيعات', data: tp.map(t => t.total), backgroundColor: '#17a2b8' }] },
            options: { indexAxis: 'y' }
        });
    }
});
</script>
@endpush
@endisset

<div class="row">
    <div class="col-lg-3 col-6">
        <div class="small-box bg-info">
            <div class="inner">
                <h3>{{ number_format($stats['products_count'] ?? 0) }}</h3>
                <p>{{ __('admin.products') }}</p>
            </div>
            <div class="icon"><i class="fas fa-couch"></i></div>
            <a href="{{ route('admin.products.index') }}" class="small-box-footer">عرض الكل <i class="fas fa-arrow-circle-left"></i></a>
        </div>
    </div>

    <div class="col-lg-3 col-6">
        <div class="small-box bg-success">
            <div class="inner">
                <h3>{{ $stats['total_orders'] }}</h3>
                <p>{{ __('admin.total_orders') }}</p>
            </div>
            <div class="icon"><i class="fas fa-shopping-cart"></i></div>
        </div>
    </div>

    <div class="col-lg-3 col-6">
        <div class="small-box bg-warning">
            <div class="inner">
                <h3>{{ $stats['new_customers'] }}</h3>
                <p>{{ __('admin.new_customers') }} (آخر 30 يوم)</p>
            </div>
            <div class="icon"><i class="fas fa-user-plus"></i></div>
            @can('customers.view')
                <a href="{{ route('admin.customers.index') }}" class="small-box-footer">عرض الكل <i class="fas fa-arrow-circle-left"></i></a>
            @endcan
        </div>
    </div>

    <div class="col-lg-3 col-6">
        <div class="small-box bg-danger">
            <div class="inner">
                <h3>{{ $stats['low_stock'] }}</h3>
                <p>{{ __('admin.low_stock') }}</p>
            </div>
            <div class="icon"><i class="fas fa-exclamation-triangle"></i></div>
            @can('stock.view')
                <a href="{{ route('admin.stock.index') }}" class="small-box-footer">المخزون المنخفض <i class="fas fa-arrow-circle-left"></i></a>
            @endcan
        </div>
    </div>
</div>

<div class="row">
    {{-- Low stock widget --}}
    <div class="col-md-6">
        <div class="card">
            <div class="card-header bg-danger">
                <h3 class="card-title text-white"><i class="fas fa-exclamation-triangle"></i> منتجات وصلت الحد الأدنى</h3>
            </div>
            <div class="card-body p-0">
                @if(($lowStockItems ?? collect())->isEmpty())
                    <p class="text-center text-muted p-3 m-0">لا توجد تنبيهات حالياً.</p>
                @else
                    <table class="table table-sm m-0">
                        <thead class="bg-light"><tr>
                            <th>المنتج</th><th>المستودع</th><th>المتاح</th><th>الحد الأدنى</th>
                        </tr></thead>
                        <tbody>
                            @foreach($lowStockItems as $stock)
                                <tr>
                                    <td><code>{{ $stock->product?->sku }}</code> {{ $stock->product?->name_ar }}</td>
                                    <td>{{ $stock->warehouse?->name }}</td>
                                    <td><span class="badge badge-danger">{{ number_format((float) $stock->available_qty, 2) }}</span></td>
                                    <td>{{ number_format((float) ($stock->product?->min_stock ?? 0), 2) }}</td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                @endif
            </div>
        </div>
    </div>

    {{-- Recent movements --}}
    <div class="col-md-6">
        <div class="card">
            <div class="card-header">
                <h3 class="card-title"><i class="fas fa-exchange-alt"></i> آخر حركات المخزون</h3>
                @can('stock.view')
                    <div class="card-tools">
                        <a href="{{ route('admin.stock.movements.index') }}" class="btn btn-tool"><i class="fas fa-external-link-alt"></i></a>
                    </div>
                @endcan
            </div>
            <div class="card-body p-0">
                @if(($recentMovements ?? collect())->isEmpty())
                    <p class="text-center text-muted p-3 m-0">لا توجد حركات بعد.</p>
                @else
                    <table class="table table-sm m-0">
                        <thead class="bg-light"><tr>
                            <th>الوقت</th><th>النوع</th><th>المنتج</th><th>المستودع</th><th>الكمية</th>
                        </tr></thead>
                        <tbody>
                            @foreach($recentMovements as $m)
                                <tr>
                                    <td><small>{{ $m->moved_at?->diffForHumans() }}</small></td>
                                    <td><small class="badge badge-{{ in_array($m->type, ['receive','transfer_in','adjustment_in','return_in','opening']) ? 'success' : 'danger' }}">{{ $m->type }}</small></td>
                                    <td><small>{{ $m->product?->name_ar }}</small></td>
                                    <td><small>{{ $m->warehouse?->name }}</small></td>
                                    <td><small class="{{ in_array($m->type, ['receive','transfer_in','adjustment_in','return_in','opening']) ? 'text-success' : 'text-danger' }}">
                                        {{ in_array($m->type, ['receive','transfer_in','adjustment_in','return_in','opening']) ? '+' : '−' }}{{ number_format((float) $m->quantity, 2) }}
                                    </small></td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                @endif
            </div>
        </div>
    </div>
</div>

@if(($myFollowUps ?? collect())->isNotEmpty())
<div class="row">
    <div class="col-md-12">
        <div class="card">
            <div class="card-header bg-warning">
                <h3 class="card-title text-dark"><i class="fas fa-clipboard-list"></i>
                    متابعاتي المستحقة (<span class="badge badge-dark">{{ $stats['pending_followups'] }}</span>)
                </h3>
                @can('follow_ups.view')
                    <div class="card-tools">
                        <a href="{{ route('admin.followups.index') }}" class="btn btn-tool"><i class="fas fa-external-link-alt"></i></a>
                    </div>
                @endcan
            </div>
            <div class="card-body p-0">
                <table class="table table-sm m-0">
                    <thead class="bg-light"><tr>
                        <th>الموضوع</th><th>النوع</th><th>الجهة</th><th>الموعد التالي</th><th>{{ __('admin.actions') }}</th>
                    </tr></thead>
                    <tbody>
                        @foreach($myFollowUps as $f)
                            @php
                                $entityType = class_basename($f->followable_type);
                                $entityRoute = $entityType === 'Customer' ? 'admin.customers.show' : 'admin.suppliers.show';
                            @endphp
                            <tr>
                                <td><b>{{ $f->subject }}</b></td>
                                <td><span class="badge badge-info">{{ $f->type }}</span></td>
                                <td>
                                    @if($f->followable)
                                        <a href="{{ route($entityRoute, $f->followable) }}">
                                            {{ $f->followable->name_ar ?? $f->followable->code }}
                                        </a>
                                    @else — @endif
                                </td>
                                <td>
                                    @php $overdue = $f->next_followup_date && $f->next_followup_date->isPast(); @endphp
                                    <span class="{{ $overdue ? 'text-danger font-weight-bold' : '' }}">
                                        {{ $f->next_followup_date?->format('Y-m-d') }}
                                        @if($overdue)<i class="fas fa-exclamation-triangle"></i>@endif
                                    </span>
                                </td>
                                <td>
                                    @can('follow_ups.edit')
                                        <form action="{{ route('admin.followups.complete', $f) }}" method="POST" class="d-inline">
                                            @csrf
                                            <button class="btn btn-success btn-sm"><i class="fas fa-check"></i> إنجاز</button>
                                        </form>
                                    @endcan
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
@endif

@if(($todayInstallations ?? collect())->isNotEmpty() || ($openTickets ?? collect())->isNotEmpty())
<div class="row">
    @if(($todayInstallations ?? collect())->isNotEmpty())
        <div class="col-md-6">
            <div class="card">
                <div class="card-header bg-info">
                    <h3 class="card-title text-white"><i class="fas fa-tools"></i>
                        تركيبات اليوم (<span class="badge badge-light">{{ $stats['today_installations'] }}</span>)
                    </h3>
                    @can('installations.view')
                        <div class="card-tools">
                            <a href="{{ route('admin.installations.calendar') }}" class="btn btn-tool"><i class="fas fa-calendar-alt"></i></a>
                        </div>
                    @endcan
                </div>
                <div class="card-body p-0">
                    <table class="table table-sm m-0">
                        <thead class="bg-light"><tr>
                            <th>الوقت</th><th>الرقم</th><th>العميل</th><th>الفريق</th><th>الحالة</th>
                        </tr></thead>
                        <tbody>
                            @foreach($todayInstallations as $ins)
                                <tr>
                                    <td><b>{{ $ins->scheduled_at?->format('H:i') }}</b></td>
                                    <td><a href="{{ route('admin.installations.show', $ins) }}">{{ $ins->number }}</a></td>
                                    <td>{{ $ins->customer?->name_ar }}</td>
                                    <td>{{ $ins->team?->name ?? '—' }}</td>
                                    <td><span class="badge badge-{{ $ins->statusBadge() }}">{{ $ins->status }}</span></td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    @endif

    @if(($openTickets ?? collect())->isNotEmpty())
        <div class="col-md-6">
            <div class="card">
                <div class="card-header bg-warning">
                    <h3 class="card-title text-dark"><i class="fas fa-life-ring"></i>
                        تذاكر صيانة مفتوحة (<span class="badge badge-dark">{{ $stats['open_tickets'] }}</span>)
                    </h3>
                    @can('maintenance.view')
                        <div class="card-tools">
                            <a href="{{ route('admin.maintenance.index') }}" class="btn btn-tool"><i class="fas fa-external-link-alt"></i></a>
                        </div>
                    @endcan
                </div>
                <div class="card-body p-0">
                    <table class="table table-sm m-0">
                        <thead class="bg-light"><tr>
                            <th>الرقم</th><th>العميل</th><th>الموضوع</th><th>الأولوية</th><th>المسؤول</th>
                        </tr></thead>
                        <tbody>
                            @foreach($openTickets as $t)
                                @php $pmap = ['low'=>'secondary','medium'=>'info','high'=>'warning','urgent'=>'danger']; @endphp
                                <tr>
                                    <td><a href="{{ route('admin.maintenance.show', $t) }}">{{ $t->number }}</a></td>
                                    <td>{{ $t->customer?->name_ar }}</td>
                                    <td><small>{{ \Illuminate\Support\Str::limit($t->subject, 30) }}</small></td>
                                    <td><span class="badge badge-{{ $pmap[$t->priority] ?? 'secondary' }}">{{ $t->priority }}</span></td>
                                    <td>{{ $t->assignee?->name ?? '—' }}</td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    @endif
</div>
@endif

@if(($overdueInvoices ?? collect())->isNotEmpty())
<div class="row">
    <div class="col-md-12">
        <div class="card">
            <div class="card-header bg-danger">
                <h3 class="card-title text-white"><i class="fas fa-exclamation-triangle"></i>
                    فواتير متأخرة (<span class="badge badge-light">{{ $stats['pending_invoices'] }}</span>)
                </h3>
                @can('invoices.view')
                    <div class="card-tools">
                        <a href="{{ route('admin.invoices.index', ['type' => 'sales']) }}?overdue_only=1" class="btn btn-tool"><i class="fas fa-external-link-alt"></i></a>
                    </div>
                @endcan
            </div>
            <div class="card-body p-0">
                <table class="table table-sm m-0">
                    <thead class="bg-light"><tr>
                        <th>الفاتورة</th><th>العميل</th><th>الاستحقاق</th>
                        <th>متأخر منذ</th><th>الإجمالي</th><th>المتبقي</th>
                    </tr></thead>
                    <tbody>
                        @foreach($overdueInvoices as $inv)
                            <tr>
                                <td><a href="{{ route('admin.invoices.show', $inv) }}">{{ $inv->number }}</a></td>
                                <td>{{ $inv->customer?->name_ar ?? '—' }}</td>
                                <td>{{ $inv->due_date?->format('Y-m-d') }}</td>
                                <td><span class="text-danger"><b>{{ $inv->days_overdue }} يوم</b></span></td>
                                <td>{{ number_format((float) $inv->total, 2) }}</td>
                                <td class="text-warning"><b>{{ number_format($inv->remaining_amount, 2) }}</b></td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
@endif
@endsection