@extends('layouts.app')
@section('title', 'Sales Recording')

@section('content')
<div class="d-flex justify-content-between align-items-center mb-4">
    <div>
        <h3 class="fw-bold mb-1">Sales Ledger</h3>
        <p class="text-muted mb-0">Record cash, card, and bank transfers with instant stock deduction.</p>
    </div>
    <button class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#newSaleModal">
        <i class="fa fa-plus me-1"></i> Record New Sale
    </button>
</div>

<div class="card stat-card bg-white p-4">
    <div class="table-responsive">
        <table class="table align-middle table-hover">
            <thead>
                <tr>
                    <th>Ref</th>
                    <th>Customer</th>
                    <th>Payment Method</th>
                    <th>Items</th>
                    <th>Total</th>
                    <th>Date</th>
                </tr>
            </thead>
            <tbody>
                @forelse($sales as $sale)
                <tr>
                    <td><code>{{ $sale->reference }}</code></td>
                    <td>{{ $sale->customer_name ?? 'Walk-in Customer' }}</td>
                    <td>
                        <span class="badge bg-{{ $sale->payment_method === 'cash' ? 'success' : ($sale->payment_method === 'card' ? 'primary' : 'info') }}">
                            {{ strtoupper(str_replace('_', ' ', $sale->payment_method)) }}
                        </span>
                    </td>
                    <td>{{ $sale->items->sum('quantity') }} items</td>
                    <td><strong>{{ $currentTenant->currency }} {{ number_format($sale->total_amount, 2) }}</strong></td>
                    <td>{{ $sale->created_at->format('M d, Y H:i') }}</td>
                </tr>
                @empty
                <tr><td colspan="6" class="text-center text-muted py-4">No sales recorded yet.</td></tr>
                @endforelse
            </tbody>
        </table>
        {{ $sales->links() }}
    </div>
</div>

@include('tenant.sales.create_modal')
@endsection