{#
    Composant : Statut de connexion Moodle

    Usage :
        {% include '_components/stateMoodle.html.twig' with {
            'moodleStatus': moodleStatus
        } %}

    Props :
        - moodleStatus : array avec 'status' (success|error) et 'message' (string)
#}

<div class="moodle-status moodle-status--{{ moodleStatus.status }}" data-tooltip="{{ moodleStatus.message }}">
    {% if moodleStatus.status == 'success' %}
        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M20 6L9 17L4 12" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
        </svg>
    {% else %}
        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
            <circle cx="12" cy="12" r="10" stroke="currentColor" stroke-width="2"/>
            <path d="m15 9-6 6m0-6 6 6" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
        </svg>
    {% endif %}
    <span>Connexion Moodle</span>
</div>