@php($summary = $this->pbxSummary)

<div class="space-y-4">
    <div class="rounded-lg border border-gray-200 bg-white p-3">
        <div class="mb-2 text-sm font-semibold text-gray-700">Stato integrazione Panasonic / TAPI</div>
        <div class="mb-3 text-xs text-gray-500">Questa sezione tiene insieme configurazione PBX, gruppi di risposta, linee entranti e ultimi eventi CRM letti dal canale Panasonic.</div>

        <div class="grid grid-cols-1 gap-3 md:grid-cols-4">
            <div class="rounded-md border border-slate-200 bg-slate-50 p-3">
                <div class="text-[11px] uppercase tracking-wide text-slate-500">Stato</div>
                <div class="mt-1 text-sm font-semibold text-slate-800">{{ $summary['label'] }}</div>
                <div class="mt-1 text-xs text-slate-500">{{ $summary['assessment'] }}</div>
            </div>
            <div class="rounded-md border border-slate-200 bg-slate-50 p-3">
                <div class="text-[11px] uppercase tracking-wide text-slate-500">Provider</div>
                <div class="mt-1 text-sm font-semibold text-slate-800">{{ $summary['provider'] }}</div>
                <div class="mt-1 text-xs text-slate-500">Canale: {{ $summary['channel'] }} · Bridge: {{ $summary['bridge_mode'] }}</div>
            </div>
            <div class="rounded-md border border-slate-200 bg-slate-50 p-3">
                <div class="text-[11px] uppercase tracking-wide text-slate-500">Eventi CRM</div>
                <div class="mt-1 text-sm font-semibold text-slate-800">{{ $summary['total_messages'] }}</div>
                <div class="mt-1 text-xs text-slate-500">Ultime 24h: {{ $summary['last_24h'] }} · Perse: {{ $summary['missed_calls'] }}</div>
            </div>
            <div class="rounded-md border border-slate-200 bg-slate-50 p-3">
                <div class="text-[11px] uppercase tracking-wide text-slate-500">Ultimo evento</div>
                <div class="mt-1 text-sm font-semibold text-slate-800">{{ $summary['last_event_type'] ?: 'Nessun evento' }}</div>
                <div class="mt-1 text-xs text-slate-500">{{ $summary['last_event_at'] ?: 'Nessun timestamp disponibile' }}</div>
            </div>
        </div>

        <div class="mt-3 text-xs text-gray-600">
            <span class="font-semibold">Interni osservati:</span>
            {{ count($summary['watched_extensions']) > 0 ? implode(', ', $summary['watched_extensions']) : 'nessuno configurato' }}
        </div>
    </div>

    <div class="grid grid-cols-1 gap-4 lg:grid-cols-2">
        <div class="rounded-lg border border-gray-200 bg-white p-3">
            <div class="mb-2 text-sm font-semibold text-gray-700">Matrice di instradamento</div>
            <div class="overflow-x-auto">
                <table class="min-w-full border-collapse border text-xs">
                    <thead>
                        <tr class="bg-slate-100 text-slate-700">
                            <th class="border px-2 py-1.5 text-left">Tipo</th>
                            <th class="border px-2 py-1.5 text-left">Voce</th>
                            <th class="border px-2 py-1.5 text-left">Interno / numero</th>
                            <th class="border px-2 py-1.5 text-left">Target</th>
                            <th class="border px-2 py-1.5 text-left">Note</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($this->pbxRoutingRows as $row)
                            <tr class="hover:bg-slate-50">
                                <td class="border px-2 py-1.5">{{ $row['type'] }}</td>
                                <td class="border px-2 py-1.5">{{ $row['label'] }}</td>
                                <td class="border px-2 py-1.5">{{ $row['extension'] }}</td>
                                <td class="border px-2 py-1.5">{{ $row['target'] }}</td>
                                <td class="border px-2 py-1.5">{{ $row['note'] }}</td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>

        <div class="rounded-lg border border-gray-200 bg-white p-3">
            <div class="mb-2 text-sm font-semibold text-gray-700">Gruppi e linee configurate</div>

            <div class="mb-3">
                <div class="mb-1 text-xs font-semibold text-gray-700">Gruppi di risposta</div>
                <div class="text-xs text-gray-600">
                    @if(count($summary['response_groups']) > 0)
                        @foreach($summary['response_groups'] as $row)
                            <div>{{ $row['extension'] ?? '-' }} · {{ $row['label'] ?? 'Gruppo' }} · fallback {{ $row['target_extension'] ?? '-' }} · modalita {{ $row['mode'] ?? '-' }}</div>
                        @endforeach
                    @else
                        <div>Nessun gruppo aggiuntivo configurato. Restano validi i campi studio 601 e 603.</div>
                    @endif
                </div>
            </div>

            <div>
                <div class="mb-1 text-xs font-semibold text-gray-700">Linee entranti</div>
                <div class="text-xs text-gray-600">
                    @if(count($summary['incoming_lines']) > 0)
                        @foreach($summary['incoming_lines'] as $row)
                            <div>{{ $row['number'] ?? '-' }} · {{ $row['label'] ?? 'Linea' }} · gruppo {{ $row['route_group'] ?? '-' }} · interno {{ $row['target_extension'] ?? '-' }}</div>
                        @endforeach
                    @else
                        <div>Nessuna linea entrante mappata. Usa questa sezione per separare flussi clienti, fornitori e reperibilita.</div>
                    @endif
                </div>
            </div>
        </div>
    </div>

    <div class="rounded-lg border border-gray-200 bg-white p-3">
        <div class="mb-2 text-sm font-semibold text-gray-700">Ultimi eventi letti dal CRM</div>
        <div class="mb-3 text-xs text-gray-500">Se qui compaiono record, il bridge Panasonic sta gia portando nel CRM almeno una parte del traffico telefonico.</div>

        <div class="overflow-x-auto">
            <table class="min-w-full border-collapse border text-xs">
                <thead>
                    <tr class="bg-slate-100 text-slate-700">
                        <th class="border px-2 py-1.5 text-left">Quando</th>
                        <th class="border px-2 py-1.5 text-left">Evento</th>
                        <th class="border px-2 py-1.5 text-left">Direzione</th>
                        <th class="border px-2 py-1.5 text-left">Telefono</th>
                        <th class="border px-2 py-1.5 text-left">Interno</th>
                        <th class="border px-2 py-1.5 text-left">Utente</th>
                        <th class="border px-2 py-1.5 text-left">Ruolo</th>
                        <th class="border px-2 py-1.5 text-left">Stato</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($this->pbxRecentMessages as $row)
                        <tr class="hover:bg-slate-50">
                            <td class="border px-2 py-1.5">{{ $row['received_at'] }}</td>
                            <td class="border px-2 py-1.5">{{ $row['event_type'] }}</td>
                            <td class="border px-2 py-1.5">{{ $row['direction'] }}</td>
                            <td class="border px-2 py-1.5">{{ $row['phone_number'] }}</td>
                            <td class="border px-2 py-1.5">{{ $row['target_extension'] }}</td>
                            <td class="border px-2 py-1.5">{{ $row['user'] }}</td>
                            <td class="border px-2 py-1.5">{{ $row['studio_role'] }}{{ $row['studio_mode'] !== '-' ? ' / ' . $row['studio_mode'] : '' }}</td>
                            <td class="border px-2 py-1.5">{{ $row['status'] }}</td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="8" class="border px-2 py-3 text-center text-gray-500">Nessun evento Panasonic presente nel CRM per questo amministratore.</td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>
</div>