@extends('layouts.app')

@section('content')
<div class="container-fluid">
  <div class="d-flex justify-content-between align-items-center mb-3">
    <h3 class="mb-0">Connection Debug</h3>
    <a href="{{ route('vericomm.index') }}" class="btn btn-primary">Create Mediator</a>
  </div>

  @if (empty($rows) || collect($rows)->isEmpty())
    <div class="alert alert-secondary">No matching entries.</div>
  @else
    <div class="card">
      <div class="table-responsive">
        <table class="table table-hover align-middle mb-0">
          <thead class="table-light">
            <tr>
              <th>Agent ID</th>
              <th>Agent</th>
              <th>Agent DID</th>
              <th>Mediator</th>
              <th>External Endpoint</th>
              <th>did:web Alias</th>
              <th>did:web URL</th>
              <th>Status</th>
            </tr>
          </thead>
          <tbody>
          @php $hasAny=false; @endphp
          @foreach ($rows as $r)
            @php
              $configured = $r['external_config'];
              $statusBadge = $configured
                ? '<span class="badge bg-success">Active</span>'
                : '<span class="badge bg-secondary">Not configured</span>';
              $hasAny = $hasAny || $configured;
            @endphp
            <tr>
              <td>{{ $r['agent_id'] }}</td>
              <td>{{ $r['agent_name'] ?? ('Agent #'.$r['agent_id']) }}</td>
              <td class="text-truncate" style="max-width:320px">{{ $r['agent_did'] }}</td>
              <td>
                @if($r['mediator_state'])
                  <div><strong>State:</strong> {{ ucfirst(str_replace('_',' ', $r['mediator_state'])) }}</div>
                @endif
                @if($r['mediator_endpoint'])
                  <div class="small text-muted">{{ $r['mediator_endpoint'] }}</div>
                @endif
              </td>
              <td class="text-truncate" style="max-width:320px">
                {{ $r['external_endpoint'] ?? '—' }}
              </td>
              <td class="text-truncate" style="max-width:340px">{{ $r['did_web_alias'] }}</td>
              <td>
                <a href="{{ $r['did_web_url'] }}" target="_blank">{{ $r['did_web_url'] }}</a>
                @if($r['did_web_reachable'])
                  <div class="small text-success">reachable</div>
                @else
                  <div class="small text-muted">not reachable</div>
                @endif
              </td>
              <td>{!! $statusBadge !!}</td>
            </tr>
          @endforeach
          </tbody>
        </table>
      </div>
    </div>

    @if(! $hasAny)
      <div class="alert alert-secondary mt-3">No matching entries.</div>
    @endif
  @endif
</div>
@endsection