{% extends 'admin/base.html' %}
{% block _title %}Information{% endblock %}
{% set info_link = 'active' %}
{% block _content %}
	<form hx-post="{{ url_for('api.updateConfig') }}" hx-target="#response-container" hx-swap="none">
		<h2 id="instance" class="mb-3 fw-normal">Information</h2>
		<div class="form-group mb-3">
			<label class="form-label" for="instance.title">Title <small class="text-body-secondary">(e.g. My question box)</small></label>
			<input type="text" id="instance.title" name="instance.title" value="{{ cfg.instance.title }}" class="form-control">
			<p class="form-text">Title of this CatAsk instance</p>
		</div>
		<div class="form-group mb-3">
			<label class="form-label d-flex flex-column flex-lg-row align-items-lg-center justify-content-between" for="instance.description">
				<span>Description <small class="text-body-secondary">(e.g. Ask me a question!)</small></span>
				<small class="text-body-secondary"><i class="bi bi-markdown me-1"></i> Markdown supported</small>
			</label>
			<textarea spellcheck="false" id="instance.description" name="instance.description" class="form-control" style="height: 200px; resize: vertical;">{{ cfg.instance.description }}</textarea>
			<p class="form-text">Description of this CatAsk instance</p>
		</div>
		<div class="form-group mb-3">
			<label class="form-label d-flex flex-column flex-lg-row align-items-lg-center justify-content-between" for="instance.rules">
				<span>Rules</span>
				<small class="text-body-secondary"><i class="bi bi-markdown me-1"></i> Markdown supported</small>
			</label>
			<textarea spellcheck="false" id="instance.rules" name="instance.rules" class="form-control" style="height: 200px; resize: vertical;">{{ cfg.instance.rules }}</textarea>
			<p class="form-text">Rules of this CatAsk instance</p>
		</div>
		<div class="form-group mb-3">
			<label class="form-label" for="instance.image">Relative image path <small class="text-body-secondary">(default: /static/icons/favicon/android-chrome-512x512.png)</small></label>
			<input type="text" id="instance.image" name="instance.image" value="{{ cfg.instance.image }}" class="form-control">
			<p class="form-text">Image that's going to be used in a link preview</p>
		</div>
		<div class="form-group mb-2">
			<label class="form-label" for="instance.fullBaseUrl">Base URL <small class="text-body-secondary">(e.g. https://ask.example.com)</small></label>
			<input type="text" id="instance.fullBaseUrl" name="instance.fullBaseUrl" value="{{ cfg.instance.fullBaseUrl }}" class="form-control">
			<p class="form-text">Full URL to homepage of this CatAsk instance without a trailing slash</p>
		</div>
		<div class="form-group">
			<button type="submit" class="btn btn-primary" id="saveConfig">
				<span class="spinner-border spinner-border-sm htmx-indicator" aria-hidden="true"></span>
				<span class="visually-hidden" role="status">Loading...</span>
				Save
			</button>
		</div>
	</form>
{% endblock %}