@extends('emails.partials.layout')

@section('title', __('emails.purchase.subject', ['package' => $packageName]))
@section('preheader', __('emails.purchase.subtitle'))
@section('hero_title', __('emails.purchase.greeting', ['name' => $user->fullName]))
@section('hero_subtitle', __('emails.purchase.subtitle'))

@section('content')
    <h2 style="margin:0 0 12px; font-size:18px;">
        {{ __('emails.purchase.summary_title') }}
    </h2>
    <table role="presentation" width="100%" cellspacing="0" cellpadding="0" style="border-collapse:collapse;">
        <tr>
            <td style="padding:10px 0; font-size:14px; color:#6b7280;">{{ __('emails.purchase.package_label') }}</td>
            <td style="padding:10px 0; font-size:14px; text-align:right; font-weight:600;">{{ $packageName }}</td>
        </tr>
        <tr>
            <td style="padding:10px 0; font-size:14px; color:#6b7280;">{{ __('emails.purchase.type_label') }}</td>
            <td style="padding:10px 0; font-size:14px; text-align:right;">{{ $packageTypeLabel }}</td>
        </tr>
        <tr>
            <td style="padding:10px 0; font-size:14px; color:#6b7280;">{{ __('emails.purchase.date_label') }}</td>
            <td style="padding:10px 0; font-size:14px; text-align:right;">{{ $purchaseDate }}</td>
        </tr>
        <tr>
            <td style="padding:10px 0; font-size:14px; color:#6b7280;">{{ __('emails.purchase.provider_label') }}</td>
            <td style="padding:10px 0; font-size:14px; text-align:right;">{{ $providerLabel }}</td>
        </tr>
        <tr>
            <td style="padding:10px 0; font-size:14px; color:#6b7280;">{{ __('emails.purchase.order_label') }}</td>
            <td style="padding:10px 0; font-size:14px; text-align:right;">{{ $orderId }}</td>
        </tr>
        <tr>
            <td style="padding:10px 0; font-size:14px; color:#6b7280;">{{ __('emails.purchase.price_label') }}</td>
            <td style="padding:10px 0; font-size:16px; text-align:right; font-weight:700;">{{ $priceFormatted }}</td>
        </tr>
    </table>
    <div style="margin-top:16px; background-color:#f8fafc; border:1px solid #e2e8f0; border-radius:12px; padding:16px;">
        <p style="margin:0 0 6px; font-size:13px; text-transform:uppercase; letter-spacing:0.08em; color:#64748b;">
            {{ __('emails.purchase.activation_label') }}
        </p>
        <p style="margin:0; font-size:14px; color:#0f172a;">
            {{ __('emails.purchase.activation') }}
        </p>
    </div>
    @if (! empty($limits))
        <h3 style="margin:18px 0 12px; font-size:16px;">{{ __('emails.purchase.limits_title') }}</h3>
        <table role="presentation" width="100%" cellspacing="0" cellpadding="0" style="border-collapse:collapse;">
            @foreach ($limits as $limit)
                <tr>
                    <td style="padding:6px 0; font-size:14px; color:#6b7280;">{{ $limit['label'] }}</td>
                    <td style="padding:6px 0; font-size:14px; text-align:right; font-weight:600;">{{ $limit['value'] }}</td>
                </tr>
            @endforeach
        </table>
    @endif
    @if ($invoiceUrl)
        <h3 style="margin:18px 0 8px; font-size:16px;">{{ __('emails.purchase.invoice_title') }}</h3>
        <p style="margin:0; font-size:14px; color:#6b7280;">
            <a href="{{ $invoiceUrl }}" style="color:#1d4ed8; text-decoration:none;">
                {{ __('emails.purchase.invoice_link') }}
            </a>
        </p>
    @endif
@endsection

@section('cta')
    <a href="{{ $ctaUrl }}" style="display:inline-block; background-color:#111827; color:#ffffff; text-decoration:none; padding:12px 20px; border-radius:999px; font-weight:600; font-size:14px;">
        {{ __('emails.purchase.cta') }}
    </a>
@endsection

@section('footer')
    {!! __('emails.purchase.footer') !!}
@endsection