@extends('admin.layouts.app')

@section('title', 'Dashboard')
@section('crumbs')<span>Dashboard</span>@endsection

@section('content')
    <div class="stats">
        <a href="{{ route('admin.orders.index', ['from' => today()->toDateString()]) }}" class="stat">
            <div class="s-ico">🧾</div>
            <div><div class="s-val">{{ number_format($stats['today_orders']) }}</div><div class="s-lbl">Today's orders</div></div>
        </a>
        <a href="{{ route('admin.orders.index', ['status' => 'placed']) }}" class="stat">
            <div class="s-ico gold">⏳</div>
            <div><div class="s-val">{{ number_format($stats['pending']) }}</div><div class="s-lbl">Pending orders</div></div>
        </a>
        <a href="{{ route('admin.products.index') }}" class="stat">
            <div class="s-ico blue">🛍️</div>
            <div><div class="s-val">{{ number_format($stats['products']) }}</div><div class="s-lbl">Products</div></div>
        </a>
        <a href="{{ route('admin.products.index', ['status' => 'low']) }}" class="stat">
            <div class="s-ico red">📉</div>
            <div><div class="s-val">{{ number_format($stats['low_stock']) }}</div><div class="s-lbl">Low stock (&lt;10)</div></div>
        </a>
        <a href="{{ route('admin.messages.index', ['filter' => 'unread']) }}" class="stat">
            <div class="s-ico">✉️</div>
            <div><div class="s-val">{{ number_format($stats['unread']) }}</div><div class="s-lbl">Unread messages</div></div>
        </a>
    </div>

    <div class="grid-2">
        <div>
            <div class="card">
                <div class="card-head">
                    <h2>Orders — last 7 days</h2>
                    <span class="muted small">Total {{ $chart->sum('count') }}</span>
                </div>
                <div class="card-body">
                    @php
                        $max = max(1, $chart->max('count'));
                        $w = 700; $h = 220; $pad = 30; $slot = ($w - $pad) / 7; $barW = $slot * 0.55;
                    @endphp
                    <svg class="chart" viewBox="0 0 {{ $w }} {{ $h + 40 }}" role="img" aria-label="Orders in the last 7 days">
                        @foreach ([0, 0.5, 1] as $g)
                            @php $y = 20 + ($h - 20) * (1 - $g); @endphp
                            <line class="grid" x1="{{ $pad }}" x2="{{ $w }}" y1="{{ $y }}" y2="{{ $y }}"/>
                            <text x="0" y="{{ $y + 4 }}">{{ round($max * $g) }}</text>
                        @endforeach
                        @foreach ($chart as $i => $d)
                            @php
                                $bh = ($h - 20) * $d['count'] / $max;
                                $x = $pad + $slot * $i + ($slot - $barW) / 2;
                                $y = $h - $bh;
                            @endphp
                            <rect class="bar {{ $loop->last ? 'today' : '' }}" x="{{ $x }}" y="{{ $y }}" width="{{ $barW }}" height="{{ max($bh, 2) }}" rx="6">
                                <title>{{ $d['date'] }}: {{ $d['count'] }} orders</title>
                            </rect>
                            <text class="val" x="{{ $x + $barW / 2 }}" y="{{ $y - 6 }}" text-anchor="middle">{{ $d['count'] }}</text>
                            <text x="{{ $x + $barW / 2 }}" y="{{ $h + 20 }}" text-anchor="middle">{{ $d['label'] }}</text>
                            <text x="{{ $x + $barW / 2 }}" y="{{ $h + 36 }}" text-anchor="middle" style="font-size:10px">{{ $d['date'] }}</text>
                        @endforeach
                    </svg>
                </div>
            </div>
        </div>

        <div>
            <div class="card">
                <div class="card-head">
                    <h2>🔥 Running campaigns</h2>
                    <a href="{{ route('admin.campaigns.index') }}" class="btn btn-ghost btn-sm">All</a>
                </div>
                <ul class="list">
                    @forelse ($campaigns as $c)
                        <li>
                            <div class="thumb" style="background: {{ $c->bg }}">{{ $c->icon ?: '🔥' }}</div>
                            <div class="grow">
                                <div class="t"><a href="{{ route('admin.campaigns.products.index', $c) }}">{{ $c->title }}</a></div>
                                <div class="s">{{ $c->products_count }} products · ends {{ $c->end_at->diffForHumans() }}</div>
                            </div>
                            <span class="badge badge-live">Live</span>
                        </li>
                    @empty
                        <li class="empty-box">No campaign running now.</li>
                    @endforelse
                </ul>
            </div>

            <div class="card">
                <div class="card-head">
                    <h2>📉 Low stock</h2>
                    <a href="{{ route('admin.products.index', ['status' => 'low']) }}" class="btn btn-ghost btn-sm">All</a>
                </div>
                <ul class="list">
                    @forelse ($lowStock as $p)
                        <li>
                            <div class="thumb">
                                @if ($p->image)<img src="{{ asset('storage/'.$p->image) }}" alt="">@else{{ $p->icon ?: '📦' }}@endif
                            </div>
                            <div class="grow">
                                <div class="t"><a href="{{ route('admin.products.edit', $p) }}">{{ $p->name }}</a></div>
                                <div class="s">{{ $p->category?->name }}</div>
                            </div>
                            <span class="badge {{ $p->stock == 0 ? 'badge-danger' : 'badge-warning' }}">{{ $p->stock }} left</span>
                        </li>
                    @empty
                        <li class="empty-box">All products are well stocked 👍</li>
                    @endforelse
                </ul>
            </div>
        </div>
    </div>
@endsection