{% extends 'global.html'%}
{% load static %}

# {% block title %}Place erstellen{% endblock %}

{% block maincontent %}
<form class="LP-Form" method="POST" enctype="multipart/form-data">
    <fieldset class="LP-Form__Fieldset">
        <legend class="LP-Form__Legend">Create Place</legend>
        {% csrf_token %}
        <div class="LP-Form__Composition LP-Form__Composition--breakable">
            <div class="LP-Form__Field">
                {% include 'partials/form/inputField.html' with field=place_form.name %}
            </div>
            <div class="LP-Form__Field">
                {% include 'partials/form/inputField.html' with field=place_form.location %}
            </div>
        </div>

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

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

        <div class="LP-Form__Composition">
            <div class="LP-Form__Field">
                {% include 'partials/form/inputField.html' with field=place_image_form.filename %}
            </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">Create</button>
            </div>
            <div class="LP-Form__Field LP-Form__Button LP-Input">
                <a class="LP-Link" href="{% url 'place_list' %}">
                    <button type="button" class="LP-Button LP-Button--cancel">Cancel</button>
                </a>
            </div>
        </div>
    </fieldset>

</form>

{% endblock maincontent %}