@extends('layouts.app')
@section('title','Customers | BASCORE')
@section('content')
<div class="toolbar"><div><h1 class="page-title">Customers</h1><div class="page-subtitle">Client records, TRN details and contacts.</div></div><a class="btn btn-primary" href="{{ route('customers.create') }}">Add Customer</a></div>
<div class="card card-pad">
    <form class="filterbar" method="get"><input class="form-control" style="max-width:340px" name="search" value="{{ request('search') }}" placeholder="Search customers or companies"><button class="btn btn-dark">Search</button></form>
    <div class="table-wrap" style="margin-top:16px"><table><thead><tr><th>Name</th><th>Company</th><th>Email</th><th>Phone</th><th>TRN</th><th>Actions</th></tr></thead><tbody>
        @forelse($customers as $customer)
            <tr><td><strong>{{ $customer->customer_name }}</strong><div class="page-subtitle">{{ $customer->contact_person }}</div></td><td>{{ $customer->company_name }}</td><td>{{ $customer->email }}</td><td>{{ $customer->phone }}</td><td>{{ $customer->trn }}</td><td class="actions"><a class="btn btn-sm btn-light" href="{{ route('customers.edit',$customer) }}">Edit</a><a class="btn btn-sm btn-light" href="{{ route('reports.customer-statement',$customer) }}">Statement</a><form method="post" action="{{ route('customers.destroy',$customer) }}" data-confirm="Delete this customer?">@csrf @method('delete')<button class="btn btn-sm btn-danger">Delete</button></form></td></tr>
        @empty<tr><td colspan="6" class="empty">No customers yet. Create your first customer.</td></tr>@endforelse
    </tbody></table></div>{{ $customers->links() }}
</div>
@endsection