@extends('layouts.app')
@section('page-title','Dashboard')
@section('topbar-actions')
<a href="{{ route('consultores.create') }}" class="btn btn-gold"><i class="ti ti-plus"></i>Novo consultor</a>
@endsection

@section('content')
<div class="kpi-grid">
  <div class="kpi"><div class="kpi-label">Total consultores</div><div class="kpi-val">{{ $totalConsultores }}</div><div class="kpi-sub">{{ $totalAgencias }} agências</div></div>
  <div class="kpi kpi-gold"><div class="kpi-label">Fees cobrados (mês)</div><div class="kpi-val">{{ number_format($cobrado,0,',','.') }} €</div><div class="kpi-sub">de {{ number_format($esperado,0,',','.') }} € esperados</div></div>
  <div class="kpi kpi-red"><div class="kpi-label">Em atraso</div><div class="kpi-val">{{ $emAtraso }}</div><div class="kpi-sub">consultores</div></div>
  <div class="kpi kpi-green"><div class="kpi-label">Taxa de cobrança</div><div class="kpi-val">{{ $esperado > 0 ? round($cobrado/$esperado*100) : 0 }}%</div></div>
</div>

<div style="display:grid;grid-template-columns:1fr 1fr;gap:14px">
  <div class="card">
    <div class="card-head"><span class="card-title">Cobrança por agência</span></div>
    <table>
      <tr><th>Agência</th><th>Consultores</th><th>Cobrado</th><th></th></tr>
      @foreach($agencias as $a)
        @php
          $totalEsperado = ($a->cobrado ?? 0) + ($a->pendente ?? 0);
          $pct = $totalEsperado > 0 ? round(($a->cobrado ?? 0)/$totalEsperado*100) : 0;
          $cor = $pct >= 80 ? '#3B6D11' : ($pct >= 60 ? '#C9973A' : '#E24B4A');
        @endphp
        <tr>
          <td><a href="{{ route('agencias.show', $a->id) }}">{{ $a->nome }}</a></td>
          <td>{{ $a->total_consultores }}</td>
          <td>
            <div style="display:flex;align-items:center;gap:8px">
              <div style="background:#f4f5f7;border-radius:4px;height:6px;flex:1"><div style="height:6px;border-radius:4px;width:{{ $pct }}%;background:{{ $cor }}"></div></div>
              <span style="font-size:11px;min-width:30px">{{ $pct }}%</span>
            </div>
          </td>
          <td></td>
        </tr>
      @endforeach
    </table>
  </div>

  <div class="card">
    <div class="card-head"><span class="card-title">Últimos alertas</span></div>
    @forelse($alertas as $al)
      @php
        $tipos=['dia1_aviso'=>['ti-mail','#185FA5','#E6F1FB'],'dia5_reminder'=>['ti-bell','#854F0B','#FAEEDA'],'dia9_atraso'=>['ti-alert-circle','#A32D2D','#FCEBEB'],'manual'=>['ti-send','#666','#f4f5f7']];
        [$icon,$color,$bg] = $tipos[$al->tipo] ?? ['ti-mail','#666','#f4f5f7'];
      @endphp
      <div style="display:flex;gap:10px;padding:10px 16px;border-bottom:1px solid #f0f1f3">
        <div style="width:28px;height:28px;border-radius:6px;background:{{ $bg }};color:{{ $color }};display:flex;align-items:center;justify-content:center;flex-shrink:0"><i class="ti {{ $icon }}"></i></div>
        <div style="flex:1">
          <div style="font-size:12px;font-weight:500">{{ $al->consultor_nome }}</div>
          <div style="font-size:11px;color:#888">{{ $al->agencia_nome }} · {{ $al->assunto }}</div>
        </div>
        <div style="font-size:10px;color:#888">{{ \Carbon\Carbon::parse($al->enviado_em)->diffForHumans() }}</div>
      </div>
    @empty
      <div style="padding:24px;text-align:center;color:#aaa;font-size:12px">Sem alertas recentes.</div>
    @endforelse
  </div>
</div>
@endsection