@extends('emails.layout')

@section('content')

    <div style="text-align:center;margin-bottom:20px;">
        <x-heroicon-o-gift width="65"
                           style="opacity:0.8;stroke:#4f46e5;stroke-width:1" />
    </div>

    <h2 style="margin:0 0 10px;font-size:22px;color:#111;text-align:center;">
        Hallo {{ $user->name }}!
    </h2>

    <p style="margin:0 0 20px;color:#6b7280;font-size:14px;text-align:center;line-height:1.6;">
        Du hast kostenlosen Zugang zum
        <strong style="color:#4F46E5;">{{ $plan->name }}</strong>
        erhalten — {{ $durationLabel }}.
    </p>

    @if($endsAt)
        <p style="margin:0 0 20px;color:#6b7280;font-size:13px;text-align:center;">
            Dein Zugang ist gültig bis:
            <strong>{{ $endsAt->format('d.m.Y') }}</strong>
        </p>
    @else
        <p style="margin:0 0 20px;color:#6b7280;font-size:13px;text-align:center;">
            Dein Zugang ist <strong>unbegrenzt gültig</strong>.
        </p>
    @endif

    <x-mail.button url="{{ config('app.url') }}/agent">
        Jetzt Aria nutzen
    </x-mail.button>

@endsection
