editcategory.html

{% extends 'base.html' %}
{% block title %}Edit Category{% endblock %}
{% block content %}

<!-- Edit Category page -->
<div class="row">
  <h3><i class="fas fa-edit"></i> Edit Category</h3>

  <!-- form -->
  <form action="{{ url_for('update_category', category_id=category._id) }}" method="POST" class="col s12">
    <div class="row">
      <div class="input-field col s12">
        <i class="material-icons prefix">category</i>
        <input id="category_name" name="category_name" type="text" class="validate" required="" aria-required="true" value="{{category.category_name}}">
        <label for="category_name" data-error="wrong" data-success="right">Category name</label>
      </div>
    </div>
    <!-- buttons -->
    <div class="row">
      <button class="waves-effect waves-light btn grey" type="submit" name="action">Edit Category
        <i class="material-icons right">playlist_add</i>
      </button>
      <a class="waves-effect waves-light btn btn-cancel grey" href="{{url_for('get_categories')}}">Cancel
        <i class="material-icons right">cancel</i>
      </a>
    </div>
  </form>
</div>

{% endblock %}