@extends('emails.layouts.base')

@php $locale = $userLocale ?? 'pt-BR'; @endphp

@section('title')
    @if($locale === 'pt-BR')
        Confirmação de Eliminação de Conta
    @elseif($locale === 'en')
        Account Deletion Confirmation
    @else
        Confirmación de Eliminación de Cuenta
    @endif
@endsection

@section('content')
    @if($locale === 'pt-BR')
        {{-- Portuguese (Brazil) --}}
        <p class="greeting">Olá, {{ $userName }}</p>
        
        <div class="status-card danger" style="text-align: center; padding: 40px 30px;">
            <div style="font-size: 48px; margin-bottom: 20px;">🔐</div>
            <p class="status-title" style="margin-bottom: 15px;">CÓDIGO DE CONFIRMAÇÃO</p>
            <div style="background: rgba(255, 255, 255, 0.2); border-radius: 12px; padding: 20px; margin: 20px 0;">
                <div style="font-size: 48px; font-weight: bold; letter-spacing: 8px; font-family: 'Courier New', monospace;">
                    {{ $code }}
                </div>
            </div>
            <p style="font-size: 14px; opacity: 0.9; margin: 0;">
                Válido por 10 minutos
            </p>
        </div>

        <div class="status-card warning">
            <p class="status-title" style="color: #78350f; margin-bottom: 12px;">⚠️ ATENÇÃO - AÇÃO IRREVERSÍVEL</p>
            <p style="color: #78350f; margin: 0;">
                Esta ação <strong>NÃO pode ser desfeita</strong>. Uma vez confirmada, todos os seus dados serão 
                permanentemente deletados dos nossos servidores sem possibilidade de recuperação.
            </p>
        </div>

        <div class="content">
            <p><strong>🗑️ Serão deletados permanentemente:</strong></p>
            <ul class="info-list">
                <li>Todas as transações</li>
                <li>Todas as contas bancárias e de ativos</li>
                <li>Todos os cartões de crédito e contas de passivos</li>
                <li>Orçamentos e categorias personalizadas</li>
                <li>Centros de custo e palavras-chave</li>
                <li>Objetivos financeiros</li>
                <li>Investimentos e histórico de preços</li>
                <li>Configurações e preferências</li>
                <li>Sua conta de usuário</li>
            </ul>
        </div>

        <div class="status-card info">
            <p class="status-title" style="margin-bottom: 10px;">🔒 Não foi você?</p>
            <p style="margin: 0;">
                Se você não solicitou esta exclusão, ignore este email e sua conta permanecerá intacta. 
                Recomendamos alterar sua senha imediatamente por segurança.
            </p>
        </div>

        <div class="status-card info">
            <p class="status-title" style="margin-bottom: 10px;">💾 Quer fazer backup?</p>
            <p style="margin: 0;">
                Antes de confirmar a exclusão, você pode exportar todos os seus dados para um arquivo JSON 
                e importá-los posteriormente em uma nova conta.
            </p>
        </div>

    @elseif($locale === 'en')
        {{-- English --}}
        <p class="greeting">Hello, {{ $userName }}</p>
        
        <div class="status-card danger" style="text-align: center; padding: 40px 30px;">
            <div style="font-size: 48px; margin-bottom: 20px;">🔐</div>
            <p class="status-title" style="margin-bottom: 15px;">CONFIRMATION CODE</p>
            <div style="background: rgba(255, 255, 255, 0.2); border-radius: 12px; padding: 20px; margin: 20px 0;">
                <div style="font-size: 48px; font-weight: bold; letter-spacing: 8px; font-family: 'Courier New', monospace;">
                    {{ $code }}
                </div>
            </div>
            <p style="font-size: 14px; opacity: 0.9; margin: 0;">
                Valid for 10 minutes
            </p>
        </div>

        <div class="status-card warning">
            <p class="status-title" style="color: #78350f; margin-bottom: 12px;">⚠️ WARNING - IRREVERSIBLE ACTION</p>
            <p style="color: #78350f; margin: 0;">
                This action <strong>CANNOT be undone</strong>. Once confirmed, all your data will be 
                permanently deleted from our servers with no possibility of recovery.
            </p>
        </div>

        <div class="content">
            <p><strong>🗑️ Will be permanently deleted:</strong></p>
            <ul class="info-list">
                <li>All transactions</li>
                <li>All bank accounts and asset accounts</li>
                <li>All credit cards and liability accounts</li>
                <li>Custom budgets and categories</li>
                <li>Cost centers and keywords</li>
                <li>Financial goals</li>
                <li>Investments and price history</li>
                <li>Settings and preferences</li>
                <li>Your user account</li>
            </ul>
        </div>

        <div class="status-card info">
            <p class="status-title" style="margin-bottom: 10px;">🔒 Wasn't you?</p>
            <p style="margin: 0;">
                If you did not request this deletion, ignore this email and your account will remain intact. 
                We recommend changing your password immediately for security.
            </p>
        </div>

        <div class="status-card info">
            <p class="status-title" style="margin-bottom: 10px;">💾 Want to backup?</p>
            <p style="margin: 0;">
                Before confirming the deletion, you can export all your data to a JSON file 
                and import it later into a new account.
            </p>
        </div>

    @else
        {{-- Spanish --}}
        <p class="greeting">Hola, {{ $userName }}</p>
        
        <div class="status-card danger" style="text-align: center; padding: 40px 30px;">
            <div style="font-size: 48px; margin-bottom: 20px;">🔐</div>
            <p class="status-title" style="margin-bottom: 15px;">CÓDIGO DE CONFIRMACIÓN</p>
            <div style="background: rgba(255, 255, 255, 0.2); border-radius: 12px; padding: 20px; margin: 20px 0;">
                <div style="font-size: 48px; font-weight: bold; letter-spacing: 8px; font-family: 'Courier New', monospace;">
                    {{ $code }}
                </div>
            </div>
            <p style="font-size: 14px; opacity: 0.9; margin: 0;">
                Válido por 10 minutos
            </p>
        </div>

        <div class="status-card warning">
            <p class="status-title" style="color: #78350f; margin-bottom: 12px;">⚠️ ATENCIÓN - ACCIÓN IRREVERSIBLE</p>
            <p style="color: #78350f; margin: 0;">
                Esta acción <strong>NO se puede deshacer</strong>. Una vez confirmada, todos tus datos serán 
                eliminados permanentemente de nuestros servidores sin posibilidad de recuperación.
            </p>
        </div>

        <div class="content">
            <p><strong>🗑️ Serán eliminados permanentemente:</strong></p>
            <ul class="info-list">
                <li>Todas las transacciones</li>
                <li>Todas las cuentas bancarias y de activos</li>
                <li>Todas las tarjetas de crédito y cuentas de pasivos</li>
                <li>Presupuestos y categorías personalizadas</li>
                <li>Centros de costo y palabras clave</li>
                <li>Objetivos financieros</li>
                <li>Inversiones e historial de precios</li>
                <li>Configuraciones y preferencias</li>
                <li>Tu cuenta de usuario</li>
            </ul>
        </div>

        <div class="status-card info">
            <p class="status-title" style="margin-bottom: 10px;">🔒 ¿No fuiste tú?</p>
            <p style="margin: 0;">
                Si no solicitaste esta eliminación, ignora este email y tu cuenta permanecerá intacta. 
                Recomendamos cambiar tu contraseña inmediatamente por seguridad.
            </p>
        </div>

        <div class="status-card info">
            <p class="status-title" style="margin-bottom: 10px;">💾 ¿Quieres hacer backup?</p>
            <p style="margin: 0;">
                Antes de confirmar la eliminación, puedes exportar todos tus datos a un archivo JSON 
                e importarlos posteriormente en una nueva cuenta.
            </p>
        </div>
    @endif
@endsection