<%page expression_filter="h" args="program_data, enrollment_mode, display_category" />
<%!
    from django.utils.translation import ugettext as _
    from openedx.core.djangolib.markup import HTML, Text
%>
<%namespace name='static' file='../static_content.html'/>
    <div class="message message-status is-shown credit-message">
        <div class="xseries-action">
            <div class="message-copy xseries-msg">
                <p class="message-copy-bold">
                    ${_("{category} Program: Interested in more courses in this subject?").format(category=display_category)}
                </p>
                <p class="message-copy">
                    ${Text(_("This course is 1 of {course_count} courses in the {link_start}{program_display_name}{link_end} {program_category}.")).format(
                        course_count=program_data['course_count'],
                        link_start=HTML('<a href="{}">').format(program_data['program_marketing_url']),
                        link_end=HTML('</a>'),
                        program_display_name=program_data['display_name'],
                        program_category=display_category,
                    )}
                </p>

            </div>
            <%
                xseries_btn_class = "xseries-border-btn"
                if enrollment_mode == "verified":
                    xseries_btn_class = "xseries-base-btn";
            %>
            <a class="btn ${xseries_btn_class}" href="${program_data['program_marketing_url']}" target="_blank"
               data-program-id="${program_data['program_id']}" >
                <span class="sr">${program_data['display_name']}</span>
                <span class="action-xseries-icon" aria-hidden="true"></span>
                ${_("View {category} Details").format(category=display_category)}
            </a>
        </div>
    </div>
