@extends('layouts.app')
@section('title', 'NFS-e — Dashboard')
@section('page_title', 'NFS-e — Nota Fiscal de Servico')
@section('page_subtitle', 'Painel de emissao e controle de notas fiscais de servico.')
@section('page_actions')
    <a class="button primary" href="{{ route('nfse.invoices.create') }}">
        <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><line x1="12" y1="5" x2="12" y2="19"/><line x1="5" y1="12" x2="19" y2="12"/></svg>
        Emitir NFS-e
    </a>
@endsection

@section('content')

@if (! $configured)
<div class="notice warn" style="display:flex;align-items:center;justify-content:space-between;gap:12px">
    <span><strong>Configuracao fiscal incompleta.</strong> Preencha os dados fiscais antes de emitir notas.</span>
    <a class="button" href="{{ route('nfse.configuration') }}" style="min-height:32px;font-size:12px">Configurar agora</a>
</div>
@endif

{{-- Metricas --}}
<div class="status-strip">
    <div class="metric">
        <div class="metric-label">Emitidas este mes</div>
        <div class="metric-value" style="color:var(--primary)">{{ $stats['emitidas_mes'] }}</div>
        <div class="metric-note">
            @if ($plan && $plan->nfse_monthly_limit)
                de {{ $plan->nfse_monthly_limit }} disponiveis
            @else
                ilimitado
            @endif
        </div>
    </div>
    <div class="metric">
        <div class="metric-label">Valor este mes</div>
        <div class="metric-value">R$ {{ number_format($stats['valor_mes'], 2, ',', '.') }}</div>
        <div class="metric-note">valor liquido emitido</div>
    </div>
    <div class="metric">
        <div class="metric-label">Total emitidas</div>
        <div class="metric-value">{{ $stats['total_emitidas'] }}</div>
        <div class="metric-note">{{ $stats['total_canceladas'] }} cancelada(s)</div>
    </div>
    <div class="metric">
        <div class="metric-label">Erros / Pendentes</div>
        <div class="metric-value" style="color:{{ $stats['total_erros'] > 0 ? 'var(--danger)' : 'var(--muted)' }}">
            {{ $stats['total_erros'] }}
        </div>
        <div class="metric-note">{{ $stats['total_pendentes'] }} pendente(s)</div>
    </div>
</div>

@if ($plan && $plan->nfse_monthly_limit)
@php $pct = min(100, round($stats['emitidas_mes'] / $plan->nfse_monthly_limit * 100)); @endphp
<div class="panel" style="padding:14px 18px">
    <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:13px">
        <span style="font-weight:600">Uso mensal</span>
        <span style="color:var(--muted)">{{ $stats['emitidas_mes'] }} / {{ $plan->nfse_monthly_limit }} notas ({{ $pct }}%)</span>
    </div>
    <div style="background:#e2e8f0;border-radius:999px;height:8px">
        <div style="background:{{ $pct >= 90 ? 'var(--danger)' : ($pct >= 70 ? 'var(--warn)' : 'var(--primary)') }};width:{{ $pct }}%;height:8px;border-radius:999px;transition:width .3s"></div>
    </div>
    @if ($pct >= 90)
    <div style="margin-top:8px;font-size:12px;color:var(--danger)">
        Limite quase atingido. <a href="{{ route('subscription.plans') }}" style="color:var(--primary);font-weight:600">Fazer upgrade</a>
    </div>
    @endif
</div>
@endif

{{-- Notas recentes --}}
<div class="panel">
    <div class="panel-header">
        <div><h2>Notas recentes</h2><span>Ultimas {{ $recent->count() }} NFS-e</span></div>
        <a class="button" href="{{ route('nfse.invoices.index') }}" style="font-size:12px;min-height:30px">Ver todas</a>
    </div>
    <div class="table-wrap">
        <table>
            <thead>
                <tr>
                    <th>N.° NFS-e</th>
                    <th>Cliente</th>
                    <th>Valor</th>
                    <th>Status</th>
                    <th>Data</th>
                    <th></th>
                </tr>
            </thead>
            <tbody>
                @forelse ($recent as $inv)
                <tr>
                    <td style="font-family:monospace;font-size:12px">{{ $inv->numero_nfse ?? 'RPS-'.$inv->id }}</td>
                    <td style="font-size:13px">{{ $inv->customer?->nome ?? '—' }}</td>
                    <td style="font-size:13px">{{ $inv->valorLiquidoFormatted() }}</td>
                    <td>
                        <span class="pill" style="{{ $inv->statusStyle() }};min-width:0;font-size:11px">
                            {{ $inv->statusLabel() }}
                        </span>
                    </td>
                    <td style="font-size:12px;color:var(--muted)">{{ $inv->created_at->format('d/m/Y H:i') }}</td>
                    <td>
                        <a class="button" href="{{ route('nfse.invoices.show', $inv) }}" style="font-size:12px;min-height:28px;padding:3px 10px">Ver</a>
                    </td>
                </tr>
                @empty
                <tr><td colspan="6"><div class="empty">Nenhuma NFS-e emitida ainda.</div></td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
</div>
@endsection