@extends("layouts.app")
@section("content")
<div class="d-flex justify-content-between mb-3">
    <h4>Customers</h4>
    <a href="{{ route("customers.create") }}" class="btn btn-primary">+ Add Customer</a>
</div>
<form class="row g-2 mb-3">
    <div class="col-md-4"><input name="q" value="{{ request("q") }}" class="form-control" placeholder="নাম বা মোবাইল দিয়ে Search"></div>
    <div class="col-auto"><button class="btn btn-dark">Search</button></div>
</form>
<div class="card"><table class="table table-hover mb-0">
    <thead><tr><th>#</th><th>Name</th><th>Mobile</th><th>Address</th><th>Opening Due</th><th width="160">Action</th></tr></thead>
    <tbody>
    @forelse($items as $i)
        <tr>
            <td>{{ $loop->iteration + ($items->currentPage()-1)*$items->perPage() }}</td>
            <td>{{ $i->name }}</td>
            <td>{{ $i->mobile }}</td>
            <td>{{ $i->address }}</td>
            <td>{{ number_format($i->opening_due, 2) }}</td>
            <td>
                <a href="{{ route("customers.edit", $i) }}" class="btn btn-sm btn-outline-primary">Edit</a>
                <x-delete :action="route('customers.destroy', $i)" />
            </td>
        </tr>
    @empty
        <tr><td colspan="6" class="text-center text-muted">কোনো Customer নেই</td></tr>
    @endforelse
    </tbody>
</table></div>
<div class="mt-3">{{ $items->links() }}</div>
@endsection