@extends('layouts.master')
@section('title', 'Processing - Customers')

@section('content')
<div class="container mt-4">
    <div class="card-header bg-primary text-white py-3">
        <h5 class="mb-0"><i class="fas fa-users me-2"></i>Processing - Customers</h5>
    </div>

    <div class="table-responsive">
        <table class="table table-bordered table-hover">
            <thead class="table-light">
                <tr>
                    <th>#</th>
                    <th>Customer Code</th>
                    <th>Customer Name</th>
                    <th>Category</th>
                    <th class="text-end">Outstanding Balance</th>
                    <th width="220px">Actions</th>
                </tr>
            </thead>
            <tbody>
                @forelse($customers as $row)
                    <tr>
                        <td>{{ ($customers->currentPage() - 1) * $customers->perPage() + $loop->iteration }}</td>
                        <td>{{ $row->customer_code }}</td>
                        <td>{{ $row->customer_account }}</td>
                        <td>{{ $row->category_name }}</td>
                        <td class="text-end">{{ number_format((float) $row->outstanding_balance, 2) }}</td>
                        <td>
                            <a href="{{ route('processing.customers.show', $row->id) }}" class="btn btn-secondary btn-sm">View</a>
                            <a href="{{ route('processing.customers.show', $row->id) }}" class="btn btn-outline-primary btn-sm">Link Document</a>
                        </td>
                    </tr>
                @empty
                    <tr><td colspan="6">No customers found.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>

    {{ $customers->links() }}
</div>
@endsection