Gainsight/Custom_Templates/customer_templates/Cin7 Partners/_badges_cards.html.liquid

{% assign completed_courses = 0 %}
{% for course in courses.enrolled %}
    {% if course.progress == 100 %}
        {% assign completed_courses = completed_courses | plus: 1 %}
    {% endif %}
{% endfor %}


{% if omni %}
    {% if completed_courses > 0%}
        <div class="card-wrapper">
            <div class="card">
                <div class="lp-link">
                    <div class="card-badge">
                        <img
                        alt=""
                        src="https://s3.amazonaws.com/static.northpass.com/Cin7/badges/academy-badge_omni.png"
                        class="badge-card-image"
                    />
                    </div>
                    <div class="card-content card-content-badge">
                        <h3 class="card-content-title course-name">
                        Omni Course Completed
                        </h3>
                        <div class="completed-courses">
                        You completed 1 course! 
                        </div>
                    </div>
                </div>
            </div>
        </div>
    {% endif %}
    {% if completed_courses > 4 %}
        <div class="card-wrapper">
            <div class="card">
                <div class="lp-link">
                    <div class="card-badge">
                        <img
                        alt=""
                        src="https://s3.amazonaws.com/static.northpass.com/Cin7/badges/academy-badge_omni.png"
                        class="badge-card-image"
                    />
                    </div>
                    <div class="card-content card-content-badge">
                        <h3 class="card-content-title course-name">
                        Omni Course Completed
                        </h3>
                        <div class="completed-courses">
                        You completed 5 courses! 
                        </div>
                    </div>
                </div>
            </div>
        </div>
    {% endif %} 
    {% if completed_courses > 9 %}
        <div class="card-wrapper">
            <div class="card">
                <div class="lp-link">
                    <div class="card-badge">
                        <img
                        alt=""
                        src="https://s3.amazonaws.com/static.northpass.com/Cin7/badges/academy-badge_omni.png"
                        class="badge-card-image"
                    />
                    </div>
                    <div class="card-content card-content-badge">
                        <h3 class="card-content-title course-name">
                        Omni Course Completed
                        </h3>
                        <div class="completed-courses">
                        You completed 10 courses! 
                        </div>
                    </div>
                </div>
            </div>
        </div>
    {% endif %}
    {% if completed_courses > 14 %}
        <div class="card-wrapper">
            <div class="card">
                <div class="lp-link">
                    <div class="card-badge">
                        <img
                        alt=""
                        src="https://s3.amazonaws.com/static.northpass.com/Cin7/badges/academy-badge_omni.png"
                        class="badge-card-image"
                    />
                    </div>
                    <div class="card-content card-content-badge">
                        <h3 class="card-content-title course-name">
                        Omni Course Completed
                        </h3>
                        <div class="completed-courses">
                        You completed 15 courses! 
                        </div>
                    </div>
                </div>
            </div>
        </div>
    {% endif %} 
    {% if completed_courses > 19 %}
        <div class="card-wrapper">
            <div class="card">
                <div class="lp-link">
                    <div class="card-badge">
                        <img
                        alt=""
                        src="https://s3.amazonaws.com/static.northpass.com/Cin7/badges/academy-badge_omni.png"
                        class="badge-card-image"
                    />
                    </div>
                    <div class="card-content card-content-badge">
                        <h3 class="card-content-title course-name">
                        Omni Course Completed
                        </h3>
                        <div class="completed-courses">
                        You completed 20 courses! 
                        </div>
                    </div>
                </div>
            </div>
        </div>
    {% endif %} 
{% endif %}
{% if core %}
    {% if completed_courses > 0%}
        <div class="card-wrapper">
            <div class="card">
                <div class="lp-link">
                    <div class="card-badge">
                        <img
                        alt=""
                        src="https://s3.amazonaws.com/static.northpass.com/Cin7/badges/academy-badge_core.png"
                        class="badge-card-image"
                    />
                    </div>
                    <div class="card-content card-content-badge">
                        <h3 class="card-content-title course-name">
                        Core Course Completed
                        </h3>
                        <div class="completed-courses">
                            You completed 1 course!
                        </div>
                    </div>
                </div>
            </div>
        </div>
    {% endif %}
    {% if completed_courses > 4%}
        <div class="card-wrapper">
            <div class="card">
                <div class="lp-link">
                    <div class="card-badge">
                        <img
                        alt=""
                        src="https://s3.amazonaws.com/static.northpass.com/Cin7/badges/academy-badge_core.png"
                        class="badge-card-image"
                    />
                    </div>
                    <div class="card-content card-content-badge">
                        <h3 class="card-content-title course-name">
                        Core Course Completed
                        </h3>
                        <div class="completed-courses">
                            You completed 5 courses!
                        </div>
                    </div>
                </div>
            </div>
        </div>
    {% endif %}
    {% if completed_courses > 9%}
        <div class="card-wrapper">
            <div class="card">
                <div class="lp-link">
                    <div class="card-badge">
                        <img
                        alt=""
                        src="https://s3.amazonaws.com/static.northpass.com/Cin7/badges/academy-badge_core.png"
                        class="badge-card-image"
                    />
                    </div>
                    <div class="card-content card-content-badge">
                        <h3 class="card-content-title course-name">
                        Core Course Completed
                        </h3>
                        <div class="completed-courses">
                            You completed 10 courses!
                        </div>
                    </div>
                </div>
            </div>
        </div>
    {% endif %}
    {% if completed_courses > 14%}
        <div class="card-wrapper">
            <div class="card">
                <div class="lp-link">
                    <div class="card-badge">
                        <img
                        alt=""
                        src="https://s3.amazonaws.com/static.northpass.com/Cin7/badges/academy-badge_core.png"
                        class="badge-card-image"
                    />
                    </div>
                    <div class="card-content card-content-badge">
                        <h3 class="card-content-title course-name">
                        Core Course Completed
                        </h3>
                        <div class="completed-courses">
                            You completed 15 courses!
                        </div>
                    </div>
                </div>
            </div>
        </div>
    {% endif %}
    {% if completed_courses > 19%}
        <div class="card-wrapper">
            <div class="card">
                <div class="lp-link">
                    <div class="card-badge">
                        <img
                        alt=""
                        src="https://s3.amazonaws.com/static.northpass.com/Cin7/badges/academy-badge_core.png"
                        class="badge-card-image"
                    />
                    </div>
                    <div class="card-content card-content-badge">
                        <h3 class="card-content-title course-name">
                        Core Course Completed
                        </h3>
                        <div class="completed-courses">
                            You completed 20 courses!
                        </div>
                    </div>
                </div>
            </div>
        </div>
    {% endif %}
{% endif %}