<%page expression_filter="h" />
<%inherit file="main.html" />
<%namespace name='static' file='static_content.html'/>
<%!
    from django.utils.translation import ugettext as _
    from courseware.courses import get_course_about_section
%>

<%block name="headextra">
    <meta property="og:title" content="${course.display_name_with_default}"/>
    <meta property="og:description" content="${get_course_about_section(request, course, 'short_description')}"/>
</%block>

<%block name="pagetitle">${course.display_name_with_default}</%block>
<main id="main" aria-label="Content" tabindex="-1">
    <div class="course-info">
        <header class="course-profile">
            <div class="intro-inner-wrapper">
                <div class="table">
                    <div class="intro">
                        <div class="heading-group">
                            <h3> ${_("You should Register before trying to access the Unit")}</h3>
                        </div>
                        <div class="heading-group">
                            <p>
                                ${course.display_name_with_default}
                            </p>
                        </div>
                        <form role="form" id="enroll_staff_form" method="post" action="">
                            <input type="hidden" name="csrfmiddlewaretoken" value="${ csrftoken }"/>
                            <div class="main-cta">
                                <button class="register" name="enroll" type="submit"
                                        value="${_('Enroll')}">${_('Enroll')}<span
                                        class="sr">${course.display_name_with_default}</span></button>
                                <button class="register" name="dont_enroll" type="submit"
                                        value="${_('Don\'t enroll')}">${_('Don\'t enroll')}<span
                                        class="sr">${course.display_name_with_default}</span></button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </header>
    </div>
</main>