<x-filament-panels::page>
    <style>
        .bk-card { background: #fff; border: 1px solid #e5e7eb; border-radius: 12px; padding: 24px; max-width: 720px; }
        .dark .bk-card { background: #1f2937; border-color: #374151; }
        .bk-h2 { font-size: 18px; font-weight: 600; margin-bottom: 8px; }
        .bk-p { font-size: 13px; color: #6b7280; line-height: 1.6; margin-bottom: 12px; }
        .bk-list { list-style: none; padding: 0; margin: 16px 0; }
        .bk-list li { padding: 6px 0; font-size: 13px; }
        .bk-list li::before { content: '✓'; color: #059669; font-weight: 700; margin-right: 8px; }
        .bk-btn {
            display: inline-block; padding: 12px 24px; background: #3b82f6; color: #fff;
            border: none; border-radius: 8px; cursor: pointer; font-size: 14px; font-weight: 500;
            text-decoration: none;
        }
        .bk-btn:hover { background: #2563eb; }
    </style>

    <div class="bk-card">
        <h2 class="bk-h2">📦 Export complet date tenant</h2>
        <p class="bk-p">
            Exportă toate datele companiei tale într-un fișier ZIP. Util pentru:
        </p>
        <ul class="bk-list">
            <li>Backup periodic (descarcă local sau sincronizează cu cloud)</li>
            <li>Migrare la alt sistem CRM</li>
            <li>Audit / verificări fiscale</li>
            <li>Conformitate GDPR (la cererea ștergerii datelor)</li>
        </ul>
        <p class="bk-p">
            <b>Conține:</b> clienți, mașini, lead-uri, deal-uri, programări, fișe de lucru cu manopere și piese,
            depozit, furnizori, achiziții, plăți, cheltuieli, salarii, useri, logo + favicon, manifest cu metadata.
        </p>
        <p class="bk-p">
            <b>Format:</b> ZIP cu fișiere JSON (1 per tabel) + media + manifest.json.
        </p>

        <button type="button" class="bk-btn" wire:click="downloadBackup" wire:loading.attr="disabled">
            <span wire:loading.remove wire:target="downloadBackup">⬇ Descarcă backup acum</span>
            <span wire:loading wire:target="downloadBackup">Generez ZIP...</span>
        </button>

        <p class="bk-p" style="margin-top:24px;font-size:11px;color:#9ca3af;">
            ⚠ Backup-urile pot conține date sensibile (telefoane, emailuri, plăți). Stochează-le în siguranță.
        </p>
    </div>
</x-filament-panels::page>
