<!DOCTYPE html>

<html lang="de">

<head>


<meta charset="utf-8">

<title>
    {{ category }}
</title>

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


</head>

<body>

<div class="header">


<div class="header-left">

    <img class="logo-ing"
         src="{{ url_for('static', filename='logo_ing.png') }}">

    <div>

        <div class="title">
            ING Finanzen
        </div>

        <div class="subtitle">
            Kategorie bearbeiten
        </div>

    </div>

</div>

<img class="logo-hintergasse"
     src="{{ url_for('static', filename='logo_hintergasse.png') }}">


</div>

<div class="navbar">

    <a href="/">Dashboard</a>
    <a href="/categories">Kategorien</a>
    <a href="/maintenance">Wartung</a>
    <a href="/log">Log</a>

</div>
<div class="container">


<div class="card">

    <h1>{{ category }}</h1>

    <p>
        Schlüsselwörter dieser Kategorie verwalten.
    </p>

</div>

<div class="card">

    <h2>Neues Schlüsselwort</h2>

    <form action="/categories/add_word/{{ category }}"
          method="post">

        <input
            type="text"
            name="word"
            placeholder="Schlüsselwort"
            required>

        <button type="submit">
            Hinzufügen
        </button>

    </form>

</div>

<div class="card">

    <h2>Vorhandene Schlüsselwörter</h2>

    <div class="tags">

        {% for word in words %}

        <div class="tag">

            {{ word }}

            <a
                href="/categories/delete_word/{{ category }}/{{ word }}"
                onclick="return confirm('Schlüsselwort wirklich löschen?')">

                ×

            </a>

        </div>

        {% endfor %}

    </div>

</div>


</div>

<div class="footer">


Hintergasse © 2026


</div>

</body>

</html>
