{% load bootstrap %}
{% load staticfiles %}


<div class="panel panel-info" >
    <div class="panel-heading">
        {% if lang == 'hr'%}
            Postavke sloja [{{ layer_name }}]
        {% else %}
            Layer properties [{{ layer_name }}]
        {% endif %}
    </div>

    <div class="panel-body">
        <form id="layer_properties_form" action="{% url "Applications.Devices.Maps.views.maps_view_layer_properties" %}" method="post"  enctype="multipart/form-data" style="margin: 0">
            {% csrf_token %}
            <input id="edit_layer_id_input" type="hidden" name="layer_id" value="{{ layer_id }}">
            <input id="edit_layer_geojson_input" type="hidden" name="geojson" value="">
            {% for field in form %}
                {{ field.label }}<br>
                {{ field}}
            {% endfor %}
        </form>
    </div>

    <div class="panel-footer">
        <div class="btn-group btn-group-justified" data-toggle="buttons" style="padding-bottom: 5px;padding-top: 5px" >
            <div class="btn-group" role="group">
                <button id="submit_visual_properties_button" type="button" class="btn btn-primary btn-xs" onclick="mapLayersSubmitVisualProperties()">
                    {% if lang == 'hr'%}
                        Spremi
                    {% else %}
                        Save
                    {% endif %}
                </button>
            </div>
            <div class="btn-group" role="group">
                <label class="btn btn-default btn-xs">
                    <input id="edit_layer_checkbox" type="checkbox" value="" onchange="mapLayersEditingChanged({{ layer_id }}, this)">
                    {% if lang == 'hr'%}
                        Izmjeni
                    {% else %}
                        Edit
                    {% endif %}
                </label>
            </div>
        </div>
    </div>
</div>