{% extends 'global.html'%}

{% block title %}Submit a photo album{% endblock %}

{% block additional_menu_items %}
<li class="LP-Menu__Item LP-Menu__Item--additional"><a href="{% url 'place_edit' pk=place.pk %}" class="LP-Link"><span
			class="LP-Link__Text">Edit place</span></a></li>
<li class="LP-Menu__Item LP-Menu__Item--additional"><a href="{% url 'place_delete' pk=place.pk %}" class="LP-Link"><span
			class="LP-Link__Text">Delete place</span></a></li>
{% endblock additional_menu_items %}

{% block maincontent %}
<form class="LP-Form" method="POST">
    <fieldset class="LP-Form__Fieldset">
        <legend class="LP-Form__Legend">Submit a photo album for {{place.name}}</legend>
        {% csrf_token %}
        <div class="LP-Form__Composition">
            <div class="LP-Form__Field">
                {% include 'partials/form/inputField.html' with field=form.url %}
            </div>
        </div>

        <div class="LP-Form__Composition">
            <div class="LP-Form__Field">
                {% include 'partials/form/inputField.html' with field=form.label %}
            </div>
        </div>

        <div class="LP-Form__Composition LP-Form__Composition--buttons">
            <div class="LP-Form__Field LP-Form__Button LP-Input">
                <button class="LP-Button">Submit</button>
            </div>
            <div class="LP-Form__Field LP-Form__Button LP-Input">
                <a class="LP-Link" href="{% url 'place_detail' pk=place.id%}">
                    <button type="button" class="LP-Button LP-Button--cancel">Cancel</button>
                </a>
            </div>
        </div>
    </fieldset>
</form>
{% endblock maincontent %}