{% extends "base.html" %}
{% load static %}
{% load crispy_forms_tags %}

{% block content %}
    <div class="row d-flex justify-content-center">
        <div class="col bg-light mt-lg-4 p-4 border border-success border-opacity-25 rounded">
            <h1>Update feature images for <strong>{{ resource.name }}</strong> resource</h1>

            <p>The current thumbnails for this resource are:</p>

            <ul>
                {% for t in resource.thumbnail_filenames %}
                    <li><em>{{ t }}</em></li>
                {% endfor %}
            </ul>

            <form action="{% url "resources:resource_update_thumbnails" resource.id %}"
                  method="post" enctype="multipart/form-data">
                {% csrf_token %}
                {% crispy form form.helper %}
            </form>

            <button class="btn btn-danger" onclick="location.href='{{ resource.get_absolute_url }}';">Cancel</button>
        </div>
    </div>


{% endblock %}