<!DOCTYPE html>
<html lang="pt-BR">
<head>
    <meta charset="UTF-8">
    <title>Obrigações Acessórias — {{ $mes }}</title>
    <style>
        * { margin: 0; padding: 0; box-sizing: border-box; }
        body { font-family: 'DejaVu Sans', sans-serif; font-size: 11px; color: #1e3a5f; background: #fff; }
        .header { background: #1e3a5f; color: #fff; padding: 24px 32px; margin-bottom: 24px; }
        .header h1 { font-size: 20px; font-weight: 700; margin-bottom: 4px; }
        .header p { font-size: 11px; color: rgba(255,255,255,0.7); }
        .section { margin: 0 32px 24px; }
        table { width: 100%; border-collapse: collapse; }
        thead tr { background: #1e3a5f; color: #fff; }
        thead th { padding: 8px 10px; text-align: left; font-size: 9px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em; }
        tbody tr:nth-child(even) { background: #f8fafc; }
        tbody td { padding: 7px 10px; font-size: 10px; border-bottom: 1px solid #f1f5f9; }
        .badge { display: inline-block; padding: 2px 7px; border-radius: 20px; font-size: 8px; font-weight: 700; text-transform: capitalize; }
        .badge-entregue { background: #ecfdf5; color: #065f46; }
        .badge-pendente { background: #fffbeb; color: #92400e; }
        .badge-atrasado { background: #fef2f2; color: #dc2626; }
        .tipo-federal     { background: #eff6ff; color: #1e3a5f; }
        .tipo-estadual    { background: #f5f3ff; color: #7c3aed; }
        .tipo-municipal   { background: #e0f2fe; color: #0369a1; }
        .tipo-trabalhista { background: #fffbeb; color: #d97706; }
        .tipo-outros      { background: #f1f5f9; color: #475569; }
        .footer { text-align: center; font-size: 9px; color: #94a3b8; padding: 16px 32px; border-top: 1px solid #e2e8f0; margin-top: 24px; }
    </style>
</head>
<body>

<div class="header">
    <h1>Obrigações Acessórias</h1>
    <p>Referência: {{ \Carbon\Carbon::parse($mes . '-01')->translatedFormat('F \d\e Y') }} &nbsp;·&nbsp; Gerado em {{ now()->format('d/m/Y H:i') }}</p>
</div>

<div class="section">
    <table>
        <thead>
            <tr>
                <th>Obrigação</th>
                <th>Tipo</th>
                <th>Contrato</th>
                <th>Referência</th>
                <th>Vencimento</th>
                <th>Status</th>
                <th>Entregue em</th>
            </tr>
        </thead>
        <tbody>
            @forelse($obrigacoes as $o)
            <tr>
                <td><strong>{{ $o->nome }}</strong></td>
                <td><span class="badge tipo-{{ $o->tipo }}">{{ ucfirst($o->tipo) }}</span></td>
                <td>{{ $o->contrato?->razao_social ?? '—' }}</td>
                <td>{{ $o->mes_referencia->format('m/Y') }}</td>
                <td>{{ $o->vencimento->format('d/m/Y') }}</td>
                <td><span class="badge badge-{{ $o->status }}">{{ $o->status }}</span></td>
                <td>{{ $o->entregue_em?->format('d/m H:i') ?? '—' }}</td>
            </tr>
            @empty
            <tr><td colspan="7" style="text-align:center; padding:16px; color:#94a3b8;">Nenhuma obrigação no período.</td></tr>
            @endforelse
        </tbody>
    </table>
</div>

<div class="footer">
    OPCON Soluções Contábeis &middot; Relatório gerado automaticamente pelo sistema &middot; {{ now()->format('d/m/Y') }}
</div>

</body>
</html>
