@component('emails.layouts.html', ['subject' => __('Warning: Your profile will be deleted soon')])

{{-- Warning Banner --}}
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="margin: 0 0 20px 0; border-collapse: collapse; background-color: #F9FAFB; border-left: 4px solid {{ theme_color('text.primary') }};">
    <tr>
        <td style="padding: 20px; font-family: {{ theme_font('font_family_body') }}, Arial, Helvetica, sans-serif;">
            <h1 style="color: {{ theme_color('text.primary') }}; margin: 0 0 10px 0; font-size: 24px; font-weight: bold;">{{ __('Inactive profile warning') }}</h1>
            <p style="font-size: 18px; font-weight: bold; color: {{ theme_color('text.primary') }}; margin: 0;">
                {{ __('If you do not log in soon, your profile will be deleted in') }}: <span style="font-size: 22px;">{{ $timeRemaining }}</span>
            </p>
        </td>
    </tr>
</table>

{{-- Greeting --}}
<p style="font-family: {{ theme_font('font_family_body') }}, Arial, Helvetica, sans-serif; font-size: 16px; color: {{ theme_color('text.primary') }}; margin: 0 0 15px 0; padding: 0; line-height: 1.5;">
    {{ __('Dear') }} {{ $profile->name }},
</p>

{{-- Main message --}}
<p style="font-family: {{ theme_font('font_family_body') }}, Arial, Helvetica, sans-serif; font-size: 16px; color: {{ theme_color('text.primary') }}; margin: 0 0 15px 0; padding: 0; line-height: 1.5;">
    {{ __('You did not log in for :period. We will automatically delete your profile in :remaining.', ['period' => $periodNotLoggedIn, 'remaining' => $timeRemaining]) }}
</p>
<p style="font-family: {{ theme_font('font_family_body') }}, Arial, Helvetica, sans-serif; font-size: 16px; color: {{ theme_color('text.primary') }}; margin: 0 0 15px 0; padding: 0; line-height: 1.5;">
    {{__('This measure maintains an active platform for our community and protects your privacy by removing outdated personal information.') }}
</p>

<p style="font-family: {{ theme_font('font_family_body') }}, Arial, Helvetica, sans-serif; font-size: 16px; color: {{ theme_color('text.primary') }}; margin: 0 0 20px 0; padding: 0; line-height: 1.5; font-weight: bold;">
    {{ __('We have scheduled to permanently delete all your personal data. Your past transactions will remain visible to other users but will be fully anonymized.') }}
</p>

@if(!empty($accounts))
{{-- Account Balances Table --}}
<p style="font-family: {{ theme_font('font_family_body') }}, Arial, Helvetica, sans-serif; font-size: 16px; color: {{ theme_color('text.primary') }}; margin: 0 0 10px 0; padding: 0; line-height: 1.5;">
    <strong>{{ __('Your accounts') }}</strong>
</p>

<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="margin: 0 0 20px 0; border-collapse: collapse; background-color: #F9FAFB; border: 1px solid #E5E7EB;">
    <tr>
        <td style="padding: 15px;">
            <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse;">
                @foreach($accounts as $account)
                <tr style="border-bottom: 1px solid #E5E7EB;">
                    <td style="padding: 10px 0; font-family: {{ theme_font('font_family_body') }}, Arial, Helvetica, sans-serif; font-size: 14px; color: #6B7280;">
                        {{ $account['name'] }}
                    </td>
                    <td style="padding: 10px 0; text-align: right; font-family: {{ theme_font('font_family_body') }}, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 500; color: {{ theme_color('text.primary') }};">
                        {{ $account['balanceFormatted'] }}
                    </td>
                </tr>
                @endforeach

                <tr style="border-top: 2px solid #9CA3AF;">
                    <td style="padding: 15px 0 5px 0; font-family: {{ theme_font('font_family_body') }}, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #374151;">
                        {{ __('Total balance') }}
                    </td>
                    <td style="padding: 15px 0 5px 0; text-align: right; font-family: {{ theme_font('font_family_body') }}, Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: {{ theme_color('text.primary') }};">
                        {{ tbFormat($totalBalance) }}
                    </td>
                </tr>
            </table>
        </td>
    </tr>
</table>
@endif

{{-- Balance deletion warning --}}
<p style="font-family: {{ theme_font('font_family_body') }}, Arial, Helvetica, sans-serif; font-size: 16px; color: {{ theme_color('text.primary') }}; margin: 0 0 10px 0; padding: 0; line-height: 1.5;">
    {{ __('If you do not log in, all your account balances will be permanently deleted.') }}
</p>

<p style="font-family: {{ theme_font('font_family_body') }}, Arial, Helvetica, sans-serif; font-size: 16px; color: {{ theme_color('text.primary') }}; margin: 0 0 30px 0; padding: 0; line-height: 1.5; font-weight: bold;">
    {{ __('Balance to be deleted') }}: {{ tbFormat($totalBalance) }}
</p>

{{-- Call to action button --}}
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="margin: 30px 0; border-collapse: collapse;">
    <tr>
        <td align="center" style="padding: 0;">
            <table role="presentation" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse;">
                <tr>
                    <td align="center" style="border-radius: 8px; background-color: #111827;">
                        <a href="{{ $loginUrl }}" style="display: inline-block; padding: 16px 40px; font-family: {{ theme_font('font_family_body') }}, Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #ffffff; text-decoration: none; border-radius: 8px; mso-padding-alt: 0;">
                            {{ __('Activate profile') }}
                        </a>
                    </td>
                </tr>
            </table>
        </td>
    </tr>
</table>

<p style="font-family: {{ theme_font('font_family_body') }}, Arial, Helvetica, sans-serif; font-size: 14px; color: #6B7280; margin: 15px 0 0 0; padding: 0; line-height: 1.5; text-align: center;">
    {{ __('Click the button above to log in and prevent your profile from being deleted.') }}
</p>

@endcomponent