@extends('layouts.app')
@section('title', 'Analytics')
@section('content')
<div class="d-flex gap-4 mb-3 border-bottom">
    <a href="{{ route('hub.analytics', ['tab' => 'overview']) }}" class="text-decoration-none pb-2 {{ $tab === 'overview' ? 'text-danger border-danger border-bottom border-2 fw-bold' : 'text-secondary' }}">Overview</a>
    <a href="{{ route('hub.analytics', ['tab' => 'finance']) }}" class="text-decoration-none pb-2 {{ $tab === 'finance' ? 'text-danger border-danger border-bottom border-2 fw-bold' : 'text-secondary' }}">Finance</a>
    <a href="{{ route('hub.analytics', ['tab' => 'order']) }}" class="text-decoration-none pb-2 {{ $tab === 'order' ? 'text-danger border-danger border-bottom border-2 fw-bold' : 'text-secondary' }}">Order</a>
</div>

@if ($tab === 'overview')
<div class="row g-3 mb-4">
    <div class="col-6">
        <div class="card p-3">
            <div class="text-muted">Sales</div>
            <div class="fs-3 fw-bold">Rs {{ number_format($overview['sales_today'], 0) }}</div>
            <div class="small {{ $overview['sales_change_pct'] >= 0 ? 'text-success' : 'text-danger' }}">
                {{ $overview['sales_change_pct'] >= 0 ? '' : '−' }}{{ abs($overview['sales_change_pct']) }}%
                {{ $overview['sales_change_pct'] >= 0 ? 'More' : 'Less' }} Than Yesterday
            </div>
        </div>
    </div>
    <div class="col-6">
        <div class="card p-3">
            <div class="text-muted">Purchase</div>
            <div class="fs-3 fw-bold">Rs {{ number_format($overview['purchase_today'], 0) }}</div>
            <div class="small {{ $overview['purchase_change_pct'] >= 0 ? 'text-danger' : 'text-success' }}">
                {{ $overview['purchase_change_pct'] >= 0 ? '' : '−' }}{{ abs($overview['purchase_change_pct']) }}%
                {{ $overview['purchase_change_pct'] >= 0 ? 'more' : 'less' }} than Yesterday
            </div>
        </div>
    </div>
    <div class="col-6">
        <div class="card p-3">
            <div class="text-muted">Income</div>
            <div class="fs-3 fw-bold">Rs {{ number_format($overview['other_income_today'], 0) }}</div>
            <div class="small text-muted">non-sales income</div>
        </div>
    </div>
    <div class="col-6">
        <div class="card p-3">
            <div class="text-muted">Expense</div>
            <div class="fs-3 fw-bold">Rs {{ number_format($overview['expense_today'], 0) }}</div>
            <div class="small text-muted">logged today</div>
        </div>
    </div>
</div>

<div class="card p-3">
    <h6>Sales Overview — Last 14 Days</h6>
    <canvas id="salesTrendChart" height="180"></canvas>
</div>
@endif

@if ($tab === 'finance')
<div class="card p-3 mb-3">
    <h6>Payment Methods — Today</h6>
    @forelse ($paymentMethods as $i => $row)
    <div class="d-flex justify-content-between align-items-center border-bottom py-2">
        <div class="d-flex align-items-center gap-2">
            <span class="text-muted">#{{ str_pad($i + 1, 2, '0', STR_PAD_LEFT) }}</span>
            <span class="badge bg-light text-dark rounded-circle p-2">{{ strtoupper(substr(\App\Models\Payment::methodLabels()[$row->method] ?? $row->method, 0, 2)) }}</span>
            <div>
                <div>{{ \App\Models\Payment::methodLabels()[$row->method] ?? ucfirst($row->method) }}</div>
                <div class="small text-muted">{{ $row->order_count }} Orders</div>
            </div>
        </div>
        <div class="fw-bold">Rs {{ number_format($row->total, 0) }}</div>
    </div>
    @empty
    <p class="text-muted">No payments recorded today.</p>
    @endforelse
</div>

<div class="card p-3 mb-3">
    <h6>Transaction History</h6>
    @forelse ($transactionHistory as $order)
    <div class="border rounded p-2 mb-2 d-flex justify-content-between align-items-start">
        <div>
            <div class="fw-bold">{{ $order->table->name ?? ucfirst(str_replace('_',' ',$order->order_type)) }}</div>
            <span class="badge bg-success-subtle text-success">Sales</span>
            <span class="badge bg-success-subtle text-success">Paid</span>
            @if ($order->invoice_number)
            <div class="small text-primary">{{ $order->invoice_number }}</div>
            @endif
        </div>
        <div class="text-end">
            <div class="fw-bold text-success">Rs {{ number_format($order->total, 0) }}</div>
            <div class="small text-muted">{{ $order->updated_at->format('h:i A') }}</div>
        </div>
    </div>
    @empty
    <p class="text-muted">No transactions yet.</p>
    @endforelse
</div>

<div class="card p-3 mb-3">
    <h6>Sales by Staff — Today</h6>
    @forelse ($salesByStaff as $i => $row)
    <div class="d-flex justify-content-between align-items-center border-bottom py-2">
        <div class="d-flex align-items-center gap-2">
            <span class="text-muted">#{{ str_pad($i + 1, 2, '0', STR_PAD_LEFT) }}</span>
            <span class="badge bg-light text-dark rounded-circle p-2">{{ strtoupper(substr($row->user->name ?? '?', 0, 2)) }}</span>
            <div>
                <div>{{ $row->user->name ?? 'Unknown' }}</div>
                <div class="small text-muted">{{ $row->order_count }} Sold</div>
            </div>
        </div>
        <div class="fw-bold">Rs {{ number_format($row->total, 0) }}</div>
    </div>
    @empty
    <p class="text-muted">No sales yet today.</p>
    @endforelse
</div>

<div class="card p-3">
    <h6>Top Customers by Spend</h6>
    @forelse ($topCustomers as $i => $row)
    <div class="d-flex justify-content-between align-items-center border-bottom py-2">
        <div class="d-flex align-items-center gap-2">
            <span class="text-muted">#{{ str_pad($i + 1, 2, '0', STR_PAD_LEFT) }}</span>
            <span class="badge bg-light text-dark rounded-circle p-2">{{ strtoupper(substr($row->customer->name ?? '?', 0, 2)) }}</span>
            <div>{{ $row->customer->name ?? $row->customer->phone ?? 'Unknown' }}</div>
        </div>
        <div class="fw-bold">Rs {{ number_format($row->total, 0) }}</div>
    </div>
    @empty
    <p class="text-muted">No customer-linked sales yet.</p>
    @endforelse
</div>
@endif

@if ($tab === 'order')
<div class="card p-3 mb-3">
    <h6>Sales by Sub Menu — Today</h6>
    @if ($salesBySubMenu->count())
    <div class="d-flex mb-3" style="height:24px;border-radius:6px;overflow:hidden;">
        @php $subMenuTotal = $salesBySubMenu->sum('total') ?: 1; $colors = ['#0d6efd', '#6f42c1', '#ffc107', '#198754', '#fd7e14']; @endphp
        @foreach ($salesBySubMenu as $i => $row)
        <div style="width:{{ ($row->total / $subMenuTotal) * 100 }}%;background:{{ $colors[$i % count($colors)] }};"></div>
        @endforeach
    </div>
    @foreach ($salesBySubMenu as $i => $row)
    <div class="d-flex justify-content-between align-items-center border-bottom py-2">
        <div class="d-flex align-items-center gap-2">
            <span style="width:14px;height:14px;background:{{ $colors[$i % count($colors)] }};border-radius:4px;display:inline-block;"></span>
            {{ $row->group_name }}
        </div>
        <div class="d-flex gap-3">
            <span class="text-muted">{{ $row->qty }}</span>
            <span class="fw-bold">Rs {{ number_format($row->total, 0) }}</span>
        </div>
    </div>
    @endforeach
    @else
    <p class="text-muted">No sales yet today.</p>
    @endif
</div>

<div class="card p-3 mb-3">
    <h6>Top Selling Category — Today</h6>
    @forelse ($topCategories as $i => $row)
    <div class="d-flex justify-content-between align-items-center border-bottom py-2">
        <div class="d-flex align-items-center gap-2">
            <span class="text-muted">#{{ str_pad($i + 1, 2, '0', STR_PAD_LEFT) }}</span>
            <div>
                <div>{{ $row->category_name }}</div>
                <div class="small text-muted">{{ $row->qty }} Sold</div>
            </div>
        </div>
        <div class="fw-bold">Rs {{ number_format($row->total, 0) }}</div>
    </div>
    @empty
    <p class="text-muted">No sales yet today.</p>
    @endforelse
</div>

<div class="card p-3">
    <h6>Top Selling Dishes — Today</h6>
    @forelse ($topDishes as $i => $row)
    <div class="d-flex justify-content-between align-items-center border-bottom py-2">
        <div class="d-flex align-items-center gap-2">
            <span class="text-muted">#{{ str_pad($i + 1, 2, '0', STR_PAD_LEFT) }}</span>
            <span class="badge bg-light text-dark rounded-circle p-2">{{ strtoupper(substr($row->name, 0, 2)) }}</span>
            <div>
                <div>{{ $row->name }}</div>
                <div class="small text-muted">{{ $row->qty }} Sold</div>
            </div>
        </div>
        <div class="fw-bold">Rs {{ number_format($row->total, 0) }}</div>
    </div>
    @empty
    <p class="text-muted">No sales yet today.</p>
    @endforelse
</div>
@endif
@endsection
@section('scripts')
@if ($tab === 'overview')
<script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.4/dist/chart.umd.min.js"></script>
<script>
new Chart(document.getElementById('salesTrendChart'), {
    type: 'line',
    data: {
        labels: @json($salesTrend->pluck('d')),
        datasets: [{ label: 'Sales', data: @json($salesTrend->pluck('total')), borderColor: '#dc3545', tension: 0.3 }]
    },
    options: { plugins: { legend: { display: false } } }
});
</script>
@endif
@endsection