@extends('layouts.app')

@section('title', __('messages.dashboard'))
@section('page_title', __('messages.dashboard'))
@section('breadcrumb')<li class="breadcrumb-item active">{{ __('messages.dashboard') }}</li>@endsection

@section('content')

{{-- ============== KPI Cards (الصف الأول) ============== --}}
<div class="row">
    <div class="col-xl-3 col-md-6 mb-3">
        <div class="kpi-card" style="background: linear-gradient(135deg, #28a745 0%, #20c997 100%);">
            <div class="kpi-label">مبيعات اليوم</div>
            <div class="kpi-value">{{ number_format($kpi['sales_today'], 2) }}</div>
            <div class="kpi-trend"><i class="fas fa-receipt"></i> {{ $kpi['orders_today'] }} فاتورة</div>
            <i class="fas fa-cash-register kpi-icon"></i>
        </div>
    </div>
    <div class="col-xl-3 col-md-6 mb-3">
        <div class="kpi-card" style="background: linear-gradient(135deg, #007bff 0%, #6610f2 100%);">
            <div class="kpi-label">ربح اليوم</div>
            <div class="kpi-value">{{ number_format($kpi['profit_today'], 2) }}</div>
            <div class="kpi-trend">
                <i class="fas fa-percentage"></i>
                {{ $kpi['sales_today'] > 0 ? number_format($kpi['profit_today'] / $kpi['sales_today'] * 100, 1) : 0 }}% هامش
            </div>
            <i class="fas fa-coins kpi-icon"></i>
        </div>
    </div>
    <div class="col-xl-3 col-md-6 mb-3">
        <div class="kpi-card" style="background: linear-gradient(135deg, #17a2b8 0%, #138496 100%);">
            <div class="kpi-label">مبيعات الشهر</div>
            <div class="kpi-value">{{ number_format($kpi['sales_month'], 0) }}</div>
            <div class="kpi-trend"><i class="fas fa-calendar"></i> {{ now()->format('F Y') }}</div>
            <i class="fas fa-chart-line kpi-icon"></i>
        </div>
    </div>
    <div class="col-xl-3 col-md-6 mb-3">
        <div class="kpi-card" style="background: linear-gradient(135deg, #ffc107 0%, #fd7e14 100%);">
            <div class="kpi-label">مديونيات معلّقة</div>
            <div class="kpi-value">{{ number_format($kpi['pending_due'], 2) }}</div>
            <div class="kpi-trend"><i class="fas fa-clock"></i> فواتير لم تُسدّد بعد</div>
            <i class="fas fa-hand-holding-usd kpi-icon"></i>
        </div>
    </div>
</div>

{{-- ============== KPI Cards (الصف الثانى — حالة المخزون) ============== --}}
<div class="row">
    <div class="col-xl-3 col-md-6 mb-3">
        <div class="kpi-card" style="background: linear-gradient(135deg, #6f42c1 0%, #5a32a3 100%);">
            <div class="kpi-label">قيمة المخزون</div>
            <div class="kpi-value">{{ number_format($kpi['inventory_value'], 0) }}</div>
            <div class="kpi-trend"><i class="fas fa-boxes"></i> ج.م إجمالى</div>
            <i class="fas fa-warehouse kpi-icon"></i>
        </div>
    </div>
    <div class="col-xl-3 col-md-6 mb-3">
        <div class="kpi-card" style="background: linear-gradient(135deg, #dc3545 0%, #c82333 100%);">
            <div class="kpi-label">منتهية الصلاحية</div>
            <div class="kpi-value">{{ $kpi['expired_cnt'] }}</div>
            <div class="kpi-trend">
                @can('inventory.view')
                <a href="{{ route('reports.expired') }}" class="text-white"><i class="fas fa-arrow-circle-left"></i> عرض التفاصيل</a>
                @else
                تشغيلات تالفة
                @endcan
            </div>
            <i class="fas fa-skull-crossbones kpi-icon"></i>
        </div>
    </div>
    <div class="col-xl-3 col-md-6 mb-3">
        <div class="kpi-card" style="background: linear-gradient(135deg, #fd7e14 0%, #e8590c 100%);">
            <div class="kpi-label">قاربت على الانتهاء</div>
            <div class="kpi-value">{{ $kpi['near_expiry_cnt'] }}</div>
            <div class="kpi-trend">
                @can('inventory.view')
                <a href="{{ route('reports.near_expiry') }}" class="text-white"><i class="fas fa-arrow-circle-left"></i> خلال 90 يوم</a>
                @else
                خلال 90 يوم
                @endcan
            </div>
            <i class="fas fa-hourglass-half kpi-icon"></i>
        </div>
    </div>
    <div class="col-xl-3 col-md-6 mb-3">
        <div class="kpi-card" style="background: linear-gradient(135deg, #e83e8c 0%, #c2185b 100%);">
            <div class="kpi-label">أصناف منخفضة</div>
            <div class="kpi-value">{{ $kpi['low_stock_cnt'] }}</div>
            <div class="kpi-trend">
                @can('inventory.view')
                <a href="{{ route('reports.low_stock') }}" class="text-white"><i class="fas fa-arrow-circle-left"></i> تحت حد إعادة الطلب</a>
                @else
                تحت حد إعادة الطلب
                @endcan
            </div>
            <i class="fas fa-exclamation-triangle kpi-icon"></i>
        </div>
    </div>
</div>

{{-- ============== ETA — مصلحة الضرائب ============== --}}
<div class="card border-info">
    <div class="card-header bg-info text-white d-flex align-items-center">
        <h5 class="m-0"><i class="fas fa-file-invoice-dollar"></i> الفاتورة الإلكترونية — مصلحة الضرائب المصرية (ETA)</h5>
        <span class="ml-auto badge badge-light">{{ $kpi['eta_pharmacies'] }} صيدلية مُفعّلة</span>
    </div>
    <div class="card-body">
        <div class="row">
            <div class="col-md-3 col-6 mb-3">
                <div class="info-box bg-gradient-secondary mb-0">
                    <span class="info-box-icon"><i class="fas fa-hourglass-half"></i></span>
                    <div class="info-box-content">
                        <span class="info-box-text">فى الطابور</span>
                        <span class="info-box-number">{{ $kpi['eta_queued'] }}</span>
                        <small class="text-white-50">لم تُرسل بعد</small>
                    </div>
                </div>
            </div>
            <div class="col-md-3 col-6 mb-3">
                <div class="info-box bg-gradient-warning mb-0">
                    <span class="info-box-icon"><i class="fas fa-paper-plane"></i></span>
                    <div class="info-box-content">
                        <span class="info-box-text">مُرسلة اليوم</span>
                        <span class="info-box-number">{{ $kpi['eta_sent_today'] }}</span>
                        <small>فى انتظار الرد</small>
                    </div>
                </div>
            </div>
            <div class="col-md-3 col-6 mb-3">
                <div class="info-box bg-gradient-success mb-0">
                    <span class="info-box-icon"><i class="fas fa-check-double"></i></span>
                    <div class="info-box-content">
                        <span class="info-box-text">مقبولة هذا الشهر</span>
                        <span class="info-box-number">{{ $kpi['eta_valid_month'] }}</span>
                        <small class="text-white-50">{{ now()->format('F Y') }}</small>
                    </div>
                </div>
            </div>
            <div class="col-md-3 col-6 mb-3">
                <div class="info-box bg-gradient-danger mb-0">
                    <span class="info-box-icon"><i class="fas fa-exclamation-circle"></i></span>
                    <div class="info-box-content">
                        <span class="info-box-text">مرفوضة (محتاج مراجعة)</span>
                        <span class="info-box-number">{{ $kpi['eta_invalid'] }}</span>
                        <small class="text-white-50">يجب إعادة الإرسال</small>
                    </div>
                </div>
            </div>
        </div>

        @if ($kpi['eta_pending_total'] > 0)
        <div class="alert alert-warning mb-3">
            <i class="fas fa-exclamation-triangle"></i>
            قيمة الفواتير المعلّقة على ETA:
            <strong>{{ number_format($kpi['eta_pending_total'], 2) }} ج.م</strong>
            — يجب إرسالها خلال نافذة الـ 7 أيام طبقاً لمواصفة ETA.
        </div>
        @endif

        @if ($kpi['eta_pharmacies'] === 0)
        <div class="alert alert-info mb-0">
            <i class="fas fa-info-circle"></i>
            لم يتم تفعيل ETA على أى صيدلية بعد.
            @can('pharmacies.eta')
                توجّه لـ <a href="{{ route('pharmacies.index') }}">إعدادات الصيدليات</a> وأضف بيانات اعتماد ETA لتبدأ.
            @endcan
        </div>
        @endif

        <div class="row mt-2">
            {{-- آخر فواتير ETA المرفوضة --}}
            @if ($recent['eta_invalid']->count())
            <div class="col-md-6">
                <h6 class="text-danger"><i class="fas fa-times-circle"></i> فواتير ETA مرفوضة (آخر 5)</h6>
                <table class="table table-sm table-hover m-0">
                    <thead><tr><th>الرقم</th><th>الصيدلية</th><th>العميل</th><th>الإجمالى</th></tr></thead>
                    <tbody>
                        @foreach ($recent['eta_invalid'] as $s)
                        <tr>
                            <td>@can('sales.view')<a href="{{ route('sales.show', $s) }}">{{ $s->reference }}</a>@else{{ $s->reference }}@endcan</td>
                            <td>{{ $s->pharmacy?->name }}</td>
                            <td>{{ $s->customer?->name ?? 'عابر' }}</td>
                            <td>{{ number_format($s->total, 2) }}</td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
            @endif

            {{-- آخر submissions --}}
            @if ($recent['eta_submissions']->count())
            <div class="col-md-6">
                <h6 class="text-info"><i class="fas fa-history"></i> آخر إرساليات ETA</h6>
                <table class="table table-sm table-hover m-0">
                    <thead><tr><th>الصيدلية</th><th>المستندات</th><th>الحالة</th><th>الوقت</th></tr></thead>
                    <tbody>
                        @foreach ($recent['eta_submissions'] as $sub)
                        @php
                            $statusColors = [
                                'pending' => 'secondary', 'submitted' => 'info',
                                'accepted' => 'success', 'partial' => 'warning',
                                'rejected' => 'danger', 'failed' => 'dark',
                            ];
                        @endphp
                        <tr>
                            <td>{{ $sub->pharmacy?->name ?? '—' }}</td>
                            <td>
                                {{ $sub->documents_count }}
                                <small class="text-success">+{{ $sub->accepted_count }}</small>
                                @if ($sub->rejected_count > 0)<small class="text-danger">-{{ $sub->rejected_count }}</small>@endif
                            </td>
                            <td><span class="badge badge-{{ $statusColors[$sub->status] ?? 'secondary' }}">{{ $sub->status }}</span></td>
                            <td><small>{{ $sub->submitted_at?->diffForHumans() ?? '—' }}</small></td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
            @endif
        </div>
    </div>
</div>

{{-- ============== Charts ============== --}}
<div class="row">
    <div class="col-lg-8 mb-3">
        <div class="card h-100">
            <div class="card-header d-flex justify-content-between align-items-center">
                <h5 class="m-0"><i class="fas fa-chart-area text-primary"></i> مبيعات آخر 30 يوم</h5>
                <small class="text-muted">المحور الأيسر: المبلغ — الأيمن: عدد الفواتير</small>
            </div>
            <div class="card-body">
                <canvas id="chart-sales-30d" style="max-height: 280px;"></canvas>
            </div>
        </div>
    </div>

    <div class="col-lg-4 mb-3">
        <div class="card h-100">
            <div class="card-header"><h5 class="m-0"><i class="fas fa-credit-card text-success"></i> طرق الدفع</h5></div>
            <div class="card-body d-flex align-items-center justify-content-center">
                @if ($charts['payment_methods']->count())
                    <canvas id="chart-payments" style="max-height: 280px;"></canvas>
                @else
                    <p class="text-muted m-0">لا توجد دفعات فى الـ 30 يوم الماضية.</p>
                @endif
            </div>
        </div>
    </div>
</div>

<div class="row">
    <div class="col-lg-7 mb-3">
        <div class="card h-100">
            <div class="card-header"><h5 class="m-0"><i class="fas fa-trophy text-warning"></i> أعلى الأصناف مبيعاً (30 يوم)</h5></div>
            <div class="card-body">
                @if ($charts['top_items']->count())
                    <canvas id="chart-top-items" style="max-height: 280px;"></canvas>
                @else
                    <p class="text-muted text-center py-5">لا توجد بيانات بعد. ابدأ بإصدار فواتير من <a href="{{ route('sales.pos') }}">شاشة POS</a>.</p>
                @endif
            </div>
        </div>
    </div>

    <div class="col-lg-5 mb-3">
        <div class="card h-100">
            <div class="card-header"><h5 class="m-0"><i class="fas fa-clinic-medical text-info"></i> مبيعات اليوم لكل صيدلية</h5></div>
            <div class="card-body">
                @if ($charts['sales_by_pharmacy']->count())
                <table class="table table-sm m-0">
                    <thead><tr><th>الصيدلية</th><th class="text-left">المبلغ</th><th class="text-left">%</th></tr></thead>
                    <tbody>
                        @php $totalDay = $charts['sales_by_pharmacy']->sum('total'); @endphp
                        @foreach ($charts['sales_by_pharmacy'] as $row)
                        <tr>
                            <td>{{ $row->name }}</td>
                            <td class="text-left">{{ number_format($row->total, 2) }}</td>
                            <td class="text-left">
                                <div class="progress" style="height: 18px">
                                    <div class="progress-bar bg-info" style="width: {{ $totalDay > 0 ? ($row->total / $totalDay * 100) : 0 }}%">
                                        {{ $totalDay > 0 ? number_format($row->total / $totalDay * 100, 0) : 0 }}%
                                    </div>
                                </div>
                            </td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
                @else
                    <p class="text-muted text-center py-5">لا توجد مبيعات اليوم.</p>
                @endif
            </div>
        </div>
    </div>
</div>

{{-- ============== Activity & Alerts ============== --}}
<div class="row">
    <div class="col-lg-6 mb-3">
        <div class="card h-100">
            <div class="card-header d-flex justify-content-between">
                <h5 class="m-0"><i class="fas fa-receipt text-primary"></i> آخر الفواتير</h5>
                @can('sales.view')<a href="{{ route('sales.index') }}" class="btn btn-sm btn-link">عرض الكل</a>@endcan
            </div>
            <div class="card-body p-0">
                @if ($recent['sales']->count())
                <table class="table m-0 table-hover">
                    <thead class="thead-light"><tr><th>الرقم</th><th>العميل</th><th>الصيدلية</th><th>الإجمالى</th><th>الحالة</th></tr></thead>
                    <tbody>
                        @foreach ($recent['sales'] as $s)
                        <tr>
                            <td>
                                @can('sales.view')<a href="{{ route('sales.show', $s) }}">{{ $s->reference }}</a>@else{{ $s->reference }}@endcan
                            </td>
                            <td>{{ $s->customer?->name ?? 'عابر' }}</td>
                            <td>{{ $s->pharmacy?->name }}</td>
                            <td>{{ number_format($s->total, 2) }}</td>
                            <td>
                                @php $colors = ['draft' => 'secondary', 'confirmed' => 'info', 'paid' => 'success', 'partial_paid' => 'warning', 'cancelled' => 'danger']; @endphp
                                <span class="badge badge-{{ $colors[$s->status] ?? 'secondary' }}">{{ $s->status }}</span>
                            </td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
                @else
                    <p class="text-muted text-center p-4 m-0">لا توجد فواتير بعد.</p>
                @endif
            </div>
        </div>
    </div>

    <div class="col-lg-6 mb-3">
        <div class="card h-100">
            <div class="card-header d-flex justify-content-between">
                <h5 class="m-0"><i class="fas fa-hourglass-half text-warning"></i> تنبيهات قارب انتهاء</h5>
                @can('inventory.view')<a href="{{ route('reports.near_expiry') }}" class="btn btn-sm btn-link">عرض الكل</a>@endcan
            </div>
            <div class="card-body p-0">
                @if ($recent['near_expiry']->count())
                <table class="table m-0 table-hover">
                    <thead class="thead-light"><tr><th>الصنف</th><th>التشغيلة</th><th>الصلاحية</th><th>الرصيد</th></tr></thead>
                    <tbody>
                        @foreach ($recent['near_expiry'] as $b)
                        @php $days = (int) now()->startOfDay()->diffInDays($b->expiry_date, false); @endphp
                        <tr class="{{ $days < 30 ? 'table-warning' : '' }}">
                            <td>{{ $b->item->name }}</td>
                            <td>{{ $b->batch_number }}</td>
                            <td>{{ $b->expiry_date?->format('Y-m-d') }} <small class="text-muted">({{ $days }} يوم)</small></td>
                            <td>{{ number_format((float) $b->quantity_on_hand, 0) }}</td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
                @else
                    <p class="text-muted text-center p-4 m-0">لا توجد تشغيلات قاربت على الانتهاء.</p>
                @endif
            </div>
        </div>
    </div>

    <div class="col-lg-6 mb-3">
        <div class="card h-100">
            <div class="card-header d-flex justify-content-between">
                <h5 class="m-0"><i class="fas fa-exclamation-triangle text-danger"></i> أصناف منخفضة المخزون</h5>
                @can('inventory.view')<a href="{{ route('reports.low_stock') }}" class="btn btn-sm btn-link">عرض الكل</a>@endcan
            </div>
            <div class="card-body p-0">
                @if ($recent['low_stock']->count())
                <table class="table m-0 table-hover">
                    <thead class="thead-light"><tr><th>الصنف</th><th>الصيدلية</th><th>الرصيد</th><th>حد الطلب</th></tr></thead>
                    <tbody>
                        @foreach ($recent['low_stock'] as $r)
                        <tr>
                            <td>{{ $r->item->name }}</td>
                            <td>{{ $r->pharmacy->name }}</td>
                            <td class="text-danger"><strong>{{ number_format((float) $r->quantity_on_hand, 0) }}</strong></td>
                            <td>{{ number_format((float) $r->reorder_level, 0) }}</td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
                @else
                    <p class="text-muted text-center p-4 m-0">كل الأصناف فوق حد الطلب — تمام!</p>
                @endif
            </div>
        </div>
    </div>

    <div class="col-lg-6 mb-3">
        <div class="card h-100">
            <div class="card-header"><h5 class="m-0"><i class="fas fa-rocket text-info"></i> إجراءات سريعة</h5></div>
            <div class="card-body">
                <div class="row text-center">
                    @can('sales.create')
                    <div class="col-6 mb-3">
                        <a href="{{ route('sales.pos') }}" class="btn btn-success btn-block py-3">
                            <i class="fas fa-cash-register d-block mb-2" style="font-size: 1.6rem"></i>
                            <strong>فاتورة بيع جديدة</strong>
                        </a>
                    </div>
                    @endcan
                    @can('purchases.create')
                    <div class="col-6 mb-3">
                        <a href="{{ route('purchases.create') }}" class="btn btn-primary btn-block py-3">
                            <i class="fas fa-truck-loading d-block mb-2" style="font-size: 1.6rem"></i>
                            <strong>فاتورة شراء جديدة</strong>
                        </a>
                    </div>
                    @endcan
                    @can('items.create')
                    <div class="col-6 mb-3">
                        <a href="{{ route('items.create') }}" class="btn btn-info btn-block py-3">
                            <i class="fas fa-pills d-block mb-2" style="font-size: 1.6rem"></i>
                            <strong>إضافة صنف</strong>
                        </a>
                    </div>
                    @endcan
                    @can('customers.create')
                    <div class="col-6 mb-3">
                        <a href="{{ route('customers.create') }}" class="btn btn-secondary btn-block py-3">
                            <i class="fas fa-user-plus d-block mb-2" style="font-size: 1.6rem"></i>
                            <strong>إضافة عميل</strong>
                        </a>
                    </div>
                    @endcan
                </div>

                <hr>
                <div class="row text-center small">
                    <div class="col"><strong>{{ $kpi['pharmacies'] }}</strong><br><span class="text-muted">صيدليات</span></div>
                    <div class="col"><strong>{{ $kpi['customers'] }}</strong><br><span class="text-muted">عملاء</span></div>
                    <div class="col"><strong>{{ $kpi['suppliers'] }}</strong><br><span class="text-muted">موردين</span></div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@push('scripts')
<script>
Chart.defaults.font.family = "'Cairo', 'Tajawal', sans-serif";
Chart.defaults.font.size = 12;
Chart.defaults.plugins.legend.position = 'bottom';

// Chart 1: مبيعات آخر 30 يوم (line + bar combo)
const ctxSales = document.getElementById('chart-sales-30d');
if (ctxSales) {
    new Chart(ctxSales, {
        data: {
            labels: @json($charts['last30_dates']),
            datasets: [
                {
                    type: 'line',
                    label: 'المبيعات (ج.م)',
                    data: @json($charts['last30_sales']),
                    borderColor: '#28a745',
                    backgroundColor: 'rgba(40,167,69,.15)',
                    tension: .35, fill: true, yAxisID: 'y',
                },
                {
                    type: 'bar',
                    label: 'عدد الفواتير',
                    data: @json($charts['last30_orders']),
                    backgroundColor: 'rgba(0,123,255,.5)',
                    borderColor: '#007bff',
                    yAxisID: 'y1',
                },
            ],
        },
        options: {
            responsive: true, maintainAspectRatio: false,
            interaction: { mode: 'index', intersect: false },
            scales: {
                y:  { type: 'linear', position: 'left',  beginAtZero: true, title: { display: true, text: 'المبلغ' } },
                y1: { type: 'linear', position: 'right', beginAtZero: true, grid: { drawOnChartArea: false }, title: { display: true, text: 'فواتير' } },
            },
        },
    });
}

// Chart 2: طرق الدفع (doughnut)
const ctxPay = document.getElementById('chart-payments');
@if ($charts['payment_methods']->count())
if (ctxPay) {
    const labels = {{ \Illuminate\Support\Js::from($charts['payment_methods']->pluck('method')->map(fn($m) => match($m) {
        'cash'          => 'نقدى',
        'card'          => 'كارت',
        'bank_transfer' => 'تحويل بنكى',
        'cheque'        => 'شيك',
        'wallet'        => 'محفظة',
        'insurance'     => 'تأمين',
        'points'        => 'نقاط',
        default         => $m,
    })) }};
    new Chart(ctxPay, {
        type: 'doughnut',
        data: {
            labels: labels,
            datasets: [{
                data: @json($charts['payment_methods']->pluck('total')),
                backgroundColor: ['#28a745', '#007bff', '#17a2b8', '#ffc107', '#6f42c1', '#fd7e14', '#e83e8c'],
            }],
        },
        options: { responsive: true, maintainAspectRatio: false },
    });
}
@endif

// Chart 3: أعلى الأصناف (horizontal bar)
const ctxItems = document.getElementById('chart-top-items');
@if ($charts['top_items']->count())
if (ctxItems) {
    new Chart(ctxItems, {
        type: 'bar',
        data: {
            labels: @json($charts['top_items']->pluck('name')),
            datasets: [{
                label: 'الإيراد (ج.م)',
                data: @json($charts['top_items']->pluck('revenue')),
                backgroundColor: 'rgba(255,193,7,.7)',
                borderColor: '#ffc107',
                borderWidth: 1,
            }],
        },
        options: {
            indexAxis: 'y',
            responsive: true, maintainAspectRatio: false,
            plugins: { legend: { display: false } },
            scales: { x: { beginAtZero: true } },
        },
    });
}
@endif
</script>
@endpush