@extends('layouts.app')

@section('content')
<div class="max-w-7xl mx-auto p-4">
    <h1 class="text-xl font-bold mb-4">Extension Status</h1>

    @php
        $data = $extensions ?? $contacts ?? [];
    @endphp

    <div class="overflow-x-auto bg-white shadow border sm:rounded-lg">
        <table class="min-w-full divide-y divide-gray-200">
            <thead class="bg-gray-50">
                <tr>
                    <th class="px-4 py-2 text-left text-xs font-medium text-gray-500 uppercase">Extension</th>
                    <th class="px-4 py-2 text-left text-xs font-medium text-gray-500 uppercase">IP Address</th>
                    <th class="px-4 py-2 text-left text-xs font-medium text-gray-500 uppercase">Port</th>
                    <th class="px-4 py-2 text-left text-xs font-medium text-gray-500 uppercase">Status</th>
                    <th class="px-4 py-2 text-left text-xs font-medium text-gray-500 uppercase">RTT (ms)</th>
                </tr>
            </thead>

            <tbody class="divide-y divide-gray-200">
                @forelse($data as $ext)
                <tr>
                    <td class="px-4 py-2 font-semibold">
                        {{ $ext['extension'] ?? $ext->extension ?? '-' }}
                    </td>

                    <td class="px-4 py-2">
                        {{ $ext['ip'] ?? $ext->ip ?? '-' }}
                    </td>

                    <td class="px-4 py-2">
                        {{ $ext['port'] ?? $ext->port ?? '-' }}
                    </td>

                    <td class="px-4 py-2">
                        @php
                            $status = strtolower($ext['status'] ?? $ext->status ?? 'unknown');
                        @endphp

                        @if(str_contains($status, 'avail'))
                            <span class="px-2 py-1 text-xs rounded bg-green-100 text-green-700">Reachable</span>
                        @elseif(str_contains($status, 'nonqual'))
                            <span class="px-2 py-1 text-xs rounded bg-gray-100 text-gray-600">Unknown</span>
                        @else
                            <span class="px-2 py-1 text-xs rounded bg-red-100 text-red-700">Offline</span>
                        @endif
                    </td>

                    <td class="px-4 py-2">
                        {{ is_numeric($ext['rtt'] ?? $ext->rtt ?? null) ? round($ext['rtt'] ?? $ext->rtt, 2) : '-' }}
                    </td>
                </tr>
                @empty
                <tr>
                    <td colspan="5" class="text-center py-4 text-gray-500">
                        No extension contacts found
                    </td>
                </tr>
                @endforelse
            </tbody>
        </table>
    </div>
</div>
@endsection