@extends('layouts.app')
@section('title', 'PON '.$pon->pon_port)

@section('content')
    @php
        $pct = $pon->ports_total > 0 ? round($pon->ports_used / $pon->ports_total * 100, 1) : 0;
        $byHealth = $pon->onus->groupBy('optical_health');
    @endphp

    <div class="page-head">
        <div>
            <h1>{{ $pon->pon_port }}</h1>
            <p>{{ $pon->olt?->name ?: 'Unassigned OLT' }}
                @if ($pon->splitter) · {{ $pon->splitter }} @endif
                @if ($pon->cabinet) · {{ $pon->cabinet }} @endif</p>
        </div>
        <div class="page-actions">
            <a href="{{ route('fibre.edit', $pon) }}" class="btn secondary">Edit</a>
            @if ($pon->onus()->count() === 0)
                <form method="POST" action="{{ route('fibre.destroy', $pon) }}"
                      data-confirm="Remove PON port {{ $pon->pon_port }}?">
                    @csrf @method('DELETE')
                    <button class="btn danger" type="submit">Remove</button>
                </form>
            @endif
        </div>
    </div>

    <div class="grid grid-4 mb-2">
        @include('components.kpi', ['label' => 'Split ratio', 'value' => '1:'.$pon->split_ratio, 'variant' => 'info'])
        @include('components.kpi', ['label' => 'Ports used', 'value' => $pon->ports_used.' / '.$pon->ports_total,
            'variant' => $pct >= 100 ? 'bad' : ($pct >= 90 ? 'warn' : 'good')])
        @include('components.kpi', ['label' => 'ONTs attached', 'value' => (string) $pon->onus->count()])
        @include('components.kpi', ['label' => 'Reach', 'value' => $pon->distance_km ? $pon->distance_km.' km' : '—'])
    </div>

    <div class="grid grid-3 mb-2">
        @foreach (['excellent', 'good', 'degraded', 'critical', 'unknown'] as $h)
            @if (($byHealth[$h] ?? collect())->count() > 0)
                @include('components.kpi', [
                    'label' => title_case_words($h).' signal',
                    'value' => (string) ($byHealth[$h] ?? collect())->count(),
                    'variant' => $h === 'critical' ? 'bad' : ($h === 'degraded' ? 'warn' : 'good'),
                    'href' => route('fibre.onus', ['pon_id' => $pon->id, 'health' => $h]),
                ])
            @endif
        @endforeach
    </div>

    <div class="card">
        <div class="card-head">
            <h3>ONTs on this port</h3>
            <span class="badge {{ status_color($pon->status === 'active' ? 'up' : $pon->status) }}">
                <span class="dot"></span>{{ title_case_words($pon->status) }}</span>
        </div>
        <div class="card-body" style="padding:0;">
            @if ($pon->onus->isEmpty())
                @include('components.empty-state', [
                    'icon' => '&#128225;',
                    'title' => 'No ONTs on this port',
                    'message' => 'ONTs are registered when a fibre service is activated.',
                ])
            @else
                <table class="data">
                    <thead>
                    <tr>
                        <th>Serial</th><th>Vendor / model</th><th>Service</th><th>Customer</th>
                        <th class="num">Rx</th><th class="num">Tx</th><th>Optical</th>
                        <th class="num">Distance</th><th>Last seen</th><th>Status</th>
                    </tr>
                    </thead>
                    <tbody>
                    @foreach ($pon->onus as $onu)
                        <tr>
                            <td class="mono small">{{ $onu->serial_number }}</td>
                            <td class="small">{{ $onu->vendor ?: '—' }} {{ $onu->model }}</td>
                            <td class="small mono">
                                @if ($onu->service)
                                    <a href="{{ route('services.show', $onu->service) }}">{{ $onu->service->service_number }}</a>
                                @else <span class="muted">unbound</span> @endif
                            </td>
                            <td class="small">{{ $onu->service?->customer?->display_name ?: '—' }}</td>
                            <td class="num">{{ $onu->rx_power_dbm !== null ? $onu->rx_power_dbm.' dBm' : '—' }}</td>
                            <td class="num">{{ $onu->tx_power_dbm !== null ? $onu->tx_power_dbm.' dBm' : '—' }}</td>
                            <td><span class="badge {{ in_array($onu->optical_health, ['excellent','good'], true) ? 'success'
                                    : ($onu->optical_health === 'degraded' ? 'warning'
                                    : ($onu->optical_health === 'critical' ? 'danger' : 'muted')) }}">
                                    {{ title_case_words($onu->optical_health) }}</span></td>
                            <td class="num">{{ $onu->distance_km ? $onu->distance_km.' km' : '—' }}</td>
                            <td class="small nowrap">{{ $onu->last_seen_at?->diffForHumans() ?: 'never' }}</td>
                            <td><span class="badge {{ status_color($onu->status === 'active' ? 'up' : $onu->status) }}">
                                <span class="dot"></span>{{ title_case_words($onu->status) }}</span></td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>
            @endif
        </div>
    </div>
@endsection