@extends('emails.layout')
@section('content')
    <h1 style="margin:0 0 12px;font-size:22px">Membership Anda Aktif 🎉</h1>
    <p style="margin:0 0 16px;font-size:15px;line-height:1.6">Selamat {{ $user->name }}! Anda kini member <strong>{{ $package->name }}</strong>. Seluruh konten premium telah terbuka untuk Anda.</p>

    <table width="100%" cellpadding="0" cellspacing="0" style="background:#f4f0e9;border-radius:12px">
        <tr><td style="padding:12px 16px;font-size:14px">Paket</td><td style="padding:12px 16px;font-size:14px;text-align:right;font-weight:bold">{{ $package->name }}</td></tr>
        <tr><td style="padding:12px 16px;font-size:14px;border-top:1px solid #e2dbd1">Berlaku hingga</td><td style="padding:12px 16px;font-size:14px;text-align:right;border-top:1px solid #e2dbd1">{{ $subscription->ends_at?->translatedFormat('l, d M Y') }}</td></tr>
    </table>

    <a href="{{ route('member.card') }}" style="display:inline-block;margin-top:20px;background:#F0562D;color:#fff;text-decoration:none;padding:13px 26px;border-radius:999px;font-weight:bold;font-size:15px">Lihat Kartu Member</a>
    <p style="margin:20px 0 0;font-size:13px;color:#70655b">Selamat belajar & beribadah,<br>Tim {{ \App\Models\Setting::get('brand.app_name', 'Quran Review') }}</p>
@endsection