{% extends "base.html" %}
{% block body %}

<h1 class="ui header">
  <i class="user icon"></i>
  Account Settings
</h1>

<p><b>Username:</b> <code>{{ current_user.username }}</code>
<p><b>Editor Id:</b> <code><a href="/editor/{{ current_user.editor_id }}">{{ current_user.editor_id }}</a></code>

<br>
<div class="ui segment">
<h3 class="ui header">Change Username</h3>
<form class="" role="change_username" action="/auth/change_username" method="post">
  <input type="hidden" name="csrf_token" value="{{ csrf_token() }}"/>
  <div class="ui form">
    <div class="ui action input medium">
      <input type="text" name="username" value="{{ current_user.username }}" aria-label="account username">
      <button class="ui red button">Update</button>
    </div>
  </div>
</form>
</div>

<br>
<p>In the future, you might be able to...
<ul>
  <li>Create a bot user
  <li>Generate an API token
</ul>

{% endblock %}