@extends('layouts.app')
@section('title', 'Standorte')
@section('content')
    <section class="grid grid-2">
        <div class="panel"><div class="panel-head"><h2>Standorte</h2></div>
            <div class="table-wrap"><table class="data">
                <thead><tr><th>Name</th><th>Kunde</th><th>Ort</th><th>Geräte</th></tr></thead>
                <tbody>@forelse ($sites as $site)
                    <tr><td>{{ $site->name }}</td><td class="small">{{ $site->customer->name }}</td>
                        <td class="small">{{ trim($site->postal_code.' '.$site->city) ?: '–' }}</td>
                        <td class="num">{{ $site->switches_count }}</td></tr>
                @empty<tr><td colspan="4"><div class="empty">Keine Standorte erfasst.</div></td></tr>@endforelse</tbody></table></div>
            <div class="panel-body">{{ $sites->links() }}</div>
        </div>

        @can(\App\Enums\Permission::SITE_MANAGE)
        <div class="panel"><div class="panel-head"><h2>Standort anlegen</h2></div><div class="panel-body">
            <form method="POST" action="{{ route('sites.store') }}">
                @csrf
                <div class="field"><label for="customer_id">Kunde *</label>
                    <select id="customer_id" name="customer_id" required>
                        @foreach ($customers as $customer)<option value="{{ $customer->id }}">{{ $customer->name }}</option>@endforeach
                    </select></div>
                <div class="field"><label for="name">Bezeichnung *</label><input id="name" name="name" type="text" required></div>
                <div class="form-row">
                    <div class="field"><label for="postal_code">PLZ</label><input id="postal_code" name="postal_code" type="text"></div>
                    <div class="field"><label for="city">Ort</label><input id="city" name="city" type="text"></div>
                </div>
                <div class="field"><label for="address">Adresse</label><input id="address" name="address" type="text"></div>
                <button class="btn btn-primary" type="submit">Anlegen</button>
            </form>
        </div></div>
        @endcan
    </section>
@endsection