{% extends "admin/base_site.html" %}
{% load static %}
{% load i18n %}

{% block content %}
    {% if app_list %}
        <div id="user-dashboard">
            <div class="user-model-list">
            {% for app in app_list %}

                {% if app.name == 'Metadata' %}

                    <p><b>Metadata-Management</b></p>

                    <div>
                        {% include "./custom_model_link.html" with name='Metadata records' text='Edit the basic metadata for your data.' %}
                    </div>

                    <br>

                {% endif %}
            {% endfor %}

            {% for app in app_list %}
                {% if app.name == 'Main' %}

                    <p><b>Data-Management</b></p>

                    <div>
                        {% include "./custom_model_link.html" with name='Buckets' text='Setup for storing your data.<br>(Begin every new project with a new S3-Bucket.)' %}
                    </div>

                    {% include "./custom_model_link.html" with name='Projects' text='Setup for a WebGIS.<br>Begin here to create a new viewer (Make basic adjustments and edit the content of about-page, FAQ and imprint).' %}

                    <div>
                        {% include "./custom_model_link.html" with name='WMS-Data-Layers' text='For raster data (based on NetCDF or GeoJSON-Files).<br>Go here if you want to configure a WebGIS-layer, which should consist of tiles (images served by WMS).' %}
                        {% include "./custom_model_link.html" with name='WMS-Map-Legends' text='Go here if you have configured a WMS-Data-Layer and want to change the appearance in the WebGIS.'%}
                    </div>
                    <div>
                        {% include "./custom_model_link.html" with name='WFS-Data-Layers' text='For vector data (currently based on Shapefiles).<br>Go here if you want to configure a WebGIS-layer, which should consist of polygons (GeoJSON served by WFS).' %}
                    </div>
                    <div>
                        {% include "./custom_model_link.html" with name='STA-Data-Layers' text='Go here if you want to configure a WebGIS-layer, which should show timeseries-data at certain locations (point data). The data could be retrieved by an external SensorthingsAPI (STA) or could be imported from an CSV-file (contact your admin first).' %}
                        {% include "./custom_model_link.html" with name='STA-Map-Legends' text='Go here if you have configured a STA-Data-Layer and want to change the appearance in the WebGIS (colors and size of data points).' %}
                    </div>
                    <div>
                        {% include "./custom_model_link.html" with name='GeoJSON-Data-Layers' text='For point-, polyline- or polygon-data (based on GeoJSON-Files).<br>Go here if you want to display data from a plain file with geometries (at one point in time) in the WebGIS.' %}
                    </div>

                    <div>
                        {% include "./custom_model_link.html" with name='Areas' text='Arrange and manage your configured WebGIS-layers to individual groups (and define the order, default-layer and description).' %}
                    </div>
                    <div>
                        {% include "./custom_model_link.html" with name='Area-SubCategories' text='Add filter-options to your viewer to search for layers by certain categories (useful when having a large number of layers in one area and necessary for using a TreeMenu).' %}
                    </div>

                    <br>
                {% endif %}
            {% endfor %}

            {% for app in app_list %}

                {% if app.name == 'Drawing-Tool' %}

                    <p><b>Drawing-Tool-Module</b></p>
                    <div>
                        {% include "./custom_model_link.html" with name='Drawing-Tools' text='Coming soon...' %}
                    </div>
                    <div>
                        {% include "./custom_model_link.html" with name='Objects' text='Coming soon...' %}
                    </div>
                    <div>
                        {% include "./custom_model_link.html" with name='Object-Properties' text='Coming soon...' %}
                    </div>
                    <div>
                        {% include "./custom_model_link.html" with name='Property-Constraints' text='Coming soon...' %}
                    </div>

                    <br>

                {% endif %}
            {% endfor %}

            {% for app in app_list %}

                {% if app.name == 'Data-Import' %}

                    <p><b>Data-Import</b></p>
                    <div>
                        {% include "./custom_model_link.html" with name='CSV-Import-Jobs' text='See the status of importing CSV-files.' %}
                        {% include "./custom_model_link.html" with name='CSV-Parser' text='Create a configuration for parsing data from a CSV-file.' %}
                    </div>
                    <div>
                        {% include "./custom_model_link.html" with name='Point-Data' text='Coming soon...' %}
                    </div>

                    <br>

                {% endif %}
            {% endfor %}
            <hr>
            </div>
        </div>

        <div id="user-dashboard-footer">
            <a class="footer-logo" href="https://www.ufz.de/rdm" target="_blank">
                <img id="rdm-logo" src="{% static 'RDM_logo.png' %}" alt="RDM" height="50px">
            </a>

            <a id="footer-note" class="footer-logo" href="https://codebase.helmholtz.cloud/ufz-sdi/spatialio" target="_blank">
                spatial.IO 2024
            </a>

            <a class="footer-logo" href="https://datahub.erde-und-umwelt.de/en/" target="_blank">
                <img id="datahub-logo" src="{% static 'datahublogo.svg' %}" alt="DataHub" height="40px">
            </a>
        </div>

    {% else %}
      <p>{% translate 'You don’t have permission to view or edit anything.' %}</p>
    {% endif %}
{% endblock %}


{% block extrastyle %}{{ block.super }}
<style>

    #user-dashboard {
        text-align: center;
    }

    #user-dashboard-footer {
        text-align: center;
    }

    .footer-logo {
        margin: 20px;
    }

    #footer-note {
        margin: 20px 50px 0;
        font-size: 11px;
        color: #646464;
    }

    .user-model-list {
        max-width: 500px;
        margin: auto;
    }

</style>
{% endblock %}