{% extends 'base.html' %}
{% block content %}
<div class="container-lg">
    {% if error %}<div class="alert alert-warning">{{error}}</div>{% endif %}
    <form action="{% url 'watchlist:delete' movie.id %}" method="post">
        {% csrf_token %}
        <input type="submit" value="Delete movie" class="btn btn-danger">
    </form>
    <form action="{% url 'watchlist:edit' movie.id %}" method="post">
        {% csrf_token %}
        <div>
            <label class="form-label" for="name">Movie name</label>
            <input class="form-control" id="name" name="name" value="{{movie.name}}">
        </div>
        <div>
            <label class="form-label" for="suggested_by" name="suggested_by">Suggested by</label>
            <div class="row">
                <div class="col-auto">
                    <select class="form-select" id="suggested_by" name="suggested_by">
                        {% if request.user.is_staff %}
                        {% for user in users %}
                        <option value="{{ user.username }}" {% if user.username == movie.suggested_by.username %} selected {% endif %} >{{user.username}}</option>
                        {% endfor %}
                        {% else %}
                        <option value="{{ movie.suggested_by.username }} disabled">{{movie.suggested_by.username}}</option>
                        {% endif %}
                    </select>
                </div>
            </div>
        </div>
        <div>
            <label class="form-label" for="imdb_id">IMDB id</label>
            <div class="row">
                <div class="col-auto">
                    <input class="form-control" id="imdb_id" name="imdb_id" {% if movie.imdb_id %}value="{{movie.imdb_id}}"{%endif%}>
                    <div class="form-text">ID like <code>tt5580390</code> or whole URL.</div>
                </div>
                <div class="col-3">
                    <a class="btn btn-secondary" href="https://www.imdb.com/find/?q={{movie.name}}" referrerpolicy="no-referrer" target="_blank">Search</a>
                </div>
            </div>
        </div>
        <div>
            <label class="form-label" for="csfd_id">ČSFD id</label>
            <div class="row">
                <div class="col-auto">
                    <input class="form-control" id="csfd_id" name="csfd_id" {% if movie.csfd_id %}value="{{movie.csfd_id}}"{%endif%}>
                    <div class="form-text">ID like <code>277495</code> or whole URL.</div>
                </div>
                <div class="col-3">
                    <a class="btn btn-secondary" href="https://www.csfd.cz/hledat/?q={{movie.name}}" referrerpolicy="no-referrer" target="_blank">Search</a>
                </div>
            </div>
        </div>
        <input type="submit" value="Submit" class="btn btn-primary">
    </form>
</div>
{% endblock %}