{% extends 'catalog/store/_store.html' %}
{% load paginator %}

{% block content %}

    <div class="row mb-3">
        <div class="col">
            <div class="card">
                <div class="card-body">
                    <div class="row">
                        <div class="col-4">
                            <img src="{{ object.crop400.url }}" alt="" class="img-fluid">
                        </div>
                        <div class="col-8">
                            <h1>{{ object }}</h1>
                            <hr>
                            <div>{{ object.description|linebreaks }}</div>

                            {% if object.address %}
                                <div><i class="fas fa-map-marker"></i> {{ object.address }}</div>
                            {% endif %}

                            {% if object.phone %}
                                <div><i class="fas fa-phone-square"></i>  {{ object.phone }}</div>
                            {% endif %}

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col">
            <div class="card">
                <div class="card-body">
                    <div class="row">
                        {% for obj in object_list %}
                            <div class="col-3 mb-4">
                                {% include 'catalog/sell/block/card.html' with object=obj %}
                            </div>
                        {% endfor %}
                    </div>

                    {% if is_paginated %}
                        <div class="row">
                            <div class="col">
                                {% foundation_paginator %}
                            </div>
                        </div>
                    {% endif %}

                </div>
            </div>
        </div>
    </div>

{% endblock %}