source: templates/admin_genres.html

<!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>

        <a href="{{ url_for('admin_dashboard') }}">Администрација</a>
    </nav>

    <div class="nav-buttons">

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

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

    </div>

</header>


<main class="admin-page">

    <section class="admin-header">

        <p class="admin-label">
            ADMIN PANEL
        </p>

        <h1>
            Управување со жанрови
        </h1>

        <p>
            Преглед и управување со жанровите во BiblioPremium.
        </p>

    </section>


    <section class="admin-books-section">

        <div class="admin-books-top">

            <h2>Сите жанрови</h2>

            <a href="{{ url_for('admin_add_genre') }}"
               class="admin-button">
                + Додај нов жанр
            </a>

        </div>


        <div class="admin-table-wrapper">

            <table class="admin-table">

                <thead>
                    <tr>
                        <th>ID</th>
                        <th>Назив</th>
                        <th>Опис</th>
                        <th>Акции</th>
                    </tr>
                </thead>

                <tbody>

                    {% for zhanr in zhanrovi %}

                    <tr>

                        <td>
                            {{ zhanr[0] }}
                        </td>

                        <td>
                            <strong>{{ zhanr[1] }}</strong>
                        </td>

                        <td>
                            {{ zhanr[2] }}
                        </td>

                        <td class="admin-actions">

                            <!-- ИЗМЕНИ -->
                            <a href="{{ url_for('admin_edit_genre', zhanr_id=zhanr[0]) }}"
                               class="admin-edit-btn">
                                Измени
                            </a>


                            <!-- ИЗБРИШИ -->
                            <form method="POST"
                                  action="{{ url_for('admin_delete_genre', zhanr_id=zhanr[0]) }}"
                                  style="display: inline;"
                                  onsubmit="return confirm('Дали сте сигурни дека сакате да го избришете жанрот „{{ zhanr[1] }}“?');">

                                <button type="submit"
                                        class="admin-delete-btn">
                                    Избриши
                                </button>

                            </form>

                        </td>

                    </tr>

                    {% endfor %}

                </tbody>

            </table>

        </div>


        <div class="admin-back">

            <a href="{{ url_for('admin_dashboard') }}">
                ← Назад кон администрација
            </a>

        </div>

    </section>

</main>

</body>

</html>