@extends('layouts.app')
@section('title', 'Product Sales')
@section('actions')
    <a href="{{ route('pos.index') }}" class="btn btn-warning"><i class="bi bi-cart3"></i> New Sale (POS)</a>
@endsection

@section('content')
<div class="card p-3 mb-3">
    <form method="GET" class="row g-2 align-items-end">
        <div class="col-6 col-md-3"><label class="form-label small mb-1">From</label><input type="date" name="from" value="{{ $from }}" class="form-control form-control-sm"></div>
        <div class="col-6 col-md-3"><label class="form-label small mb-1">To</label><input type="date" name="to" value="{{ $to }}" class="form-control form-control-sm"></div>
        <div class="col-12 col-md-4">
            <button class="btn btn-sm btn-dark"><i class="bi bi-funnel"></i> Filter</button>
            <a href="{{ route('product-sales.index') }}" class="btn btn-sm btn-outline-secondary">Reset</a>
        </div>
    </form>
    <div class="small text-muted mt-2">{{ $totals->count }} sale(s) · Total: {{ number_format($totals->grand, 2) }}</div>
</div>

<div class="card p-0">
    <div class="table-responsive">
        <table class="table table-hover mb-0 align-middle">
            <thead><tr><th>Invoice</th><th>Date</th><th>Items</th><th>Subtotal</th><th>Discount</th><th>Grand Total</th><th>Received</th><th class="text-end">Actions</th></tr></thead>
            <tbody>
            @forelse($sales as $sale)
                <tr>
                    <td><a href="{{ route('product-sales.show', $sale) }}">{{ $sale->invoice_number }}</a></td>
                    <td>{{ $sale->sale_date->format('d M Y') }}</td>
                    <td>{{ $sale->items_count }}</td>
                    <td>{{ number_format($sale->subtotal, 2) }}</td>
                    <td>{{ number_format($sale->discount_amount, 2) }}</td>
                    <td class="fw-bold">{{ number_format($sale->grand_total, 2) }}</td>
                    <td>{{ number_format($sale->amount_received, 2) }}</td>
                    <td class="text-nowrap text-end">
                        <a href="{{ route('product-sales.show', $sale) }}" class="btn btn-sm btn-outline-primary"><i class="bi bi-receipt"></i></a>
                        <a href="{{ route('product-sales.pdf', $sale) }}" class="btn btn-sm btn-outline-dark"><i class="bi bi-file-pdf"></i></a>
                        <form method="POST" action="{{ route('product-sales.destroy', $sale) }}" class="d-inline" onsubmit="return confirm('Void this sale and restore stock?')">
                            @csrf @method('DELETE')
                            <button class="btn btn-sm btn-outline-danger"><i class="bi bi-x-circle"></i></button>
                        </form>
                    </td>
                </tr>
            @empty
                <tr><td colspan="8" class="text-center text-muted py-4">No sales yet.</td></tr>
            @endforelse
            </tbody>
        </table>
    </div>
</div>
<div class="mt-3">{{ $sales->links() }}</div>
@endsection