@extends('layouts.app')
@section('title','Dashboard')
@section('content')
<div class="topbar"><h2>Dashboard</h2></div>

@php
  $maxC = $status['plan']?->max_clients;
  $maxCh = $status['plan']?->max_charges_per_month;
  $usePctC = $maxC ? ($usage['clients']/$maxC)*100 : 0;
  $usePctCh = $maxCh ? ($usage['charges_month']/$maxCh)*100 : 0;
  $maxPct = max($usePctC,$usePctCh);
@endphp
@if($maxPct >= 100)
  <div class="banner-limit full">
    🚫 Limite do plano <strong>{{ $status['plan']?->name }}</strong> atingido.
    <a href="{{ route('billing.index') }}" style="color:inherit;font-weight:600">Fazer upgrade →</a>
  </div>
@elseif($maxPct >= 80)
  <div class="banner-limit warn">
    ⚠️ Você está em {{ round($maxPct) }}% do limite. <a href="{{ route('billing.index') }}" style="color:inherit;font-weight:600">Ver planos</a>
  </div>
@endif

<div class="grid grid-4">
  <div class="kpi">
    <div class="label">Receita do Mês</div>
    <div class="value">R$ {{ number_format($paidThisMonth,2,',','.') }}</div>
    <div class="delta {{ $delta>=0?'up':'down' }}">{{ $delta>=0?'▲':'▼' }} {{ number_format(abs($delta),1,',','.') }}% vs mês anterior</div>
  </div>
  <div class="kpi"><div class="label">Ticket Médio</div><div class="value">R$ {{ number_format($avgTicket,2,',','.') }}</div></div>
  <div class="kpi"><div class="label">Taxa de Pagamento</div><div class="value">{{ number_format($payRate,1,',','.') }}%</div></div>
  <div class="kpi"><div class="label">Inadimplência</div><div class="value" style="color:var(--danger)">R$ {{ number_format($overdueAmount,2,',','.') }}</div></div>
</div>

<div class="grid grid-2" style="margin-top:16px">
  <div class="card">
    <h3 style="margin-bottom:12px">Receita - Últimos 6 meses</h3>
    @php $maxV = max($months->pluck('value')->max(),1); @endphp
    <div class="bar">
      @foreach($months as $m)
        <div class="b" style="height:{{ ($m['value']/$maxV)*100 }}%" title="R$ {{ number_format($m['value'],2,',','.') }}">
          <span>{{ $m['label'] }}</span>
        </div>
      @endforeach
    </div>
    <div style="height:30px"></div>
  </div>

  <div class="card">
    <h3 style="margin-bottom:12px">Próximos 7 dias</h3>
    @if($next7->isEmpty())<p class="muted">Nada agendado.</p>
    @else
      @foreach($next7 as $c)
        <div class="flex between" style="padding:8px 0;border-bottom:1px solid #f1f5f9">
          <div><strong>{{ $c->client->name }}</strong><br><small class="muted">{{ $c->description }}</small></div>
          <div style="text-align:right">
            <strong>R$ {{ number_format((float)$c->amount,2,',','.') }}</strong><br>
            <small>{{ \Carbon\Carbon::parse($c->due_date)->format('d/m') }}</small>
          </div>
        </div>
      @endforeach
    @endif
  </div>
</div>

<div class="card" style="margin-top:16px">
  <h3 style="margin-bottom:12px">Top 5 Clientes (Receita)</h3>
  @if($topClients->isEmpty())<p class="muted">Sem dados ainda.</p>
  @else
    <table>
      <thead><tr><th>Cliente</th><th style="text-align:right">Total Pago</th></tr></thead>
      <tbody>
        @foreach($topClients as $c)
          <tr><td>{{ $c->name }}</td><td style="text-align:right"><strong>R$ {{ number_format((float)$c->total,2,',','.') }}</strong></td></tr>
        @endforeach
      </tbody>
    </table>
  @endif
</div>
@endsection