@extends('layouts.app')
@section('title', 'Kunden')
@section('actions')
    @can(\App\Enums\Permission::CUSTOMER_MANAGE)<a href="{{ route('customers.create') }}" class="btn btn-primary btn-sm">Kunde anlegen</a>@endcan
@endsection
@section('content')
    <section class="panel"><div class="panel-body">
        <form method="GET" class="filters">
            <div class="field"><label for="search">Suche</label>
                <input id="search" name="search" type="search" value="{{ request('search') }}"></div>
            <button class="btn btn-secondary btn-sm" type="submit">Filtern</button>
        </form>
    </div></section>
    <section class="panel"><div class="table-wrap"><table class="data">
        <thead><tr><th>Name</th><th>Kürzel</th><th>Kontakt</th><th>Projekte</th><th>Switches</th></tr></thead>
        <tbody>@forelse ($customers as $customer)
            <tr>
                <td><a href="{{ route('customers.show', $customer) }}"><strong>{{ $customer->name }}</strong></a></td>
                <td class="mono small">{{ $customer->short_code }}</td>
                <td class="small">{{ $customer->contact_name }} {{ $customer->contact_email ? '· '.$customer->contact_email : '' }}</td>
                <td class="num">{{ $customer->projects_count }}</td>
                <td class="num">{{ $customer->switches_count }}</td>
            </tr>
        @empty
            <tr><td colspan="5"><div class="empty">Keine Kunden erfasst.</div></td></tr>
        @endforelse</tbody></table></div>
        <div class="panel-body">{{ $customers->links() }}</div>
    </section>
@endsection