@extends('layouts.app')
@section('title', 'Order')
@section('content')
<div class="d-flex gap-4 mb-3 border-bottom">
    <span class="text-decoration-none pb-2 text-danger border-danger border-bottom border-2 fw-bold">Active</span>
    @can('tables.manage')
    <a href="{{ route('tables.index') }}" class="text-decoration-none pb-2 text-secondary">Table</a>
    @endcan
    @can('kitchen.access')
    <a href="{{ route('kitchen.index') }}" class="text-decoration-none pb-2 text-secondary">KOT</a>
    @endcan
</div>

<div class="d-flex justify-content-between align-items-center mb-3 flex-wrap gap-2">
    <h4 class="mb-0 d-none d-lg-block">Orders</h4>
    <div class="btn-group btn-group-sm">
        <a href="{{ route('orders.board') }}" class="btn {{ $filter === 'all' ? 'btn-dark' : 'btn-outline-dark' }}">All ({{ $counts['all'] }})</a>
        <a href="{{ route('orders.board', ['type' => 'dine_in']) }}" class="btn {{ $filter === 'dine_in' ? 'btn-dark' : 'btn-outline-dark' }}">Dine In ({{ $counts['dine_in'] }})</a>
        <a href="{{ route('orders.board', ['type' => 'takeaway']) }}" class="btn {{ $filter === 'takeaway' ? 'btn-dark' : 'btn-outline-dark' }}">Takeaway ({{ $counts['takeaway'] }})</a>
        <a href="{{ route('orders.board', ['type' => 'delivery']) }}" class="btn {{ $filter === 'delivery' ? 'btn-dark' : 'btn-outline-dark' }}">Delivery ({{ $counts['delivery'] }})</a>
    </div>
    <a href="{{ route('pos.index') }}" class="btn btn-dark btn-sm d-none d-lg-inline-block">+ New Order</a>
</div>

<div class="row row-cols-1 row-cols-md-3 row-cols-lg-4 g-3">
    @forelse ($orders as $order)
    @php
        $isNew = $order->created_at->diffInMinutes(now()) < 5;
        $paidSoFar = $order->payments->sum('amount') ?? 0;
    @endphp
    <div class="col">
        <div class="card p-3 h-100">
            <div class="d-flex justify-content-between align-items-start mb-1">
                <strong>{{ $order->table->name ?? ucfirst(str_replace('_',' ',$order->order_type)) }}</strong>
                @if ($isNew)
                <span class="badge bg-success">New</span>
                @endif
            </div>
            <div class="d-flex justify-content-between text-muted small mb-2">
                <span>
                    {{ ucfirst(str_replace('_',' ',$order->order_type)) }}
                    @if ($order->order_type === 'delivery')
                        <span class="badge bg-info text-dark">{{ $order->channelLabel() }}</span>
                    @endif
                </span>
                <span>{{ $order->created_at->diffForHumans() }}</span>
            </div>

            @if ($order->order_type === 'delivery')
            <div class="small mb-2">
                @if ($order->external_order_ref)
                <div class="text-muted">Ref: {{ $order->external_order_ref }}</div>
                @endif
                @if ($order->assignedRider)
                <div class="text-muted">Rider: {{ $order->assignedRider->name }}</div>
                @endif
                @if ($order->delivery_status)
                <span class="badge bg-secondary">{{ ucfirst(str_replace('_',' ',$order->delivery_status)) }}</span>
                @endif
            </div>
            @endif

            <ul class="list-unstyled small mb-2 flex-grow-1">
                @foreach ($order->items->take(5) as $item)
                <li class="d-flex justify-content-between">
                    <span>{{ $item->displayName() }}</span>
                    <span class="text-muted">{{ $item->quantity }}</span>
                </li>
                @endforeach
                @if ($order->items->count() > 5)
                <li class="text-muted">+{{ $order->items->count() - 5 }} more</li>
                @endif
            </ul>

            @if ($order->placed_by_customer && $order->status === 'open')
            <div class="alert alert-warning py-1 px-2 small mb-2">📱 Placed by customer</div>
            @endif

            <div class="d-flex justify-content-between align-items-center border-top pt-2 mt-auto">
                <span class="text-muted small">{{ $order->items->count() }} items</span>
                <span class="fw-bold">{{ number_format($order->total, 2) }}</span>
            </div>
            @if ($paidSoFar > 0 && $paidSoFar < $order->total)
            <div class="text-danger small">Balance due: {{ number_format($order->total - $paidSoFar, 2) }}</div>
            @endif

            <a href="{{ route('pos.index', $order->table_id ? ['table_id' => $order->table_id] : ['order_id' => $order->id]) }}" class="btn btn-outline-dark btn-sm w-100 mt-2">
                Open Order
            </a>
        </div>
    </div>
    @empty
    <p class="text-muted">No active orders right now.</p>
    @endforelse
</div>
@endsection