{% if course.properties.homepage_intro_video_course == true %}
  {% if course.enrolled? %}
    <script>
      window.location.replace("{% route course_viewer, course_id: course.id, learning_path_id: params.learning_path_id %}")
    </script>
  {% else %}
    <script>
      window.location.replace("{% route course_enrollment, code: course.enrollment_code %}")
    </script>
  {% endif %}
{% else %}
  {% include "header" %}
  <main class="np-main np-max-width np-page-container">
    <div class="np-hidden-mobile" id="course-desktop">
      {% include "course_desktop_view" %}
    </div>
    <div class="np-hidden-desktop" id="course-mobile">
      {% include "course_mobile_view" %}
    </div>
  </main>
  {% include "footer" %}
{% endif %}

<style>
  #course-desktop > .np-card-container,
  #course-mobile > .np-card-container {
    box-shadow: none;
  }
</style>

<script>
  document.querySelector(".np-header-logo > a").href = "/app/dashboard"
</script>