source: templates/orders.html@ 77b90d2

<!DOCTYPE html>
<html lang="mk">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Мои нарачки | BiblioPremium</title>

    <link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
</head>

<body>

<header class="navbar">

    <div class="logo">
        <img src="{{ url_for('static', filename='images/logo.png') }}"
             alt="BiblioPremium">
    </div>

    <nav>

        <a href="{{ url_for('home') }}">
            Почетна
        </a>

        <a href="{{ url_for('home') }}#books">
            Книги
        </a>

        <a href="{{ url_for('recommendations') }}">
            Препораки
        </a>

        {% if session.get('korisnik_id') %}

            <a href="{{ url_for('favorites') }}">
                Омилени
            </a>

            <a href="{{ url_for('orders') }}">
                Мои нарачки
            </a>

            <a href="{{ url_for('preferences') }}">
                Мои преференции
            </a>

        {% endif %}

    </nav>


    <div class="nav-buttons">

        {% if session.get('korisnik_id') %}

            <span class="logged-user">
                👤 {{ session.get('ime') }}
            </span>

            <a href="{{ url_for('logout') }}"
               class="login-btn">
                Одјави се
            </a>

        {% else %}

            <a href="{{ url_for('login') }}"
               class="login-btn">
                Најава
            </a>

            <a href="{{ url_for('register') }}"
               class="register-btn">
                Регистрација
            </a>

        {% endif %}

    </div>

</header>


<section class="orders-section">

    <span class="details-label">
        ИСТОРИЈА НА КУПУВАЊА
    </span>

    <h1>
        Мои нарачки
    </h1>

    <p class="orders-intro">
        Овде можеш да ги прегледаш твоите претходни купувања.
    </p>


    {% if naracki %}

        <div class="orders-list">

            {% for naracka in naracki %}

                <div class="order-card">

                    <div class="order-card-header">

                        <div>

                            <span class="order-number">
                                Нарачка #{{ naracka[0] }}
                            </span>

                            <p class="order-date">
                                {{ naracka[1].strftime('%d.%m.%Y %H:%M') }}
                            </p>

                        </div>


                        <span class="order-status">

                            {% if naracka[2] == 'ZAVRSENA' %}

                                ✓ Завршена

                            {% elif naracka[2] == 'VO_OBRABOTKA' %}

                                ⏳ Во обработка

                            {% else %}

                                {{ naracka[2] }}

                            {% endif %}

                        </span>

                    </div>


                    <div class="order-card-body">

                        <p>
                            <strong>Книга:</strong>
                            {{ naracka[4] }}
                        </p>

                        <p>
                            <strong>Количина:</strong>
                            {{ naracka[5] }}
                        </p>

                        <p>
                            <strong>Единечна цена:</strong>
                            {{ naracka[6] }} ден.
                        </p>

                        <p class="order-total">
                            <strong>Вкупна цена:</strong>
                            {{ naracka[3] }} ден.
                        </p>

                    </div>

                </div>

            {% endfor %}

        </div>


    {% else %}

        <div class="empty-orders">

            <p>
                Сè уште немаш направено нарачка.
            </p>

            <a href="{{ url_for('home') }}#books"
               class="details-btn">
                Разгледај книги
            </a>

        </div>

    {% endif %}

</section>

</body>

</html>