@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">Ring Groups</h4>
    <div class="text-secondary small mt-1">Call multiple extensions using a ring strategy.</div>
  </div>
  <div class="mt-2 mt-md-0 d-flex gap-2">
    <a href="{{ route('apps.ring-groups.export.dialplan') }}" class="btn btn-outline-secondary btn-sm">Export Dialplan</a>
    <a href="{{ route('apps.ring-groups.create') }}" class="btn btn-primary btn-sm">+ New Ring Group</a>
  </div>
</div>

@if (session('success'))
  <x-toast type="success" message="{{ session('success') }}" />
@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>Number</th>
            <th>Name</th>
            <th>Strategy</th>
            <th class="text-center">Members</th>
            <th>Failover</th>
            <th class="text-end">Actions</th>
          </tr>
        </thead>
        <tbody>
          @forelse ($groups as $g)
            <tr>
              <td class="font-monospace">{{ $g->number }}</td>
              <td>{{ $g->name }}</td>
              <td class="text-capitalize">{{ $g->strategy }}</td>
              <td class="text-center">{{ $memberCounts[$g->id] ?? 0 }}</td>
              <td>
                @if($g->failover_type==='none')
                @else
                  <span class="font-monospace">{{ $g->failover_type }}: {{ $g->failover_value }}</span>
                @endif
              </td>
              <td class="text-end">
                <a href="{{ route('apps.ring-groups.edit', $g->id) }}" class="btn btn-outline-primary btn-sm">Edit</a>
                <form action="{{ route('apps.ring-groups.destroy', $g->id) }}" method="POST" class="d-inline">
                  @csrf @method('DELETE')
                  <button onclick="return confirm('Delete ring group {{ $g->number }}?')" class="btn btn-outline-danger btn-sm">Delete</button>
                </form>
              </td>
            </tr>
          @empty
            <tr><td class="text-center text-secondary py-4" colspan="6">No ring groups yet.</td></tr>
          @endforelse
        </tbody>
      </table>
    </div>
  </div>
</div>
@endsection