@extends('layouts.app')
@section('page-title','Agências')
@section('topbar-actions')
<a href="{{ route('agencias.create') }}" class="btn btn-gold"><i class="ti ti-plus"></i>Nova agência</a>
@endsection

@section('content')
<div class="card">
  <table>
    <tr><th>Agência</th><th>Consultores</th><th>Cobrado (mês)</th><th>Pendente</th><th>Estado</th><th></th></tr>
    @forelse($agencias as $a)
    <tr>
      <td><strong>{{ $a->nome }}</strong><br><span style="font-size:11px;color:#888">{{ $a->email }}</span></td>
      <td>{{ $a->total_consultores }}</td>
      <td>{{ number_format($a->cobrado ?? 0, 2, ',', '.') }} €</td>
      <td>{{ number_format($a->pendente ?? 0, 2, ',', '.') }} €</td>
      <td><span class="badge {{ $a->ativa ? 'b-ok' : 'b-gray' }}">{{ $a->ativa ? 'Ativa' : 'Inativa' }}</span></td>
      <td style="display:flex;gap:6px">
        <a href="{{ route('agencias.show', $a->id) }}" class="btn btn-sm"><i class="ti ti-eye"></i></a>
        <a href="{{ route('agencias.edit', $a->id) }}" class="btn btn-sm"><i class="ti ti-edit"></i></a>
      </td>
    </tr>
    @empty
    <tr><td colspan="6" style="text-align:center;color:#aaa;padding:24px">Nenhuma agência registada.</td></tr>
    @endforelse
  </table>
</div>
@endsection