{% set isEarned = reward.id in rewardsUser %}

<article class="cba-profile-reward-card {{ isEarned ? 'is-earned' : 'is-locked' }}">
    <div class="cba-profile-reward-cover">
        <img
            src="{{ isEarned ? reward.image : reward.defaultImage }}"
            alt="{{ reward.title }}"
            loading="lazy"
        >
    </div>

    <div class="cba-profile-reward-body">
        <div class="cba-profile-reward-top">
            <span class="cba-profile-reward-badge {{ isEarned ? 'is-earned' : 'is-locked' }}">
                <i class="fas {{ isEarned ? 'fa-award' : 'fa-lock' }}"></i>
                {{ isEarned ? 'Débloquée' : 'Non débloquée' }}
            </span>
        </div>

        <h3 class="cba-profile-reward-title">{{ reward.title }}</h3>
        <p class="cba-profile-card-text">{{ reward.description }}</p>
    </div>
</article>