{% extends "base.html" %}

{% block content %}
<div class="row justify-content-center">
    <div class="col-md-8">
        <div class="d-flex justify-content-between align-items-center mb-4">
            <h2><i class="fas fa-spell-check me-2 text-primary"></i>Style Guidelines</h2>
            <a href="{{ url_for('admin_dashboard') }}" class="btn btn-outline-secondary">Back to Admin</a>
        </div>

        <div class="card shadow-sm">
            <div class="card-body">
                <p class="text-muted">
                    These lists are used by the <strong>Editor Persona</strong> to critique chapters and by the <strong>Writer</strong> to refine text.
                    The AI will be penalized for using words in these lists.
                </p>

                <form method="POST">
                    <div class="mb-4">
                        <label class="form-label fw-bold text-danger">
                            <i class="fas fa-ban me-2"></i>Banned "AI-isms" & Clichés
                        </label>
                        <div class="form-text mb-2">Common tropes that make text sound robotic (e.g., "testament to", "tapestry"). One per line.</div>
                        <textarea name="ai_isms" class="form-control font-monospace" rows="10">{{ data.ai_isms|join('\n') }}</textarea>
                    </div>

                    <div class="mb-4">
                        <label class="form-label fw-bold text-warning">
                            <i class="fas fa-filter me-2"></i>Filter Words
                        </label>
                        <div class="form-text mb-2">Words that create distance between the reader and the POV (e.g., "felt", "saw", "realized"). One per line.</div>
                        <textarea name="filter_words" class="form-control font-monospace" rows="6">{{ data.filter_words|join('\n') }}</textarea>
                    </div>

                    <div class="d-grid gap-2">
                        <button type="submit" class="btn btn-primary btn-lg">
                            <i class="fas fa-save me-2"></i>Save Guidelines
                        </button>
                        <button type="submit" formaction="{{ url_for('optimize_models') }}" class="btn btn-outline-info w-100 mt-2">
                            <i class="fas fa-magic me-2"></i>Auto-Refresh with AI
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
{% endblock %}