{% extends 'basic.html' %}

{% block content %}

<h1>Главная</h1>

<form class="form-inline my-2 my-lg-0" method="get" action="{% url 'search' %}">
      <input class="form-control mr-sm-2" type="search" placeholder="Поиск" aria-label="Search" name="search">
      <button class="btn btn-outline-success my-2 my-sm-0" type="submit">Поиск</button>
</form>

<p>Мы не очень успешные, но наш сайт нацелен на следующие услуги и товары:</p>

<ul class="list-group">
    <li class="list-group-item">Крутые</li>
    <li class="list-group-item">Качественные</li>
    <li class="list-group-item">Не очень успешные</li>
</ul>

<h3>Мы хотим показать вам наши последние 5 товаров/услуг:</h3>

<div class="row">

    {% for service in services %}

    <div class="card">
        <h5 class="card-header"><a href="{% url 'service' pk=service.id %}">{{service.name}}</a></h5>
        <div class="card-body">
            <h5 class="card-title">{{ service.type }}</h5>
            <p class="card-text">{{ service.description }}</p>
            <img src="{{service.image.url}}" width="150px" height="150px" class="card-img-bottom" alt="Изображение отсутствует">
        </div>
    </div>

    {% endfor %}

</div>

{% endblock %}