@extends('layouts.app')
@section('page-title','Os meus fees')

@section('content')
@php
  $mesesPT = ['','Jan','Fev','Mar','Abr','Mai','Jun','Jul','Ago','Set','Out','Nov','Dez'];
  $hoje = now();
  $pagamentosAnuidade = $anuidade ? $pagamentos->where('anuidade_id', $anuidade->id)->sortBy(fn($p)=>$p->ano*100+$p->mes) : collect();
@endphp

<div class="kpi-grid" style="grid-template-columns:repeat(3,1fr)">
  <div class="kpi kpi-gold"><div class="kpi-label">Fee anual</div><div class="kpi-val">{{ number_format($consultor->fee_anual,0,',','.') }} €</div><div class="kpi-sub">{{ number_format($consultor->fee_mensal,0,',','.') }} € / mês</div></div>
  <div class="kpi kpi-green"><div class="kpi-label">Total pago</div><div class="kpi-val">{{ number_format($totalPago,0,',','.') }} €</div></div>
  <div class="kpi"><div class="kpi-label">Anuidade termina</div><div class="kpi-val">{{ $anuidade ? $anuidade->data_fim->format('M Y') : '—' }}</div></div>
</div>

<div class="card">
  <div style="padding:16px 18px;display:flex;align-items:center;gap:14px;border-bottom:1px solid #e8e9eb">
    <div style="width:48px;height:48px;border-radius:50%;background:#EEEDFE;color:#534AB7;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:500">{{ strtoupper(substr($consultor->nome,0,2)) }}</div>
    <div style="flex:1">
      <div style="font-size:15px;font-weight:500">{{ $consultor->nome }}</div>
      <div style="font-size:12px;color:#888">{{ $consultor->agencia_nome }} · {{ $consultor->modalidade=='antecipado'?'Antecipado':'Contra comissão' }}</div>
    </div>
  </div>
  @if($anuidade)
  <div style="padding:12px 18px 4px;font-size:11px;color:#888">Anuidade {{ $anuidade->data_inicio->format('M Y') }} – {{ $anuidade->data_fim->format('M Y') }}</div>
  <div style="padding:8px 18px 16px;display:flex;flex-wrap:wrap">
    @foreach($pagamentosAnuidade as $p)
      @php
        $isFuture = ($p->ano > $hoje->year) || ($p->ano==$hoje->year && $p->mes > $hoje->month);
        $cls = $p->estado=='pago' ? 'm-paid' : ($p->estado=='atraso' ? 'm-late' : ($isFuture ? 'm-future' : 'm-pending'));
      @endphp
      <div class="month-dot {{ $cls }}">{{ $mesesPT[$p->mes] }}</div>
    @endforeach
  </div>
  @endif
</div>

<div class="card">
  <div class="card-head"><span class="card-title">Histórico de pagamentos</span></div>
  <table>
    <tr><th>Mês</th><th>Valor</th><th>Data</th><th>Estado</th></tr>
    @forelse($pagamentos as $p)
    <tr>
      <td>{{ $mesesPT[$p->mes] }} {{ $p->ano }}</td>
      <td>{{ number_format($p->valor,2,',','.') }} €</td>
      <td style="font-size:12px;color:#666">{{ $p->data_pagamento ? \Carbon\Carbon::parse($p->data_pagamento)->format('d/m/Y') : '—' }}</td>
      <td>
        @if($p->estado=='pago')<span class="badge b-ok">Pago</span>
        @elseif($p->estado=='atraso')<span class="badge b-err">Atraso</span>
        @else<span class="badge b-warn">Pendente</span>@endif
      </td>
    </tr>
    @empty
    <tr><td colspan="4" style="text-align:center;color:#aaa;padding:24px">Sem registos.</td></tr>
    @endforelse
  </table>
</div>
@endsection