<%! from django.core.urlresolvers import reverse %>
<%namespace name='static' file='../static_content.html'/>
<%block name="js_extra">
  <script src="${static.url('js/course_info.js')}"></script>
</%block>

<%inherit file="../main.html" />

<section class="course-info">
  <header class="course-profile">
    <div class="intro-inner-wrapper">
      <section class="intro">
        <hgroup>
        <h1>${course.get_about_section("title")}</h1><h2><a href="#">${course.get_about_section("university")}</a></h2>
        </hgroup>

        <div class="main-cta">
          <a href="${reverse('enroll', args=[course.id])}" class="register">Register</a>
        </div>

      </section>
      <a href="#video-modal" class="media" rel="leanModal">
        <div class="hero">
          <img src="${static.url('images/courses/circuits.jpeg')}" />
          <div class="play-intro"></div>
        </div>
      </a>
    </div>
  </header>

  <section class="container">
    <section class="details">
      <nav>
        <a href="#" class="active">Overview</a>
        <a href="#">FAQ</a>
        <a href="#">Requirements</a>
        <a href="#">Text-book</a>
        <a href="#">Syllabus</a>
        <a href="#">Reviews</a>
      </nav>

      <div class="inner-wrapper">
        <section class="about">
          <h2>About this course</h2>
          <p>${course.get_about_section("description")}</p>
        </section>

        <section class="course-staff">
          <h2>Course staff</h3>
          <article class="teacher">
            <div class="teacher-image">
              <img src="${static.url('images/anant.jpg')}" />
            </div>
            <h3>Anant Agarwal</h3>
            <p>Director of MIT’s Computer Science and Artificial Intelligence Laboratory (CSAIL) and a professor of the Electrical Engineering and Computer Science department at MIT. His research focus is in parallel computer architectures and cloud software systems, and he is a founder of several successful startups, including Tilera, a company that produces scalable multicore processors. Prof. Agarwal won MIT’s Smullin and Jamieson prizes for teaching and co-authored the course textbook “Foundations of Analog and Digital Electronic Circuits.”</p>
          </article>

          <article class="teacher">
            <div class="teacher-image">
              <img src="${static.url('images/gerald.jpg')}" />
            </div>
            <h3>Gerald Sussman</h3>
            <p>Professor of Electrical Engineering at MIT. He is a well known educator in the computer science community, perhaps best known as the author of Structure and Interpretation of Computer Programs, which is universally acknowledged as one of the top ten textbooks in computer science, and as the creator of Scheme, a popular teaching language. His research spans a range of topics, from artificial intelligence, to physics and chaotic systems, to supercomputer design.</p>
          </article>

          <article class="teacher">
            <div class="teacher-image">
              <img src="${static.url('images/piotr.jpg')}" />
            </div>
            <h3>Piotr Mitros</h3>
            <p>Research Scientist at MIT. His research focus is in finding ways to apply techniques from control systems to optimizing the learning process. Dr. Mitros has worked as an analog designer at Texas Instruments, Talking Lights, and most recently, designed the analog front end for a novel medical imaging modality for Rhythmia Medical.</p>
          </article>
        </section>

        <section class="requirements">
          <h2>Requirements</h2>
          <p>${course.get_about_section("requirements")}</p>
        </section>

        <section class="syllabus">
          <h2>Syllabus</h2>
          <p>${course.get_about_section("syllabus")}</p>
        </section>

        <section class="text-book">
          <h2>Textbook</h2>
          ${course.get_about_section("textbook")}
        </section>

        <section class="course-faq">
          <h2>Frequently Asked Questions</h2>
          <p>${course.get_about_section("faq")}</p>
        </section>

      </div>
    </section>

    <section class="course-sidebar">
      <section class="course-summary">
        <header>
          <div class="social-sharing">
            <div class="sharing-message">Share with friends and family!</div>
            <a href="#" class="share">
              <img src="${static.url('images/twitter-sharing.png')}">
            </a>
            <a href="#" class="share">
              <img src="${static.url('images/facebook-sharing.png')}">
            </a>
            <a href="#" class="share">
              <img src="${static.url('images/email-sharing.png')}">
            </a>
          </div>
        </header>

        <ol class="important-dates">
          <li><div class="icon start-icon"></div><p>Classes Start</p><span class="start-date">7/12/12</span></li>
          <li><div class="icon final-icon"></div><p>Final Exam</p><span class="final-date">12/09/12</span></li>
          <li><div class="icon length-icon"></div><p>Course Length</p><span class="course-length">15 weeks</span></li>
          <li><div class="icon number-icon"></div><p>Course Number</p><span class="course-number">${course.get_about_section("number")}</span></li>
        </ol>
      </section>
    </section>

  </section>
</section>

<%include file="../video_modal.html" />
