{% extends 'base.html' %}
{% block content %}
<div class="container-lg">
    <h1>Watchlist</h1> 
    <ul>
        {% for movie in object_list %}
        <li><a href="{% url 'watchlist:detail' movie.id %}">{{movie.name}}</a>{% if movie in voted_movies %}<sup>*</sup>{% endif %} &mdash; {{movie.score}}</li>
        {% endfor %}
    </ul>
    {% if can_add_movie %}
    <h2>Submit new movie</h2>
    <form action="{% url 'watchlist:submit' %}" method="post">
        {% csrf_token %}
        <label class="form-label" for="name">Movie name</label>
        <input class="form-control" type="text" id="name" name="name" required>
        <input class="btn btn-primary" type="submit" value="Sumbit">
    </form>
    {% endif %}
</div>
{% endblock %}