web-petting/templates/admin/settings.html

{% extends "admin/layout.html" %}
{% let active_page = "settings" %}

{% block title %}{{ t.settings_title }}{% endblock %}

{% block content %}
<div class="page-head">
    <h1>{{ t.settings_title }}</h1>
</div>

{% if saved %}
    <div class="notification is-success is-light">{{ t.settings_saved }}</div>
{% endif %}

<div class="form-card">
    <form method="post" action="/admin/settings/save">
        <div class="field">
            <label class="label">{{ t.settings_telegram_bot_token }}</label>
            <div class="control">
                <input class="input" type="text" name="telegram_bot_token" value="{% for s in &settings %}{% if s.key == "telegram_bot_token" %}{{ s.value }}{% endif %}{% endfor %}">
            </div>
        </div>
        <div class="field">
            <label class="label">{{ t.settings_telegram_chat_id }}</label>
            <div class="control">
                <input class="input" type="text" name="telegram_chat_id" value="{% for s in &settings %}{% if s.key == "telegram_chat_id" %}{{ s.value }}{% endif %}{% endfor %}">
            </div>
        </div>
        <div class="field">
            <label class="label">{{ t.settings_contact_info }}</label>
            <div class="control">
                <input class="input" type="text" name="contact_info" placeholder="+7 999 123-45-67 / info@example.com" value="{% for s in &settings %}{% if s.key == "contact_info" %}{{ s.value }}{% endif %}{% endfor %}">
            </div>
        </div>
        <div class="field">
            <label class="label">{{ t.settings_pricing_info }}</label>
            <div class="control">
                <textarea class="input" name="pricing_info" rows="3" style="min-height:70px;resize:vertical;" placeholder="от 600 рублей за визит">{% for s in &settings %}{% if s.key == "pricing_info" %}{{ s.value }}{% endif %}{% endfor %}</textarea>
            </div>
        </div>
        <button type="submit" class="button is-primary">{{ t.settings_save }}</button>
    </form>
</div>
{% endblock %}