{% extends "layouts/content" %}
{% block content %}
<article>
    <h1>Настройки</h1>
    <form action="/settings" method="POST" enctype="multipart/form-data">
        <fieldset>
            <legend>Notification options</legend>
            <p><input type="checkbox" name="jnotify" value="1" {% if notify_options.repliesEnabled %}
                      checked="checked" {% endif %}/> Reply notifications (&quot;Message posted&quot;)</p>
            <p><input type="checkbox" name="subscr_notify" value="1" {% if notify_options.subscriptionsEnabled %}
                      checked="checked" {% endif %}/> Subscriptions notifications (&quot;@user subscribed...&quot;)</p>
            <p><input type="checkbox" name="recomm" value="1" {% if notify_options.recommendationsEnabled %}
                      checked="checked" {% endif %}/> Posts recommendations (&quot;Recommended by @user&quot;)</p>
            <p><input type="hidden" name="page" value="main"/><input type="submit" value="  OK  "/></p>
        </fieldset>
    </form>
    <fieldset>
        <legend style="background: url(//telegram.org/favicon.ico?3) no-repeat; padding-left: 58px; line-height: 48px;">
            Telegram</legend>
        {% if telegram_name is not empty %}
        <form action="/settings" method="post">
            <div>Telegram: <b>{{ telegram_name }}</b> &mdash;
                <input type="hidden" name="page" value="telegram-del"/>
                <input type="submit" value="  Disable  "/>
            </div>
        </form>
        {% else %}
        <p>To connect Telegram account: send any text message to <a href="https://telegram.me/Juick_bot">@Juick_bot</a>
        </p>
        {% endif %}
    </fieldset>
    <form action="/settings" method="POST" enctype="multipart/form-data">
        <fieldset>
            <legend style="background: url(//static.juick.com/settings/xmpp.png) no-repeat; padding-left: 58px; line-height: 48px;">
                XMPP accounts
            </legend>
            <p>Your accounts:</p>
            <p>
                {% for jid in jids %}
                <label><input type="radio" name="delete" value="xmpp;{{ jid }}">{{ jid }}</label><br/>
                {% endfor %}
                {% for auth in auths %}
                <label><input type="radio" name="delete"
                              value="xmpp-unauth;{{ auth.account }}">{{ auth.account }}</label>
                &mdash; <a href="#"
                           onclick="alert(\'To confirm, please send &quot;AUTH {{ auth.getAuthCode() }}&quot; (without quotes) from this account to &quot;juick@juick.com&quot;.\'); return false;">Confirm</a><br/>
                {% endfor %}
            </p>
            {% if jids is not empty %}
            <p><input type="hidden" name="page" value="jid-del"/><input type="submit" value="  Delete  "/></p>
            {% endif %}
            <p>To add new jabber account: send any text message to <a href="xmpp:juick@juick.com?message;body=login">juick@juick.com</a>
            </p>
        </fieldset>
    </form>
    <fieldset>
        <legend style="background: url(//static.juick.com/settings/email.png) no-repeat; padding-left: 58px; line-height: 48px;">
            E-mail
        </legend>
        <form action="/settings" method="POST" enctype="multipart/form-data">
            <p>Add account:<br/>
                <input type="text" name="account"/>
                <input type="hidden" name="page" value="email-add"/>
                <input type="submit" value="  Add  "/>
            </p>
        </form>
        <form action="/settings" method="POST" enctype="multipart/form-data">
            <p>Your accounts:</p>
            <p>
                {% for email in emails %}
                <label><input type="radio" name="account" value="{{ email }}">{{ email }}</label><br/>
                {% endfor %}
                {% if emails is empty %}
                - </p>
            {% else %}
            </p>
            <p><input type="hidden" name="page" value="email-del"/><input type="submit" value="  Delete  "/></p>
            {% endif %}
        </form>
        {% if emails is not empty %}
        <!--email_off-->
        <form action="/settings" method="POST" enctype="multipart/form-data">
            <p>You can receive all your subscriptions by email:<br/>
                Sent to <select name="account">
                    <option value="">Disabled</option>
                    {% for email in emails %}
                    <option value="{{ email }}" {% if eopts.email == email %} selected="selected" {% endif %}>
                        {{ email }}
                    </option>
                    {% endfor %}
                </select> every day at <select name="time">
                    {% for hour in hours %}
                    <option value="{{ hour }}" {% if eopts.subscriptionHour == hour %} selected="selected" {%
                            endif %}>
                        {{ hour }}:00 GMT
                    </option>
                    {% endfor %}
                </select>
                <input type="hidden" name="page" value="email-subscr"/>
                <input type="submit" value="OK"/></p>
        </form>
        <!--/email_off-->
        {% endif %}
        <p>&nbsp;</p>
        <p>You can post to Juick via e-mail. Send your <span style="text-decoration: underline">plain text</span>
            messages to <span><a href="mailto:juick@juick.com">juick@juick.com</a></span>. You can attach one photo or video file.</p>
    </fieldset>
    <fieldset>
        <legend style="background: url(//static.juick.com/settings/facebook.png) no-repeat; padding-left: 58px; line-height: 48px;">
            Facebook
        </legend>
        {% if fbstatus.connected %}
        {% if fbstatus.crosspostEnabled %}
        <form action="/settings" method="post">
            <div>
                Facebook: <b>Enabled</b> &mdash;
                <input type="hidden" name="page" value="facebook-disable"/>
                <input type="submit" value="  Disable  "/>
            </div>
        </form>
        {% else %}
        <form action="/settings" method="post">
            <div>
                Facebook: <b>Disabled</b> &mdash;
                <input type="hidden" name="page" value="facebook-enable"/>
                <input type="submit" value="  Enable  "/>
            </div>
        </form>
        {% endif %}
        {% else %}
        <p>Cross-posting to Facebook: <a href="/_fblogin"><img src="//static.juick.com/facebook-connect.png" alt="Connect to Facebook"/></a></p>
        {% endif %}
    </fieldset>
    <fieldset>
    <legend style="background: url(//static.juick.com/settings/twitter.png) no-repeat; padding-left: 58px; line-height: 48px;">
        Twitter</legend>
    {% if twitter_name is not empty %}
    <form action="/settings" method="post">
        <div>Twitter: <b>{{ twitter_name }}</b> &mdash;
            <input type="hidden" name="page" value="twitter-del"/>
            <input type="submit" value="  Disable  "/>
        </div>
    </form>
    {% else %}
    <p>Cross-posting to Twitter: <a href="/_twitter"><img src="//static.juick.com/twitter-connect.png"
                                                          alt="Connect to Twitter"/></a></p>
    {% endif %}
    </fieldset>

</article>
{% endblock %}
{% block "column" %}
{% include "views/partial/settings_tabs" %}
{% endblock %}