{% extends "layout.html" %}

{% block title %}Settings for {{ g.user.nickname }} - DotaNoobs {% endblock %}

{% block content %}
<div class="uk-grid" data-uk-grid-margin>
    <div class="uk-width-2-3">
        <h2 class="uk-float-left"><img class="" src="{{ user.avatar }}" />&nbsp;{{ user.nickname }}</h2>
    </div>
    <div class="uk-width-1-3 uk-text-center">
    </div>
    <!--Main content area -->
    <div class="uk-width-large-2-3 uk-width-medium-1-1 uk-panel">
        <form class="uk-form uk-form-width-large" action="" method="post" name="settings">
            {{ form.hidden_tag() }}
            <fieldset data-uk-margin>
                <legend>Settings</legend>
                <div class="uk-form-row">
                    <ul class="uk-list">
                        <li><label class="uk-form-label"> {{ form.public }} Public Profile</label></li>
                        <li><label class="uk-form-label"><input type="checkbox" disabled> Show Big Logo</label></li>
                        <li><label class="uk-form-label"><input type="checkbox" disabled> Nonexistant Setting</label></li>
                    </ul>
                </div>
                <div class="uk-form-row">
                    <label class="uk-form-label">Twitch.tv Username:</label> <br/>
                    {{ form.twitch(placeholder="e.g. shaneomad") }}
                </div>
                <div class="uk-form-row">
                    <label class="uk-form-label">Biography text:</label><br/>
                    {{ form.bio_text(rows=14, class='uk-width-1-1', data=g.user.bio_text,  placedholder='What you place here is displayed in your profile when other users view it.') }}
                </div>
                <div class="uk-form-controls uk-margin-top">
                    <button class="uk-button uk-button-success" type="submit">Save</button>
                    <a class="uk-button" href="{{ url_for('user_profile', userid=g.user.id) }}">Cancel</a>
                </div>
            </fieldset>
        </form>
    </div>
</div>
{% endblock %}