{% load i18n %}

<div class="course-information" xmlns="http://www.w3.org/1999/html">
  <div class="info-item">
    <div class="heading">
      {% trans "Institution" %}
    </div>
    <div>{{ object.organization_name }}</div>
  </div>

  <div class="info-item">
    <div class="heading">
      {% trans "Course Team Admin" %}
    </div>
    <div>{{ object.course_team_admin }}</div>
  </div>

  <div class="info-item">
    <div class="heading">
      {% trans "Title" %}
    </div>
    <div>{{ object.title }}</div>
  </div>

  <div class="info-item">
    <div class="heading">
      {% trans "Number" %}
    </div>
    <div>{{ object.number }}</div>
  </div>

  <div class="info-item">
    <div class="heading">
      {% trans "Studio instance" %}
    </div>
    <div>
      {% if object.studio_url %}
        <a target="_blank" href="{{ object.studio_url }}">{{ object.lms_course_id }}</a>
      {% else %}
        {% trans "(Required) Not yet added" %}
      {% endif %}
    </div>
  </div>

  <div class="info-item">
    <div class="heading">
      {% trans "Start Date" %}
    </div>
    <div>{{ object.start }}</div>
  </div>

  <div class="info-item">
    <div class="heading">
      {% trans "End Date" %}
    </div>
    <div>{{ object.end }}</div>
  </div>

  <div class="info-item">
    <div class="heading">
      {% trans "Certificate type" %}
    </div>
    <div>{{ object.course_type }}</div>
  </div>

    {% if object.verified_seat_price %}
      <div class="info-item">
        <div class="heading">
          {% trans "Certificate Price" %}
        </div>
        <div>
            ${{ object.verified_seat_price }}
        </div>
      </div>
    {% endif %}

  <div class="info-item">
    <div class="heading">
      {% trans "Brief Description" %}
    </div>
    <div>
      {% with  object.short_description as field %}
        {% include "publisher/_render_required_field.html" %}
      {% endwith %}
    </div>
  </div>

  <div class="info-item">
    <div class="heading">
      {% trans "Full Description" %}
    </div>
    <div>
      {% with  object.full_description as field %}
        {% include "publisher/_render_required_field.html" %}
      {% endwith %}
    </div>
  </div>

  <div class="info-item">
    <div class="heading">
      {% trans "Expected Learnings" %}
    </div>
    <div>
      {% with  object.expected_learnings as field %}
        {% include "publisher/_render_required_field.html" %}
      {% endwith %}
    </div>
  </div>

  <div class="info-item">
    <div class="heading">
      {% trans "Course Staff" %}
    </div>
    <div>
      {% if not object.course_staff %}
        {% trans "(Required) Not yet added" %}
      {% else %}
        {% for obj in object.course_staff %}
          <div class="course-staff">
            <img src="{{ obj.image_url }}" alt=""/>

            <div class="staff-detail">
              <div class="name">{{ obj.full_name }}</div>
              <div>{{ obj.position }}</div>
              <div class="organization">{{ obj.organization }}</div>
            </div>
          </div>
        {% endfor %}
      {% endif %}
    </div>
  </div>
  <div class="info-item">
    <div class="heading">
      {% trans "Primary Subject" %}
    </div>
    <div>
      {% with  object.subjects.0 as field %}
        {% include "publisher/_render_required_field.html" %}
      {% endwith %}
    </div>
  </div>

  <div class="info-item">
    <div class="heading">
      {% trans "Secondary Subject" %}
    </div>
    <div>
      {% with  object.subjects.1 as field %}
        {% include "publisher/_render_optional_field.html" %}
      {% endwith %}
    </div>
  </div>

  <div class="info-item">
    <div class="heading">
      {% trans "Tertiary Subject" %}
    </div>
    <div>
      {% with  object.subjects.2 as field %}
        {% include "publisher/_render_optional_field.html" %}
      {% endwith %}
    </div>
  </div>

  <div class="info-item">
    <div class="heading">
      {% trans "Course Image" %}
    </div>
    <div>
      {% if not object.course_image %}
        {% trans "(Required) Not yet added" %}
      {% else %}
        <img src="{{ object.course_image }}" alt=""/>
      {% endif %}
    </div>
  </div>

  <div class="info-item">
    <div class="heading">
      {% trans "Prerequisites" %}
    </div>
    <div>
      {% with  object.prerequisites as field %}
        {% include "publisher/_render_required_field.html" %}
      {% endwith %}
    </div>
  </div>

  <div class="info-item">
    <div class="heading">
      {% trans "Estimated Effort" %}
    </div>
    <div>
      {% if object.min_effort and object.max_effort %}
        {{ object.min_effort }}-{{ object.max_effort }} {% trans "hours per week" %}
      {% else %}
        {% trans "(Optional) Not yet added" %}
      {% endif %}
    </div>
  </div>

  <div class="info-item">
    <div class="heading">
      {% trans "Course content language" %}
    </div>
    <div>
      {% with  object.language.name as field %}
        {% include "publisher/_render_required_field.html" %}
      {% endwith %}
    </div>
  </div>

  <div class="info-item">
    <div class="heading">
      {% trans "Video Language Transcript" %}
    </div>
    <div>
      {% with  object.transcript_language as field %}
        {% include "publisher/_render_required_field.html" %}
      {% endwith %}
    </div>
  </div>

  <div class="info-item">
    <div class="heading">
      {% trans "Language spoken in course videos" %}
    </div>
    <div>
      {% with  object.video_language as field %}
        {% include "publisher/_render_optional_field.html" %}
      {% endwith %}
    </div>
  </div>

  <div class="info-item">
    <div class="heading">
      {% trans "Course Length (Weeks)" %}
    </div>
    <div>
      {% with  object.length as field %}
        {% include "publisher/_render_optional_field.html" %}
      {% endwith %}
    </div>
  </div>

  <div class="info-item">
    <div class="heading">
      {% trans "Course Level" %}
    </div>
    <div>
      {% with  object.level_type as field %}
        {% include "publisher/_render_required_field.html" %}
      {% endwith %}
    </div>
  </div>
</div>
<div class="clearfix"></div>