{% set hasBirthDate = baby.dateBirth is not null %}
{% set isCurrent = baby.current %}

<article class="cba-profile-baby-card">
    <div class="cba-profile-baby-body">
        <div class="cba-profile-baby-top">
            <span class="cba-profile-baby-badge {{ isCurrent ? 'is-active' : 'is-inactive' }}">
                <i class="fas {{ isCurrent ? 'fa-check-circle' : 'fa-baby' }}"></i>
                {{ isCurrent ? 'Contenu activé' : 'Profil disponible' }}
            </span>
        </div>

        <h3 class="cba-profile-baby-name">{{ baby.name ?: 'Sans prénom' }}</h3>

        <p class="cba-profile-card-text">
            Gère ici les informations liées à ce profil et active son contenu si tu veux en faire le parcours principal.
        </p>

        <div class="cba-profile-baby-meta">
            <div class="cba-profile-baby-meta-row">
                <span class="cba-profile-baby-meta-label">Date de naissance</span>
                <span class="cba-profile-baby-meta-value">
                    {% if hasBirthDate %}
                        {{ baby.dateBirth|date('d/m/Y', 'Europe/Paris') }}
                    {% else %}
                        Pas encore indiquée
                    {% endif %}
                </span>
            </div>
        </div>

        {% if not hasBirthDate %}
            <div class="cba-profile-inline-alert">
                <strong>Information :</strong>
                ton enfant est né ?
                Indique-nous son prénom et sa date de naissance en cliquant
                <a href="/ajouter/date/{{ baby.id }}"><strong>ici</strong></a>.
                <br>
                <strong>Attention :</strong> cette action n'est possible qu'une seule fois.
            </div>
        {% endif %}

        {% if numberBabies > 1 %}
            <div class="cba-profile-baby-actions">
                {% if isCurrent %}
                    <span class="cba-btn-ghost">
                        <i class="fas fa-check"></i>
                        Profil actuellement actif
                    </span>
                {% else %}
                    <a href="{{ path('activate_baby', {'id': baby.id}) }}" class="cba-btn-primary">
                        <i class="fas fa-bolt"></i>
                        Activer ce contenu
                    </a>
                {% endif %}
            </div>
        {% endif %}
    </div>
</article>