@extends('layouts.app')

@section('content')
<div class="d-flex justify-content-between align-items-center flex-wrap grid-margin mb-3">
  <div>
    <h4 class="mb-0">DID / Inbound Routes</h4>
    <div class="text-secondary small mt-1">Map external phone numbers (DIDs) to extensions, queues, IVRs and other destinations.</div>
  </div>
  <div class="mt-2 mt-md-0">
    <a href="{{ route('trunks.inbound.create') }}" class="btn btn-primary btn-sm">+ New Route</a>
  </div>
</div>

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

<div class="card">
  <div class="card-body p-0">
    <div class="table-responsive">
      <table class="table table-hover align-middle mb-0">
        <thead>
          <tr>
            <th>DID</th>
            <th>Description</th>
            <th>CID Pattern</th>
            <th>Destination</th>
            <th class="text-center">Features</th>
            <th class="text-center">Enabled</th>
            <th class="text-end">Actions</th>
          </tr>
        </thead>
        <tbody>
          @forelse($routes as $r)
            <tr>
              <td class="font-monospace fw-semibold">{{ $r->did ?: '—' }}</td>
              <td>{{ $r->description ?? '' }}</td>
              <td class="font-monospace small">{{ $r->cid_pattern ?: '—' }}</td>
              <td>
                @if($r->destination_value === 'pattern_match')
                  <span class="badge bg-primary bg-opacity-10 text-primary">Direct to Extension</span>
                  <span class="text-secondary small">(DID → Ext)</span>
                @else
                  <span class="fw-semibold">{{ ucfirst(str_replace('_',' ', $r->destination_type)) }}</span>
                  <span class="text-secondary">&rarr;</span>
                  <span>{{ $r->destination_value }}</span>
                @endif
              </td>
              <td class="text-center">
                <div class="d-flex flex-wrap gap-1 justify-content-center">
                  @if($r->cnam_lookup)
                    <span class="badge bg-info bg-opacity-10 text-info" title="CNAM lookup enabled">CNAM</span>
                  @endif
                  @if($r->enable_recording)
                    <span class="badge bg-warning bg-opacity-10 text-warning" title="Call recording enabled">REC</span>
                  @endif
                  @if($r->drop_anonymous)
                    <span class="badge bg-danger bg-opacity-10 text-danger" title="Anonymous calls rejected">No Anon</span>
                  @endif
                  @if($r->cid_modifier && $r->cid_modifier !== 'none')
                    <span class="badge bg-primary bg-opacity-10 text-primary" title="CID modifier: {{ $r->cid_modifier }}">CID:{{ ucfirst($r->cid_modifier) }}</span>
                  @endif
                </div>
              </td>
              <td class="text-center">
                @php $on = (int)($r->enabled ?? 1) === 1; @endphp
                <form action="{{ route('trunks.inbound.toggle', $r->id) }}" method="POST" class="d-inline">
                  @csrf
                  <button type="submit" class="btn btn-sm {{ $on ? 'btn-success' : 'btn-outline-secondary' }}" title="{{ $on ? 'Click to disable' : 'Click to enable' }}">
                    {{ $on ? 'Yes' : 'No' }}
                  </button>
                </form>
              </td>
              <td class="text-end">
                <a href="{{ route('trunks.inbound.edit', $r->id) }}" class="btn btn-outline-primary btn-sm">Edit</a>
                <form action="{{ route('trunks.inbound.destroy', $r->id) }}" method="POST" class="d-inline" onsubmit="return confirm('Delete inbound route for DID {{ $r->did }}?')">
                  @csrf
                  @method('DELETE')
                  <button class="btn btn-outline-danger btn-sm" type="submit">Delete</button>
                </form>
              </td>
            </tr>
          @empty
            <tr><td colspan="7" class="text-center text-secondary py-4">No inbound routes yet. Click <b>+ New Route</b> to map a DID.</td></tr>
          @endforelse
        </tbody>
      </table>
    </div>
  </div>
</div>
@endsection