@extends('emails.layout')

@section('content')
    <h1>You're Invited!</h1>
    <p>Hello,</p>
    <p>You have been invited to join <strong>{{ $association->name }}</strong> on Guild360.</p>

    @if($invitation->role !== 'Member')
        <div class="info-box">
            <p style="margin: 0; font-size: 14px;">
                Role: <span class="badge badge-info">{{ $invitation->role }}</span>
            </p>
        </div>
    @endif

    <div style="text-align: center; margin: 32px 0;">
        <a href="{{ $registrationUrl }}" class="btn">Accept Invitation</a>
    </div>

    <p style="font-size: 13px; color: #6b7280;">
        This invitation expires on <strong>{{ $invitation->expires_at->format('M d, Y') }}</strong>.
    </p>

    <div class="divider"></div>

    <p style="font-size: 12px; color: #d1d5db; word-break: break-all;">
        If the button doesn't work, copy and paste this link:<br>
        {{ $registrationUrl }}
    </p>
@endsection
