@extends('layouts.app')

@section('content')
<div class="d-flex justify-content-between align-items-center flex-wrap grid-margin mb-3">
    <div class="d-flex align-items-center gap-2">
        <x-lucide-satellite-dish class="w-6 h-6" />
        <h4 class="mb-0">SIP Trunks</h4>
    </div>
    <div class="mt-2 mt-md-0">
        <a href="{{ route('trunks.sip-trunks.create') }}" class="btn btn-primary btn-sm">
            <x-lucide-plus class="w-4 h-4" />
            <span class="ms-1">Add SIP Trunk</span>
        </a>
    </div>
</div>

@if (session('success'))
    <div class="alert alert-success" role="alert">{{ session('success') }}</div>
@endif

<div class="card">
    <div class="table-responsive">
        <table class="table table-hover align-middle mb-0">
            <thead>
                <tr>
                    <th>Trunk ID</th>
                    <th>Description</th>
                    <th>Transport</th>
                    <th>Context</th>
                    <th>Status</th>
                    <th>RTT (ms)</th>
                    <th>Auth / AOR</th>
                    <th class="text-end">Actions</th>
                </tr>
            </thead>
            <tbody>
                @forelse($trunks as $trunk)
                    @php
                        $enabled = $trunk->trunk_enabled ?? true;
                        $status  = strtoupper($trunk->status ?? 'UNKNOWN');
                        $badge   = $enabled ? match($status) {
                            'REGISTERED', 'REACHABLE' => 'bg-success',
                            'REJECTED', 'FAILED', 'UNAVAILABLE', 'UNREGISTERED' => 'bg-danger',
                            'REQUEST SENT', 'AUTH SENT' => 'bg-warning',
                            default => 'bg-secondary',
                        } : 'bg-secondary';
                    @endphp
                    <tr style="{{ $enabled ? '' : 'opacity:.65;' }}">
                        <td class="font-monospace">
                            {{ $trunk->id }}
                            @if(!$enabled)
                                <span class="badge ms-1" style="background:rgba(234,179,8,.15);color:#b45309;font-size:.68rem;border:1px solid #fcd34d;">Disabled</span>
                            @endif
                        </td>
                        <td>{{ $trunk->description ?: '—' }}</td>
                        <td>{{ $trunk->transport ?: 'transport-udp' }}</td>
                        <td>{{ $trunk->context ?: 'from-external' }}</td>
                        <td><span class="badge {{ $badge }}">{{ $enabled ? $status : 'DISABLED' }}</span></td>
                        <td class="font-monospace">{{ !is_null($trunk->rtt ?? null) ? number_format((float) $trunk->rtt, 3) : '—' }}</td>
                        <td class="small text-secondary">
                            Auth: <span class="font-monospace">{{ $trunk->auth ?: $trunk->id }}</span><br>
                            AOR: <span class="font-monospace">{{ $trunk->aors ?: $trunk->id }}</span>
                        </td>
                        <td class="text-end">
                            <a href="{{ route('trunks.sip-trunks.edit', $trunk->id) }}" class="btn btn-outline-primary btn-sm">Edit</a>
                            <form method="POST" action="{{ route('trunks.sip-trunks.toggle', $trunk->id) }}" style="display:inline;">
                                @csrf
                                <button type="submit" class="btn btn-sm {{ $enabled ? 'btn-outline-warning' : 'btn-outline-success' }}"
                                    onclick="return confirm('{{ $enabled ? 'Disable' : 'Enable' }} trunk {{ $trunk->id }}?')">
                                    {{ $enabled ? 'Disable' : 'Enable' }}
                                </button>
                            </form>
                            <form method="POST" action="{{ route('trunks.sip-trunks.destroy', $trunk->id) }}" style="display:inline;"
                                  onsubmit="return confirmTrunkDelete(this, '{{ $trunk->id }}')">
                                @csrf
                                @method('DELETE')
                                <input type="hidden" name="confirm_name" value="">
                                <button type="submit" class="btn btn-outline-danger btn-sm">Delete</button>
                            </form>
                        </td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="8" class="text-center text-secondary py-4">No SIP trunks found.</td>
                    </tr>
                @endforelse
            </tbody>
        </table>
    </div>
</div>

<script>
function confirmTrunkDelete(form, id) {
    var typed = prompt('This permanently deletes trunk "' + id + '" and all its PJSIP records (endpoint, auth, AOR, registration, inbound identify).\n\nType the trunk name to confirm:');
    if (typed === null) return false;
    if (typed !== id) { alert('Name did not match. Trunk was NOT deleted.'); return false; }
    form.querySelector('input[name=confirm_name]').value = id;
    return true;
}
</script>
@endsection