{% import 'main/macros.tpl.html' as macro %}
<form name="edit_profile" class="col-md-6 pl-0 pr-0" action="{{ form_action|raw }}" id="edit_profile" method="post">
	{{ macro.input_csrf() }}
	<!-- General settings -->
	<fieldset>
		<legend>{{ label_general }}</legend>
		<!-- Username -->
		{{ macro.input_field("text", "user_name", null, "user_name", label_user_name, user_name, label_user_name, "64", null, null, null, null, true, true, "username") }}
		<!-- Name -->
		{{ macro.input_field("text", "name", null, "name", label_name, name, label_name, "255", null, null, null, null, true, null, "name") }}
		<!-- Level -->
		{{ macro.input_field("text", "level", null, "level", label_level, level, label_level, null, null, null, null, null, null, null, null, true) }}
		<!-- Password -->
		{{ macro.input_field("password", "password", null, "password", label_password, null, placeholder_password, "255", null, null, null, null, null, null, "new-password") }}
		<!-- Password repeat -->
		{{ macro.input_field("password", "password_repeat", null, "password_repeat", label_password_repeat, null, placeholder_password, "255", null, null, null, null, null, null, "new-password") }}
		<!-- Email -->
		{{ macro.input_field("email", "email", null, "email", label_email, email, label_email, "255", null, null, null, null, true, null, "email") }}
		<!-- Mobile -->
		{{ macro.input_field("tel", "mobile", null, "mobile", label_mobile, mobile, label_mobile, "15", null, null, null, null, null, null, "tel") }}
	</fieldset>
	<!-- Pushover settings -->
	<fieldset>
        <legend>{{ label_pushover }}</legend>
        <p>{{ label_pushover_description|raw }}</p>
		<!-- pushover key -->
		{{ macro.input_field("text", "pushover_key", null, "pushover_key", label_pushover_key, pushover_key, label_pushover_key, "255", "pushover_key_help", label_pushover_key_description) }}
		<!-- pushover device -->
		{{ macro.input_field("text", "pushover_device", null, "pushover_device", label_pushover_device, pushover_device, label_pushover_device, "255", "pushover_device_help", label_pushover_device_description) }}
	</fieldset>
	<!-- Telegram settings -->
	<fieldset>
        <legend>{{ label_telegram }}</legend>
        <p>{{ label_telegram_description|raw }}</p>
		<!-- telegram id -->
		<div class="form-group">
                    <a class="btn btn-primary mb-2" href="{{ telegram_get_chat_id_url }}">{{ label_telegram_get_chat_id }}</a>
		</div>
		{{ macro.input_field("text", "telegram_id", null, "telegram_id", label_telegram_chat_id, telegram_id, label_telegram_chat_id, "255", "telegram_id_help", label_telegram_id_description) }}
		<button class="btn btn-primary show-modal" data-toggle="modal" data-modal-id="activateTelegram">{{ label_activate_telegram }}</button>
		{{ macro.input_hidden("activate_telegram", "0") }}
	</fieldset>
	<!-- Jabber settings -->
	<fieldset>
		<legend>{{ label_jabber }}</legend>
		<!-- jabber -->
		{{ macro.input_field("text", "jabber", null, "jabber", label_jabber, jabber, label_jabber, "255", "jabber_help", label_jabber_description) }}
    </fieldset>
    <!-- Discord settings -->
    <fieldset>
        <legend>{{ label_discord }}</legend>
        {{ macro.input_field("text", "discord", null, "discord", label_discord, discord, "https://discordapp.com/api/webhooks/xxxxx", "255", "discord_help", label_discord_description) }}
    </fieldset>
    <!-- Webhook settings -->
    <fieldset>
        <legend>{{ label_webhook }}</legend>
        <p>{{ label_webhook_description|raw }}</p>
        <!-- webhook url -->
        {{ macro.input_field("text", "webhook_url", null, "webhook_url", label_webhook_url, webhook_url, "https://test.com/api/abcde", "255", "webhook_url_help", label_webhook_url_description) }}
        <!-- webhook json -->
        {{ macro.input_field("text", "webhook_json", null, "webhook_json", label_webhook_json, webhook_json, "{\"text\":\"servermon: #message\"}", "255", "webhook_json_help", label_webhook_json_description) }}
    </fieldset>
	{{ macro.button_save(null, label_save) }}
</form>