{% extends "templates/lilcity/index.html" %}
{% load static %}

{% block title %}Результаты поиска - {{ block.super }}{% endblock title %}
{% block content %}
<div class="main main_sm" style="background-image: url({% static 'img/bg-1.jpg' %});">
  <div class="main__center center">
    <div class="main__title">Результаты поиска</div>
  </div>
</div>
<div class="section">
  <div class="section__center center">
    <form action="{% url 'search' %}" class="searching">
      <input class="searching__input" type="text" placeholder="Поиск" name="q" value="{{ q }}">
      <button class="searching__btn btn" type="submit">Найти</button>
    </form>
    <div class="head"></div>
    <div class="layout">
      <div class="layout__search">
        <div class="courses courses_three">
          {% if course_items %}
          <div class="courses__list">
            {% include "./course_items.html" %}
          </div>
          {% if next_page %}
          <div class="courses__load load">
            <button class="load__btn btn" data-next-page-url="/search?q={{ q }}&page={{ next_page }}">Подгрузить еще</button>
          </div>
          {% endif %}
          {% else %}
          <div class="empty">К сожалению, по вашему запросу ничего не&nbsp;найдено.</div>
          {% endif %}
        </div>
      </div>
    </div>
  </div>
</div>
{% include "course/blocks/game.html" %}
{% endblock content %}