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

<div class="modal-header">
    <h4 class="modal-title">
        <p><img class="media-object" src="{%static "img/info-128.png" %}" alt="..." style="width: 30px;float:left;margin-right: 10px">
            Edit map layers
        </p>
    </h4>
</div>
<div class="modal-body">
    {% if documents %}
        {% for document in documents %}
            <form id="form" action="{% url "Applications.Devices.Maps.views.maps_delete_layers" %}" method="post" enctype="multipart/form-data" style="margin: 0">
                {% csrf_token %}
                <ul class="list-group">
                    <li class="list-group-item">
                        <div class="row">
                            <div class="col-sm-9">
                                <a href="{{ document.path.url }}">{{ document.name }}</a>
                            </div>
                            <div class="col-sm-3">
                                <input type="hidden" name="layer_id" value="{{ document.id_llmaplayers }}">
                                <button id="delete_layer" name="Delete" type="submit" style="width: 100%; padding: 0px" >
                                    {% if lang == 'hr'%}
                                        Ukloni
                                    {% else %}
                                        Delete
                                    {% endif %}
                                </button>
                            </div>
                        </div>
                    </li>
                </ul>
            </form>
        {% endfor %}
    {% else %}
        <p>No documents.</p>
    {% endif %}
    <hr>
    <form id="form" action="{% url "Applications.Devices.Maps.views.maps_view_layers" %}" method="post" enctype="multipart/form-data" onsubmit="return mapLayersValidateFile('id_path')" style="margin: 0">
        {% csrf_token %}

        <div class="row">
            <div class="col-sm-5">
                <p id="p_marker">
                    {{ form.path.errors }}
                    {{ form.path }}
                </p>
            </div>
            <div class="col-sm-5">
                {{ form.layer_name }}
            </div>
            <div class="col-sm-2">
                <p id="p_marker">
                    <button id="button_padding" name="Upload" type="submit" value="Upload" style="width: 100%; padding: 0 0 0 0">
                        {% if lang == 'hr'%}
                            Prebaci
                        {% else %}
                            Upload
                        {% endif %}
                    </button>
                </p>
            </div>
        </div>

    </form>

</div>

<div class="modal-footer">
    <div class="btn-group btn-group-justified" data-toggle="buttons" style="padding-bottom: 10px;padding-top: 5px" >
        <div class="btn-group" role="group">
            <button type="button" class="btn btn-primary" data-dismiss="modal">
                {% if lang == 'hr'%}
                    Zatvori
                {% else %}
                    Close
                {% endif %}
            </button>
        </div>
    </div>
</div>