{% 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-2 fw-normal">{{ _('Information') }}</h2>
		<p class="fs-5 h3 text-body-secondary mb-3">{{ _('Essential information about your {} instance').format(const.appName) }}</p>
		<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 {} instance').format(const.appName) }}</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 {} instance').format(const.appName) }}</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 {} instance').format(const.appName) }}</p>
		</div>
		<div class="form-group mb-3">
			<label class="form-label" for="instance.image">{{ _('Relative image path') }}</label>
			<input type="text" id="instance.image" name="instance.image" value="{{ cfg.instance.image }}" placeholder="/static/icons/favicon/android-chrome-512x512.png" 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') }}</label>
			<input type="text" id="instance.fullBaseUrl" name="instance.fullBaseUrl" value="{{ cfg.instance.fullBaseUrl }}" placeholder="https://ask.example.com" class="form-control">
			<p class="form-text">{{ _('Full URL to homepage of this {} instance without a trailing slash').format(const.appName) }}</p>
		</div>
		{% include 'snippets/admin/saveBtn.html' %}
	</form>
{% endblock %}