@extends('restaurant.layouts.panel')

@section('title', 'Earnings')

@section('content')
    <form method="GET" class="d-flex gap-2 mb-3">
        <input type="date" name="from" value="{{ $from }}" class="form-control" style="width:180px;">
        <input type="date" name="to" value="{{ $to }}" class="form-control" style="width:180px;">
        <button class="btn btn-outline-secondary" type="submit">Filter</button>
    </form>

    <div class="row g-3 mb-3">
        <div class="col-md-3">
            <div class="stat-card p-3">
                <div class="text-muted small">Gross Sales</div>
                <div class="fs-4 fw-bold">₹{{ number_format($totalSubtotal, 2) }}</div>
            </div>
        </div>
        <div class="col-md-3">
            <div class="stat-card p-3">
                <div class="text-muted small">Platform Commission</div>
                <div class="fs-4 fw-bold text-danger">-₹{{ number_format($totalCommission, 2) }}</div>
            </div>
        </div>
        <div class="col-md-3">
            <div class="stat-card p-3">
                <div class="text-muted small">Net Earnings (this range)</div>
                <div class="fs-4 fw-bold text-success">₹{{ number_format($netEarnings, 2) }}</div>
            </div>
        </div>
        <div class="col-md-3">
            <div class="stat-card p-3">
                <div class="text-muted small">Available to Withdraw</div>
                <div class="fs-4 fw-bold text-primary">₹{{ number_format($availableBalance, 2) }}</div>
                <a href="{{ route('restaurant.withdrawals.index') }}" class="small">Request withdrawal →</a>
            </div>
        </div>
    </div>

    <div class="stat-card p-0">
        <table class="table table-hover mb-0 align-middle">
            <thead>
                <tr>
                    <th>Order #</th>
                    <th>Delivered</th>
                    <th>Subtotal</th>
                    <th>Commission</th>
                    <th>Net</th>
                </tr>
            </thead>
            <tbody>
                @forelse ($orders as $order)
                    <tr>
                        <td>{{ $order->order_number }}</td>
                        <td>{{ $order->delivered_at?->format('d M Y, h:i A') }}</td>
                        <td>₹{{ number_format($order->subtotal, 2) }}</td>
                        <td>-₹{{ number_format($order->commission_amount, 2) }}</td>
                        <td>₹{{ number_format($order->subtotal - $order->commission_amount, 2) }}</td>
                    </tr>
                @empty
                    <tr><td colspan="5" class="text-center text-muted py-4">No delivered orders in this date range.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
@endsection