{% extends 'layout.html' %}
{% block content %}
  {% if view_name not in ['artifact', 'place'] %}
    <div class="container">
      {% if view_name == 'file' %}
        <p>
          {{ _('max size')|uc_first }}:
          <span style="font-weight: bold;">{{ g.settings.file_upload_max_size }} MB</span>.
          {{ _('if exceeded you will receive a connection error')|uc_first }}.
          {{ _('allowed extensions')|uc_first }}:
          <span style="font-weight: bold;">{{ ', '.join(g.settings.file_upload_allowed_extension) }}</span>
        </p>
      {% endif %}
      {% if view_name == 'file' and not writable %}
        <span class="error">{{ _('directory not writable')|uc_first }}</span>
      {% else %}
        {{ form|display_form(manual_page='entity/' + view_name)|safe }}
      {% endif %}
    </div>
  {% else %}
    <div class="row">
      <div class="col">
        <div class="row">
          <div id='map-info-display' style="float:left;">
            {{ form|display_form(manual_page='entity/' + view_name)|safe }}
          </div>
        </div>
      </div>
      <div class="col-lg-7 d-flex align-items-stretch">
        <div onclick="toggleMapWidth(this)" class="d-none btn btn-light d-lg-flex align-items-center"><i class="fas fa-chevron-right"></i></div>
        <div id="map" class="map"></div>
      </div>
    </div>
    <link rel="stylesheet" href="/static/node_modules/leaflet-draw/dist/leaflet.draw.css">
    <script src="/static/node_modules/leaflet-draw/dist/leaflet.draw.js"></script>
    <script src="/static/js/map/map.js"></script>
    <script src="/static/js/map/draw.js"></script>
  {% endif %}
  <div class="container">{{ view_name|display_citation_example|safe }}</div>
{% endblock %}