{% extends "templates/lilcity/index.html" %}
{% load static %}
{% block title %}{{ contest_work.child_full_name }}, {{ contest_work.age }} лет{% endblock title %}

{% block ogimage %}http://{{request.META.HTTP_HOST}}{{ contest_work.image.image.url }}{% endblock ogimage %}

{% block content %}
<div class="section" style="padding-bottom: 25px;">
  <div class="section__center center center_sm">
    <div class="go">
      <a class="go__item" href="{% url 'contest' contest_work.contest.id %}">
        <div class="go__arrow">
          <svg class="icon icon-arrow-left">
            <use xlink:href="{% static 'img/sprite.svg' %}#icon-arrow-left"></use>
          </svg>
        </div>
        <div class="go__title">Вернуться к&nbsp;галлерее</div>
      </a>
    </div>
  </div>
  <div class="contest-work section__center center center_sm">
    <div class="contest-work__img-wrap">
      <img class="contest-work__img" src="{{ contest_work.image.image.url }}">
    </div>
    <div class="contest-work__info">
      <div class="contest-work__bio">
        <div>{{ contest_work.child_full_name }}</div>
        <div class="contest-work__age">{{ contest_work.age }} {% if contest_work.age < 5 %}года{% else %}лет{% endif %}</div>
      </div>
      <div class="contest-work__likes">
        <likes obj-type="contest_work" obj-id="{{ contest_work.id }}"
               {% if user_liked %}:user-liked="true"{% endif %} likes="{{ contest_work.likes.count }}"></likes>
      </div>
    </div>
  </div>
</div>

<div class="section" style="padding: 0;">
  <div class="section__center center center_sm">
    <div class="go">
      {% if prev_contest_work %}
      <a class="go__item" href="{% url 'contest_work' prev_contest_work.id %}">
        <div class="go__arrow">
          <svg class="icon icon-arrow-left">
            <use xlink:href="{% static 'img/sprite.svg' %}#icon-arrow-left"></use>
          </svg>
        </div>
        <div class="go__title">Предыдущая работа</div>
      </a>
      {% else %}
      <div class="go__item"></div>
      {% endif %}
      {% if next_contest_work %}
      <a class="go__item" href="{% url 'contest_work' next_contest_work.id %}">
        <div class="go__title">Следующая работа</div>
        <div class="go__arrow">
          <svg class="icon icon-arrow-right">
            <use xlink:href="{% static 'img/sprite.svg' %}#icon-arrow-right"></use>
          </svg>
        </div>
      </a>
      {% else %}
      <div class="go__item"></div>
      {% endif %}
    </div>
  </div>
</div>

<div class="section">
  <div class="section__center center center_sm">
    {% include 'templates/blocks/share.html' %}
  </div>
</div>
{% endblock content %}