test center - reorg of HTML - wip

lms/templates/test_center_register.html

@@ -35,13 +35,17 @@
   </script>
 </%block>
 
+<%
+exam_info = course.testcenter_info
+%>
+
 <section class="testcenter-register container">    
 
   <!-- display stuff about the exam and the course for which the user is registering.  
        If the user has already registered in the past for a test center, then also display
        their ID. -->
 
-  <section class="info">
+  <section class="output-raw">
     <hgroup>
       <p class="date-block">
         % if course.has_ended():
@@ -57,15 +61,11 @@
     </hgroup>
 
     <!-- TODO: need to add logic to select which of the following to display.  Like certs? -->
-    <%
-    exam_info = course.testcenter_info
-    %>
     % if exam_info is not None:
         <p>Exam Series Code: ${exam_info.get('Exam_Series_Code')}</p>
         <p>First Eligible Appointment Date: ${exam_info.get('First_Eligible_Appointment_Date')}</p>
         <p>Last Eligible Appointment Date: ${exam_info.get('Last_Eligible_Appointment_Date')}</p>
     % endif
-  </section>
     
     <!-- check to see if the user has already registering, or
        is registering for the first time -->
@@ -117,6 +117,30 @@
         <p>The demographic information must be provided below in order to register
         for the exam listed above.</p>
     % endif
+  </section>
+  
+  <section class="introduction">
+    <header>
+      <hgroup>
+        <h2>${get_course_about_section(course, 'university')} ${course.number} ${course.title}</h2>      
+        <h1>Register for a Pearson VUE Proctored Exam</h1>
+      </hgroup>
+      
+      <span class="date">
+        % if course.has_ended():
+        <span class="date-title">Course Completed:</span> <span class="date-value">${course.end_date_text}</span>
+        % elif course.has_started():
+        <span class="date-title">Course Started:</span> <span class="date-value">${course.start_date_text}</span>
+        % else:   # hasn't started yet
+        <span class="date-title">Course Starts:</span> <span class="date-value">${course.start_date_text}</span>
+        % endif
+      </span>    
+    </header>
+    
+    <div class="status">
+      
+    </div>
+  </section>
 
 	<!-- provide mechanism for error messages to appear -->
   % if message: