{% extends 'base.html' %}

{% block content %}
<div class="edit-form">


    <form class="pure-form pure-form-stacked" action="/settings" method="POST">
        <fieldset>
            <div class="pure-control-group">
                <label for="minutes">Maximum time in minutes until recheck.</label>
                <input type="text" id="minutes" required="" name="minutes" value="{{minutes}}"
                       size="5"/>
                <span class="pure-form-message-inline">This is a required field.</span>
            </div>
            <br/>
            <hr>
            <div class="pure-control-group">
                <label for="minutes">Password protection</label>
                <input type="password" id="password" name="password" size="15"/>
                {% if current_user.is_authenticated %}
                    <a href="/settings?removepassword=true" class="pure-button pure-button-primary">Remove password</a>
                {% endif %}
            </div>

            <br/>
            <hr>

            <div class="pure-control-group">
                <label for="minutes">Global notification settings</label><br/>
                Notification URLs <a href="https://github.com/caronc/apprise"> see Apprise examples</a>.
                <textarea style="overflow-wrap: normal;  overflow-x: scroll;" id="notification_urls" name="notification_urls" cols="80"
                          rows="6" wrap=off placeholder="Example:

Gitter - gitter://token/room
Office365 - o365://TenantID:AccountEmail/ClientID/ClientSecret/TargetEmail
AWS SNS - sns://AccessKeyID/AccessSecretKey/RegionName/+PhoneNo
SMTPS - mailtos://user:pass@mail.domain.com?to=receivingAddress@example.com
">{{notification_urls}}</textarea>
            </div>
                <div class="pure-controls">
                    <span class="pure-form-message-inline"><label for="trigger-test-notification" class="pure-checkbox">
                        <input type="checkbox" id="trigger-test-notification" name="trigger-test-notification"> Send test notification on save.</label></span>

                </div>

            <br/>
            <div class="pure-control-group">
                <button type="submit" class="pure-button pure-button-primary">Save</button>
            </div>
            <br/>

            <div class="pure-control-group">
                <a href="/" class="pure-button button-small button-cancel">Back</a>
                <a href="/scrub" class="pure-button button-small button-cancel">Delete history version data</a>
            </div>


        </fieldset>
    </form>


</div>

{% endblock %}