@extends('layouts.app')

@section('content')

<div class="d-flex justify-content-between align-items-center mb-4">
    <div>
        <h3>Customer Sales History</h3>
        <p class="mb-0 text-muted">{{ $customer->name }} — {{ $customer->phone ?? 'No phone' }}</p>
    </div>

    <div>
        <a href="{{ route('sales.index') }}" class="btn btn-outline-secondary">
            ← Back to Sales Report
        </a>
    </div>
</div>

<div class="row g-3 mb-4">
    <div class="col-md-4">
        <div class="card p-3">
            <div class="text-muted">Total Sales</div>
            <div class="h4 mt-2">{{ $sales->count() }}</div>
        </div>
    </div>
    <div class="col-md-8">
        <div class="card p-3">
            <div class="text-muted">Total Revenue</div>
            <div class="h4 mt-2 text-success">
                {{ number_format($sales->sum('total_amount'), 2) }}
            </div>
        </div>
    </div>
</div>

@if($sales->isEmpty())
    <div class="alert alert-warning">
        No sales found for this customer yet.
    </div>
@else
    <div class="table-responsive">
        <table class="table table-bordered table-hover align-middle">
            <thead class="table-dark">
                <tr>
                    <th>Date</th>
                    <th>Sale ID</th>
                    <th>Items</th>
                    <th>Total Amount</th>
                </tr>
            </thead>
            <tbody>
                @foreach($sales as $sale)
                    <tr>
                        <td>{{ $sale->created_at->format('d M Y') }}</td>
                        <td>#{{ $sale->id }}</td>
                        <td>
                            <ul class="mb-0 ps-3">
                                @foreach($sale->items as $item)
                                    <li>
                                        {{ $item->product->name ?? 'Unknown product' }}
                                        × {{ $item->quantity }}
                                        <span class="text-muted">@ {{ number_format($item->price, 2) }}</span>
                                    </li>
                                @endforeach
                            </ul>
                        </td>
                        <td class="text-success fw-bold">
                            {{ number_format($sale->total_amount, 2) }}
                        </td>
                    </tr>
                @endforeach
            </tbody>
        </table>
    </div>
@endif

@endsection