@extends('layouts.app')
@section('title','Plano')
@section('content')
<div class="topbar"><h2>Plano e Cobrança</h2></div>

@if($sub)
<div class="card">
  <div class="flex between">
    <div>
      <strong>Plano atual:</strong> {{ $sub->plan->name }} <span class="badge badge-{{ $sub->status }}">{{ $sub->status }}</span><br>
      @if($sub->current_period_end)<small class="muted">Válido até {{ $sub->current_period_end->format('d/m/Y') }}</small>@endif
    </div>
    @if(in_array($sub->status,['active','trialing']))
      <form method="POST" action="{{ route('billing.cancel') }}" onsubmit="return confirm('Cancelar?')">@csrf
        <button class="btn btn-secondary btn-sm">Cancelar assinatura</button>
      </form>
    @endif
  </div>
</div>
@endif

<h3 style="margin:20px 0 12px">Escolha um plano</h3>
<div class="grid grid-2">
@foreach($plans as $p)
  <div class="card">
    <h3>{{ $p->name }}</h3>
    <p style="font-size:32px;font-weight:700;margin:10px 0">R$ {{ number_format((float)$p->price_brl,2,',','.') }}<small style="font-size:14px;color:var(--muted)">/mês</small></p>
    <ul style="list-style:none;padding:0;font-size:13px;color:var(--muted)">
      <li>✓ {{ $p->max_clients === null ? 'Clientes ilimitados' : $p->max_clients.' clientes' }}</li>
      <li>✓ {{ $p->max_charges_per_month === null ? 'Cobranças ilimitadas' : $p->max_charges_per_month.' cobranças/mês' }}</li>
      <li>✓ WhatsApp + PIX automático</li>
    </ul>
    @if($p->price_brl > 0)
      <form method="POST" action="{{ route('billing.subscribe') }}" style="margin-top:16px">@csrf
        <input type="hidden" name="plan_id" value="{{ $p->id }}">
        <div class="field">
          <label>Ciclo</label>
          <select name="cycle">
            <option value="monthly">Mensal — R$ {{ number_format((float)$p->price_brl,2,',','.') }}</option>
            <option value="yearly">Anual (-20%) — R$ {{ number_format((float)$p->price_brl*12*0.8,2,',','.') }}/ano</option>
          </select>
        </div>
        <button class="btn btn-primary" style="width:100%">Assinar</button>
      </form>
    @else
      <p class="muted" style="margin-top:16px">Plano gratuito com limites</p>
    @endif
  </div>
@endforeach
</div>

@if($invoices->isNotEmpty())
<h3 style="margin:20px 0 12px">Histórico de faturas</h3>
<table>
  <thead><tr><th>Data</th><th>Plano</th><th>Valor</th><th>Status</th><th></th></tr></thead>
  <tbody>
  @foreach($invoices as $inv)
    <tr>
      <td>{{ $inv->created_at->format('d/m/Y') }}</td>
      <td>{{ $inv->plan_id }}</td>
      <td>R$ {{ number_format((float)$inv->amount,2,',','.') }}</td>
      <td><span class="badge badge-{{ $inv->status==='paid'?'paid':'pending' }}">{{ $inv->status }}</span></td>
      <td><a href="{{ route('billing.invoice',$inv->id) }}" class="btn btn-sm btn-secondary">Ver</a></td>
    </tr>
  @endforeach
  </tbody>
</table>
@endif
@endsection