@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">Pickup Groups</h4>
    <div class="text-secondary small mt-1">Named pickup/call groups mapped onto PJSIP endpoints.</div>
  </div>
  <div class="mt-2 mt-md-0 d-flex gap-2">
    <form action="{{ route('apps.pickup-groups.sync') }}" method="POST" class="d-inline">
      @csrf
      <button class="btn btn-outline-secondary btn-sm" type="submit">Sync Endpoints</button>
    </form>
    <a href="{{ route('apps.pickup-groups.create') }}" class="btn btn-primary btn-sm">+ New Group</a>
  </div>
</div>

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

<div class="alert alert-info">
  Use feature code <code>*8</code> from a member extension to pick up another ringing extension in the same pickup group.
</div>

<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>Tag</th>
            <th>Name</th>
            <th class="text-center">Members</th>
            <th>Description</th>
            <th class="text-end">Actions</th>
          </tr>
        </thead>
        <tbody>
          @forelse($groups as $g)
            <tr>
              <td class="font-monospace">{{ $g->tag }}</td>
              <td>{{ $g->name }}</td>
              <td class="text-center">{{ $memberCounts[$g->id] ?? 0 }}</td>
              <td class="text-secondary">{{ $g->description ?: '' }}</td>
              <td class="text-end">
                <a href="{{ route('apps.pickup-groups.edit', $g->id) }}" class="btn btn-outline-primary btn-sm">Edit</a>
                <form action="{{ route('apps.pickup-groups.destroy', $g->id) }}" method="POST" class="d-inline">
                  @csrf @method('DELETE')
                  <button onclick="return confirm('Delete pickup group {{ $g->tag }}?')" class="btn btn-outline-danger btn-sm">Delete</button>
                </form>
              </td>
            </tr>
          @empty
            <tr><td class="text-center text-secondary py-4" colspan="5">No pickup groups yet.</td></tr>
          @endforelse
        </tbody>
      </table>
    </div>
  </div>
</div>

@if(!$cols['named_call_group'] && !$cols['named_pickup_group'])
  <div class="alert alert-warning mt-3">
    Heads up: your <code>ps_endpoints</code> table doesnt have <code>named_call_group</code> /
    <code>named_pickup_group</code> columns. Sync Endpoints will be a no-op.
  </div>
@else
  <div class="alert alert-secondary mt-3 mb-0">
    Saving or syncing pickup groups writes the group tags onto member endpoints and keeps feature code <code>*8</code> available in <code>from-internal</code>.
  </div>
@endif
@endsection