@extends('layouts.app')
@section('title', 'Customers')
@section('heading', 'Customers')
@section('content')
<div class="page-actions"><div><p class="eyebrow mb-1">CUSTOMER DIRECTORY</p><h2>Manage customer accounts</h2><p>Contact details, payment terms, and related invoices.</p></div>@can('create', App\Models\Customer::class)<a class="btn btn-primary" href="{{ route('customers.create') }}"><i class="bi bi-plus-lg me-2"></i>Add customer</a>@endcan</div>

<form class="filter-bar" method="GET" action="{{ route('customers.index') }}">
    <div class="filter-search"><i class="bi bi-search"></i><input class="form-control" name="search" value="{{ request('search') }}" placeholder="Search company, code, or contact"></div>
    <select class="form-select" name="active" aria-label="Customer status"><option value="">All customers</option><option value="1" @selected(request('active') === '1')>Active</option><option value="0" @selected(request('active') === '0')>Inactive</option></select>
    <button class="btn btn-dark" type="submit">Apply filters</button>
    @if(request()->hasAny(['search','active']))<a class="btn btn-link" href="{{ route('customers.index') }}">Clear</a>@endif
</form>

<div class="data-card">
    <div class="table-responsive"><table class="table module-table align-middle mb-0"><thead><tr><th>Customer</th><th>Contact</th><th>Payment terms</th><th>Invoices</th><th>Status</th><th></th></tr></thead><tbody>
    @forelse($customers as $customer)
        <tr><td><a class="entity-link" href="{{ route('customers.show', $customer) }}"><span class="customer-avatar">{{ strtoupper(substr($customer->company_name,0,1)) }}</span><span><strong>{{ $customer->company_name }}</strong><small>{{ $customer->code }}</small></span></a></td><td><strong>{{ $customer->contact_person ?: 'Not provided' }}</strong><small class="d-block text-secondary">{{ $customer->email ?: $customer->phone }}</small></td><td>{{ $customer->payment_terms_days }} days</td><td><span class="count-pill">{{ $customer->invoices_count }}</span></td><td><span class="state-pill {{ $customer->is_active ? 'active' : 'inactive' }}">{{ $customer->is_active ? 'Active' : 'Inactive' }}</span></td><td class="text-end"><a class="icon-button" href="{{ route('customers.show',$customer) }}" aria-label="View {{ $customer->company_name }}"><i class="bi bi-chevron-right"></i></a></td></tr>
    @empty<tr><td colspan="6"><div class="empty-state"><span><i class="bi bi-buildings"></i></span><h3>No customers found</h3><p>Add a customer or adjust your filters.</p></div></td></tr>@endforelse
    </tbody></table></div>
    @if($customers->hasPages())<div class="pagination-wrap">{{ $customers->links() }}</div>@endif
</div>
@endsection