{% extends 'base.html' %}
{% block title %} Каталог {% endblock %}

{% block styles %}
    {% load static %}
    <link rel="stylesheet" type="text/css" href="{% static 'css/product-view-style.css' %}">
{% endblock %}

{% block content %}
    <h1> {{ product.prod_name }} </h1>
    {% if product %}
        <div class="product-container">
            <div id="product-photo-container">
                <img id="product-photo" src="{{ product.get_photo_url }}" alt="photo">
            </div>
            <div>
                <h3>Цена: <span id="price-banner">{{ product.prod_price }}</span></h3>
                <p id="product-description">{{ product.prod_description }}</p>
            </div>
        </div>
    {% else %}
        <div style="display: flex; flex-wrap: wrap; align-content: center; flex-grow: 1;">
            <h3 style="text-align: center; width: 100%">Упс, товар не найден...</h3>
        </div>
    {% endif %}
{% endblock %}
