{% extends "layout.html" %}

{% block body %}

<h4> Update your profile details </h4>

<p class="text-muted"> Please fill in the details below and click update button </p>

<form role="form" method="POST" action="{{ url_for('user.profile') }}">

  <div class="form-group">

    <label for="username">Username</label>

    <input type="text" class="form-control" name="username" id="username"

    placeholder="Username you are going to use" value="{{ user.username}}">

  </div>

  <div class="form-group">

    <label class="control-label">Email</label>

    <div class="">

      <p class="form-control-static">{{ user.email }}</p>

    </div>

  </div>

  <div class="form-group">

    <label class="control-label">Account created </label>

    <div class="">

      <p class="form-control-static" id="user-created">

      {{ user.created }}

      </p>

    </div>

  </div>

  <button type="submit" class="btn btn-primary">Update</button>

</form>

{% endblock %}

{% block scripts %}

<script>

  var created = new Date("{{ user.created }}");

  window.onload = function() {

    $('#user-created').html(created.toString());

  };

</script>

{% endblock %}