{% csrf_token %}
<div class="form-row">
    <div class="form-group col-md-3">
        <label for="id_want_choice">Do or Do not</label>
        {{ user_want_form.want_choice }}
    </div>
    <div class="form-group col-md-6">
        <label for="id_want_choice_text">Description</label>
        {{ user_want_form.want_choice_text }}
    </div>
    <div class="form-group col-md-3">
        <label for="id_want_skill">Skill Level</label>
        {{ user_want_form.want_skill }}
    </div>
</div>
<div class="form-group">
    <input id="submit_want" value="Submit" type="submit" class="btn btn-primary">
</div>


{% if want_results %}
    <h5 class="mt-4">User Wants</h5>
    <table class="table table-hover table-striped">
        <thead>
            <tr>
                <td width="80%">Description</td>
                <td width="20%">Remove</td>
            </tr>
        </thead>
        {% for row in want_results %}
            <tr>
                <td>{{ row.want_choice_text }}</td>
                <td><a href="javascript:void(0)" onclick="user_want_remove({{ row.user_want_id }})">Remove</a></td>
            </tr>
        {% endfor %}
    </table>
{% endif %}

{% if not_want_results %}
    <h5 class="mt-4">User Does not Want</h5>
    <table class="table table-hover table-striped">
        <thead>
            <tr>
                <td width="80%">Description</td>
                <td width="20%">Remove</td>
            </tr>
        </thead>
        {% for row in not_want_results %}
            <tr>
                <td>{{ row.want_choice_text }}</td>
                <td><a href="javascript:void(0)" onclick="user_want_remove({{ row.user_want_id }})">Remove</a></td>
            </tr>
        {% endfor %}
    </table>
{% endif %}
