<div>
    <label>{{langString "settings.languages.label"}}</label>
    <select id="languageSelect">
        {{#each languages}}
        <option value="{{id}}"{{#if active}} selected="selected"{{/if}}>{{name}}</option>
        {{/each}}
    </select>
</div>
<hr />
<div>
    <label>{{langString "settings.vibration.label"}}</label>
    <div class="switch">
        <label>
            {{langString "settings.vibration.off"}}
            <input type="checkbox" id="vibrationCheckbox"{{#if vibration}} checked="checked"{{/if}} />
            <span class="lever"></span>
            {{langString "settings.vibration.on"}}
        </label>
    </div>
</div>
<hr />
<div>
    <label>{{langString "settings.wavesEffect.label"}}</label>
    <div class="switch">
        <label>
            {{langString "settings.off"}}
            <input type="checkbox" id="wavesEffectCheckbox" {{#if wavesEffect}} checked="checked" {{/if}} />
            <span class="lever"></span>
            {{langString "settings.on"}}
        </label>
    </div>
    <p>{{langString "settings.wavesEffect.description"}}</p>
</div>
<hr />
<div>
    <label>Newsfeeds</label>
    {{#if error}}
    <p>{{error}}</p>    
    {{/if}}
    {{#each feeds}}
    <p>
        <input type="checkbox" class="filled-in" id="{{id}}" name="{{id}}" {{checked}}/>
        <label for="{{id}}">{{displayName}}</label>
    </p>
    {{/each}}
</div>
<hr />
<a id="showChangelog" class="waves-effect btn">{{langString "settings.showChangelog.buttonLabel"}}</a>
<hr />
<a id="clearData" class="waves-effect btn">{{langString "settings.clearData.buttonLabel"}}</a>