{% extends 'base.html' %}
{% load static %}

{% block title %}
  Expenditure Form
{% endblock %}

{% block extra_css %}
<link rel="stylesheet" href="{% static 'CSS/expenditure.css' %}">
{% endblock %}

{% block head %}
  Expenditure Form
{% endblock %}

{% block header %}
  Enter Your Expenditure
{% endblock %}

{% block content %}
  <div class="expenditure_container">
    <form action="" method="post">
      {% csrf_token %}
      <label for="type">Money for</label>
      <input type="text" list="expend_type" name="type" id="" />
      <datalist id="expend_type">
        <option value="office"></option>
        <option value="payments"></option>
        <option value="food_allowance"></option>
        <option value="other_activity"></option>
      </datalist>
      <br /><br />
      <label for="info">short info</label>
      <textarea name="info" id="" cols="30" rows="5"></textarea>
      <br />
      <label for="amount">Amount</label>
      <input type="number" name="amount" id="" />

      <button type="submit">Send The Data</button>
    </form>
  </div>
{% endblock %}