{% extends "base.html" %}

{% load static %}

{% block title %}Update count{% endblock %}

{% block scripts %}
<script src="{% static "js/count_edit.js" %}"></script>
{% endblock %}

{% block content %}
<h1 class="center">Update count</h1>
<form method="post">
  <div class="col s12 card" id="edit-arrowcount-form">
    <div class="card-content">
      {% csrf_token %}
      <div class="row">
        {{ form.as_p }}
      </div>
      <div class="row">
         <button class="count-up green waves-effect waves-light btn-large"
                type="button">
          <i class="large material-icons">add</i>
        </button>
      </div>
      <div class="row">
        <button class="count-down red waves-effect waves-light btn-large"
                type="button">
          <i class="large material-icons">remove</i>
        </button>
      </div>
    </div>
    <div class="card-action">
      <a href="#"><button type="submit">Save</button></a>
    </div>
  </div>
</form>
{% endblock %}