{% extends "base.html" %}{% block title %}Strona About – PaganOS{% endblock %}
{% block head %}
<style>
.abf-section{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.25rem;margin-bottom:1rem}
.abf-section h3{margin:0 0 0.35rem;font-size:0.95rem;color:var(--text-bright)}
.abf-note{font-size:0.8rem;color:var(--muted);line-height:1.55}
.abf-section textarea{width:100%;min-height:34vh;font-family:var(--mono);font-size:0.82rem;background:#0d1117;color:#e6edf3;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0.7rem;resize:vertical}
.abf-title{width:100%;max-width:420px}
</style>
{% endblock %}
{% block content %}
{% include "admin/nav.html" %}

<div class="card">
 <div class="card-header" style="display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:0.5rem">
 <h2>Strona About</h2>
 <a class="btn btn-sm" href="/about" target="_blank"> Podgląd strony</a>
 </div>
 <p class="abf-note" style="padding:0 1rem 0.75rem">
 Treść strony <b>/about</b> trzymana jest w bazie (markdown) i edytowana tutaj.
 Dopóki nie zapiszesz żadnej wersji językowej – strona pokazuje <b>dawny statyczny szablon</b> (nic nie zniknie).
 Wersję możesz później wyczyścić, ale wtedy nadal będzie brana z bazy; aby wrócić do szablonu, usuń wpisy z bazy.
 </p>

 <form method="POST" action="/admin/about">
 <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">

 <div class="abf-section" style="border-color:rgba(63,185,80,0.3)">
 <h3> Polski {% if not has_pl %}<span class="badge badge-warn">szablon domyślny</span>{% endif %}</h3>
 <div style="margin:0.5rem 0">
 <input class="abf-title bld-input" style="padding:0.45rem 0.6rem;background:var(--bg);border:1px solid var(--border);color:var(--text-bright);border-radius:var(--radius-sm)" name="title_pl" value="{{ pl_title }}" placeholder="Tytuł (PL)">
 </div>
 <textarea name="content_pl" spellcheck="false">{{ pl_content }}</textarea>
 <p class="abf-note" style="margin:0.4rem 0 0">Markdown. Puste pole + brak wpisu = strona używa statycznego szablonu.</p>
 </div>

 <div class="abf-section" style="border-color:rgba(88,166,255,0.3)">
 <h3> English {% if not has_en %}<span class="badge badge-warn">szablon domyślny</span>{% endif %}</h3>
 <div style="margin:0.5rem 0">
 <input class="abf-title bld-input" style="padding:0.45rem 0.6rem;background:var(--bg);border:1px solid var(--border);color:var(--text-bright);border-radius:var(--radius-sm)" name="title_en" value="{{ en_title }}" placeholder="Title (EN)">
 </div>
 <textarea name="content_en" spellcheck="false">{{ en_content }}</textarea>
 <p class="abf-note" style="margin:0.4rem 0 0">Markdown.</p>
 </div>

 <div style="display:flex;gap:0.5rem;flex-wrap:wrap">
 <button class="btn btn-primary"> Zapisz obie wersje</button>
 <a class="btn" href="/admin">← Panel</a>
 </div>
 </form>
</div>
{% endblock %}