{% extends 'base.html' %}


{% block content %}

<div class="section"><div class="container">

<h1 class="title">New achievement</h1>
<form action="" method="post">
    {{ form.csrf }}

    <div class="field">
        <label class="label" for="{{form.name.label.for}}">Name</label>
        <div class="control has-icons-left has-icons-right">
            <input id="{{form.name.id}}" name="{{form.name.name}}" type="{{form.name.type}}" value="{{form.name.value}}" required="{{form.name.required}}" class="input" placeholder="the bestest boi" >
            <span class="icon is-small is-left">
                <i class="fas fa-user"></i>
            </span>
            <span class="icon is-small is-right">
                <i class="fas fa-check"></i>
            </span>
        </div>
    </div>

    <div class="field">
        <div class="control">
            <button class="button is-link">Add</button>
        </div>
    </div>
</form>

</div></div>

{% endblock %}