{% extends 'modal_base.html' %}
{% load i18n %}

{% block title %}
    {% if object.pk %}
	    {% trans 'Edit image' %}
    {% else %}
        {% trans 'New image' %}
    {% endif %}
{% endblock %}

{% block body %}
    <form action="{% if object.pk %}{{ workshopstepimage.get_edit_url }}{% else %}{% url 'workshops:step-image-create' workshop_uuid=workshop.pk %}{% endif %}"
          method="post" enctype="multipart/form-data" id="workshop-image-form">{% csrf_token %}
        <div class="modal-body">
            {% include 'extras/form.html' with display='block' %}
        </div>
        <div class="modal-footer clearfix">
            <button type="button" class="btn btn-default pull-left" data-dismiss="modal">{% trans 'Cancel' %}</button>
            <input class="btn btn-danger pull-right" type="submit" value="{% trans 'Confirm' %}" />
        </div>
    </form>
    <script type="text/javascript">
        $('#workshop-image-form').autoAjaxForm();
    </script>
{% endblock %}