{% extends "base.html" %}

{% block title %}{{ locale.settings }} - {{ locale.app_name }}{% endblock %}

{% block content %}
    
    <div class="container grid px-6 mx-auto">

        <h2 class="my-6 text-2xl font-semibold text-gray-700 dark:text-gray-200">
            {{ locale.settings }}
        </h2>

        <div class="w-full overflow-hidden rounded-lg shadow-2xl ">

            <div class="w-full overflow-x-auto bg-white dark:bg-gray-800 px-4 py-3 text-gray-700 dark:text-gray-400">
                {{ locale.under_development }}
            </div>

        </div>

    </div>

{% endblock %}

{% block js %}

    <script src="{{ assets }}/js/popper.min.js"></script>
    <script src="{{ assets }}/js/tippy-bundle.umd.min.js"></script>
    <script defer src="{{ assets }}/js/focus-trap.js"></script>

{% endblock %}