Work on deferred courses

apps/course/templates/course/_items.html

@@ -1,29 +1,35 @@
 {% load static %}
-
-<div class="courses__item" data-course data-course-id={{ course.id }} data-likes-count={{ course.likes.count }}><a class="courses__preview" href="#"><img class="courses__pic" src="{{ course.cover.url }}"/>
-  <div class="courses__view">Подробнее</div>
-  {% if course.is_featured %}
+<div class="courses__item" data-course data-course-id={{ course.id }} data-likes-count={{ course.likes.count }} {% if course.is_deferred_start %}data-future-course data-future-course-time={{ course.deferred_start_at.timestamp }}{% endif %}>
+  <a class="courses__preview" href="#">
+    <img class="courses__pic" src="{{ course.cover.url }}" />
+    <div class="courses__view">Подробнее</div>
+    {% if course.is_featured %}
     <div class="courses__label courses__label_fav"></div>
-  {% endif %}
-  {% if course.is_deferred_start %}
+    {% endif %} {% if course.is_deferred_start %}
     <div class="courses__soon">
       <div class="courses__left">До запуска курса осталось:</div>
-      <div class="courses__time">{{ course.deferred_start_at_humanize }}</div>
+      <div class="courses__time">{{ course.deferred_start_at.timestamp }}</div>
     </div>
     <div class="courses__label courses__label_clock"></div>
-  {% endif %}
-</a>
-  <div class="courses__details"><a class="courses__theme theme {{ theme_color }}" href="#">{{ course.category | upper }}</a>
-    {% if not course.is_free %}<div class="courses__price">{{ course.price|floatformat:"-2" }}$</div>{% endif %}
+    {% endif %}
+  </a>
+  <div class="courses__details">
+    <a class="courses__theme theme {{ theme_color }}" href="#">{{ course.category | upper }}</a>
+    {% if not course.is_free %}
+    <div class="courses__price">{{ course.price|floatformat:"-2" }}$</div>{% endif %}
   </div>
   <a class="courses__title" href="#">{{ course.title }}</a>
   <div class="courses__content">{{ course.short_description }}
   </div>
   <div class="courses__user user">
     {% if course.author.photo %}
-    <div class="user__ava ava"><img class="ava__pic" src={{ course.author.photo.url }}/></div>
+    <div class="user__ava ava">
+      <img class="ava__pic" src={{ course.author.photo.url }}/>
+    </div>
     {% else %}
-    <div class="user__ava ava"><img class="ava__pic" src={% static "img/user.jpg" %}/></div>
+    <div class="user__ava ava">
+      <img class="ava__pic" src={% static "img/user.jpg" %}/>
+    </div>
     {% endif %}
     <div class="user__info">
       <div class="user__name">{{ course.author.first_name }} {{ course.author.last_name }}</div>