<%! from django.utils.translation import ugettext as _ %>
<%! import mako.runtime %>
<% mako.runtime.UNDEFINED = '' %>

<%inherit file="certificate-base.html" />

<%include file="_certificate-header.html" />

<hr class="divider" />

<div class="wrapper-content">

  <section class="content content-main" role="main">
    <div class="status status-valid" id="validation-status">
      <h2 class="title title-lvl2">
        ${document_banner}
        <span class="sr">:</span>
      </h2>
    </div>

    <article class="accomplishment ${accomplishment_class_append}" id="validation-accomplishment">
      <div class="accomplishment-statement">
        <p class="copy">
          <span class="copy-name">${accomplishment_copy_name}</span>
          <span class="copy-context">${accomplishment_copy_description_full}</span>
          <span class="copy-course">
            <span class="copy-course-org">${accomplishment_copy_course_org}</span>
            <span class="copy-course-name">${accomplishment_copy_course_name}</span>
          </span>
          <span class="copy-context">${accomplishment_copy_course_description}</span>
        </p>
      </div>
      <div class="accomplishment-details">
        <h3 class="title title-lvl2 sr">${accomplishment_more_title}</h3>
        <ul class="list list-metadata">
          <li class="item certificate-type">
            <span class="label">${_("Certificate Type")}</span>
            <span class="value">
              ${certificate_type_title}
              <span class="explanation">${certificate_type_description}</span>
            </span>
          </li>
          <li class="item certificate-id">
            <span class="label">${certificate_id_number_title}</span>
            <span class="value">${certificate_id_number}</span>
          </li>
          <li class="item certificate-date">
            <span class="label">${certificate_date_issued_title}</span>
            <span class="value">${certificate_date_issued}</span>
          </li>
        </ul>
      </div>
    </article>
  </section>
</div>

<hr class="divider" />

<%include file="_certificate-footer.html" />
