@extends('layouts.app')
@section('title', 'Switches')
@section('actions')
    @can(\App\Enums\Permission::SWITCH_MANAGE)<a href="{{ route('switches.create') }}" class="btn btn-primary btn-sm">Switch anlegen</a>@endcan
    @can(\App\Enums\Permission::SWITCH_IMPORT)<a href="{{ route('switches.import.form') }}" class="btn btn-ghost btn-sm">CSV-Import</a>@endcan
    @can(\App\Enums\Permission::SWITCH_EXPORT)<a href="{{ route('switches.export', request()->only('customer_id')) }}" class="btn btn-ghost btn-sm">CSV-Export</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') }}" placeholder="Hostname, IP, Seriennummer"></div>
            <div class="field"><label for="customer_id">Kunde</label>
                <select id="customer_id" name="customer_id"><option value="">alle</option>
                    @foreach ($customers as $customer)
                        <option value="{{ $customer->id }}" @selected((int) request('customer_id') === $customer->id)>{{ $customer->name }}</option>
                    @endforeach</select></div>
            <div class="field"><label for="vendor">Hersteller</label>
                <select id="vendor" name="vendor"><option value="">alle</option>
                    @foreach ($vendors as $vendor)
                        <option value="{{ $vendor }}" @selected(request('vendor') === $vendor)>{{ $vendor }}</option>
                    @endforeach</select></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>Hostname</th><th>Management-IP</th><th>Hersteller / Modell</th><th>Firmware</th>
                <th>Standort</th><th>Geräteprofil</th><th>Umgebung</th><th>Zuletzt gesehen</th></tr></thead>
            <tbody>
            @forelse ($switches as $switch)
                <tr>
                    <td><a href="{{ route('switches.show', $switch) }}"><strong>{{ $switch->hostname }}</strong></a></td>
                    <td class="mono">{{ $switch->management_ip }}</td>
                    <td class="small">{{ $switch->modelLabel() }}</td>
                    <td class="small mono">{{ $switch->firmware_version ?: '–' }}</td>
                    <td class="small">{{ $switch->site?->name ?? '–' }}</td>
                    <td class="small">{{ $switch->deviceProfile?->label() ?? '– kein Profil –' }}</td>
                    <td><span class="badge {{ $switch->is_production ? 'badge-warning' : 'badge-neutral' }}">{{ $switch->is_production ? 'Produktiv' : 'Labor' }}</span></td>
                    <td class="small nowrap">{{ $switch->last_seen_at?->format('d.m. H:i') ?? '–' }}</td>
                </tr>
            @empty
                <tr><td colspan="8"><div class="empty">Keine Geräte erfasst.</div></td></tr>
            @endforelse
            </tbody></table></div>
        <div class="panel-body">{{ $switches->links() }}</div>
    </section>
@endsection