@extends('layouts.admin')

@section('title', 'Dashboard')

@section('content')
<div id="dashboard-data" data-poll-url="{{ url('/api/admin/dashboard-data') }}">
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 1rem; margin-bottom: 2rem;">
    <div style="background: white; padding: 1.5rem; border-radius: 0.5rem; box-shadow: 0 1px 3px rgba(0,0,0,0.1);">
        <div style="color: #6b7280; font-size: 0.875rem;">Today's Orders</div>
        <div style="font-size: 2rem; font-weight: 700;" data-metric="todayOrders">{{ $todayOrders }}</div>
        @if(isset($todayOnlineOrders) && $todayOnlineOrders > 0)
        <div style="font-size: 0.75rem; color: #6b7280;">{{ $todayOnlineOrders }} online</div>
        @endif
    </div>
    <div style="background: white; padding: 1.5rem; border-radius: 0.5rem; box-shadow: 0 1px 3px rgba(0,0,0,0.1);">
        <div style="color: #6b7280; font-size: 0.875rem;">Today's Revenue</div>
        <div style="font-size: 2rem; font-weight: 700;" data-metric="todayRevenue">Rs {{ number_format($todayRevenue, 0) }}</div>
    </div>
    @if(isset($kitchenAvgMinutes) && $kitchenAvgMinutes !== null)
    <div style="background: white; padding: 1.5rem; border-radius: 0.5rem; box-shadow: 0 1px 3px rgba(0,0,0,0.1);">
        <div style="color: #6b7280; font-size: 0.875rem;">Kitchen Avg Time</div>
        <div style="font-size: 2rem; font-weight: 700;">{{ $kitchenAvgMinutes }} min</div>
    </div>
    @endif
</div>

@if(auth()->user()->isAdmin() && isset($branchWiseOrders) && $branchWiseOrders->isNotEmpty())
<h2 style="margin-bottom: 1rem;">Branch-wise Orders</h2>
<table style="margin-bottom: 2rem;">
    <thead>
        <tr>
            <th>Branch</th>
            <th>Orders</th>
            <th>Revenue</th>
        </tr>
    </thead>
    <tbody>
        @foreach($branchWiseOrders as $bo)
        <tr>
            <td>{{ $bo->branch->name ?? '-' }}</td>
            <td>{{ $bo->cnt }}</td>
            <td>Rs {{ number_format($branchWiseRevenue->get($bo->branch_id) ?? 0, 0) }}</td>
        </tr>
        @endforeach
    </tbody>
</table>
@endif

@if(auth()->user()->isAdmin() && isset($openDrawers) && $openDrawers->isNotEmpty())
<h2 style="margin-bottom: 1rem;">Open Drawers (Real-time)</h2>
<table style="margin-bottom: 2rem;">
    <thead>
        <tr>
            <th>Branch</th>
            <th>Counter</th>
            <th>Cashier</th>
            <th>Money in Draw</th>
        </tr>
    </thead>
    <tbody>
        @foreach($openDrawers as $item)
        <tr>
            <td>{{ $item->drawer->branch->name ?? '-' }}</td>
            <td>{{ $item->drawer->counter->name ?? '-' }}</td>
            <td>{{ $item->drawer->user->name ?? '-' }}</td>
            <td><strong>Rs {{ number_format($item->balance, 0) }}</strong></td>
        </tr>
        @endforeach
    </tbody>
</table>
@endif

@if(auth()->user()->isAdmin() && isset($branchManagerBalances) && $branchManagerBalances->isNotEmpty())
<h2 style="margin-bottom: 1rem;">Branch Manager Balances</h2>
<table style="margin-bottom: 2rem;">
    <thead>
        <tr>
            <th>Branch Manager</th>
            <th>Branch</th>
            <th>Balance</th>
        </tr>
    </thead>
    <tbody>
        @foreach($branchManagerBalances as $bm)
        <tr>
            <td>{{ $bm->name }}</td>
            <td>{{ $bm->branch->name ?? '-' }}</td>
            <td><strong>Rs {{ number_format($bm->balance ?? 0, 0) }}</strong></td>
        </tr>
        @endforeach
    </tbody>
</table>
@endif

@if(auth()->user()->isAdmin())
<h2 style="margin-bottom: 1rem;">Admin Account</h2>
<p style="margin-bottom: 1rem;">Total (all admins): <strong>Rs {{ number_format($adminBalance ?? 0, 0) }}</strong> · <a href="{{ route('admin.cash.withdraw') }}" class="btn btn-primary btn-sm">Withdraw</a></p>
@endif

<h2 style="margin-bottom: 1rem;">Branches</h2>
<table>
    <thead>
        <tr>
            <th>Name</th>
            <th>Orders</th>
            <th>Address</th>
        </tr>
    </thead>
    <tbody>
        @forelse($branches as $branch)
        <tr>
            <td>{{ $branch->name }}</td>
            <td>{{ $branch->orders_count }}</td>
            <td>{{ $branch->address ?? '-' }}</td>
        </tr>
        @empty
        <tr><td colspan="3">No branches yet.</td></tr>
        @endforelse
    </tbody>
</table>
</div>
@endsection

@if(auth()->user()->isAdmin())
@section('scripts')
<script>
(function poll() {
    const el = document.getElementById('dashboard-data');
    if (!el || !el.dataset.pollUrl) return;
    fetch(el.dataset.pollUrl, { headers: { 'Accept': 'application/json', 'X-Requested-With': 'XMLHttpRequest' }, credentials: 'same-origin' })
        .then(r => r.json())
        .then(d => {
            const ordersEl = document.querySelector('[data-metric="todayOrders"]');
            const revenueEl = document.querySelector('[data-metric="todayRevenue"]');
            if (ordersEl) ordersEl.textContent = d.todayOrders ?? ordersEl.textContent;
            if (revenueEl) revenueEl.textContent = 'Rs ' + (d.todayRevenue ?? 0).toLocaleString();
        }).catch(() => {});
    setTimeout(poll, 5000);
})();
</script>
@endsection
@endif