{% extends 'base.html' %}
{% block title %} Аккаунт | вход {% endblock %}

{% block styles %}
    <style>
        .field-wrapper {
            margin: 1em;
            padding: 1em;
            border-left: var(--brand-color) solid 1px;
        }
        .field-wrapper > * {
            display: inline;
        }
        .field-wrapper > span {
            font-weight: bolder;
            margin-right: 1em;
        }

        .respond-user {
            border-left: 1px dashed violet;
            margin: 2em;
            padding-left: 1em;
        }
    </style>
{% endblock %}

{% block content %}
    {% if order %}
        <h1 class=deprecated-page-header"> Заказ {{ order.name }} </h1>

        <div class="field-wrapper">
            {% for i in images %}
                <img src="{{ i.image.url }}" alt="image-{{ i.id }}">
            {% endfor %}
        </div>

        <div class="field-wrapper">
            <span>Описание:</span>
            <p>{{ order.description }}</p>
        </div>

        <div class="field-wrapper">
            <span>Дата создания:</span>
            <p>{{ order.create_time }}</p>
        </div>

        <div class="field-wrapper">
            <span>Город:</span>
            <p>{{ order.address_city.name }}</p>
        </div>

        {% if can_responde %}
            {% if is_responde %}
                <form action="{% url 'order-respond' order.id %}" method="POST">
                    {% csrf_token %}
                    <input type="hidden" name="action" value="unrespond">
                    <input type="submit" value="Отменить отклик">
                </form>
            {% else %}
                <form action="{% url 'order-respond' order.id %}" method="POST">
                    {% csrf_token %}
                    <input type="hidden" name="action" value="respond">
                    <input type="submit" value="Откликнуться!">
                </form>
            {% endif %}
            <p> Откликнулось человек: {{ respondes_count }} </p>
        {% else %}
            <p>
                Вы владелец объявления. {% if respond_users %}Вот эти пользователи откликнулись на ваше объявление:{% else %}Пока на него нет откликов.{% endif %}
            </p>
            {% for r in respond_users %}
                <div class="respond-user">
                    {{ r.create_time }}: {{ r.user.name }}
                </div>
            {% endfor %}
        {% endif %}
    {% else %}
        <h1 class=deprecated-page-header"> Запрошенный вами заказ не найден! </h1>
    {% endif %}

{% endblock %}
