@extends('layouts.app')

@section('content')

<div class="d-flex justify-content-between mb-3">
    <h3>📊 Sales Report (Customer Wise)</h3>

    <a href="{{ route('sales.create') }}" class="btn btn-primary">
        + New Sale
    </a>
</div>

<table class="table table-bordered table-hover">

    <thead class="table-dark">
        <tr>
            <th>Customer</th>
            <th>Total Sales</th>
            <th>Total Amount</th>
            <th>Total Due</th>
        </tr>
    </thead>

    <tbody>

        @forelse($sales as $sale)

        <tr>
            <td>
                @if($sale->customer_id)
                    <a href="{{ route('customers.show', $sale->customer_id) }}" class="text-decoration-none text-dark fw-bold">
                        {{ $sale->customer_name ?? 'Walk-in Customer' }}
                    </a>
                @else
                    <span class="fw-bold">Walk-in Customer</span>
                @endif
            </td>

            <td>
                <span class="badge bg-primary">
                    {{ $sale->total_sales }}
                </span>
            </td>

            <td>
                <span class="text-success fw-bold">
                    {{ number_format($sale->total_amount, 2) }}
                </span>
            </td>
            <td>
                <span class="text-danger fw-bold">
                    {{ number_format($sale->total_due ?? 0, 2) }}
                </span>
            </td>
        </tr>

        @empty

        <tr>
            <td colspan="4" class="text-center text-muted">
                No sales found
            </td>
        </tr>

        @endforelse

    </tbody>

</table>

@endsection