@props(['network' => null, 'row' => null])
@php
    if ($row !== null && is_array($row)) {
        $raw = $row;
    } else {
        $raw = $network->raw ?? [];
        $raw = is_array($raw) ? $raw : (is_string($raw) ? (json_decode($raw, true) ?: []) : []);
        if ($network && empty($raw['level']) && $network->last_rssi !== null) {
            $raw['level'] = $network->last_rssi;
        }
    }
    $bars = \App\Services\WifiPageService::signalBars($raw);
    $label = \App\Services\WifiPageService::signalLabel($raw);
    $level = $raw['level'] ?? null;
@endphp
@if($bars > 0)
    <span class="inline-flex items-center gap-1" title="{{ $label }}{{ $level !== null ? " ({$level} dBm)" : '' }}">
        @for($i = 1; $i <= 4; $i++)
            <span style="display:inline-block;width:4px;height:{{ 4 + $i * 3 }}px;border-radius:1px;background:{{ $i <= $bars ? '#16a34a' : '#d1d5db' }}"></span>
        @endfor
        @if($level !== null)
            <span class="text-gray-500 text-xs">{{ $level }} dBm</span>
        @endif
    </span>
@else
    <span class="text-gray-400 text-xs">—</span>
@endif