{% extends "base.html" %}

{% block content %}



<div class="row w-100 m-0">
    <div class="col-12 col-md-10 offset-md-1 bg-light rounded p-2">
        <div class="row">
			{% if current_user.role == 'admin' %}
            <div class="col-12 col-md-3 col-lg-2 p-3">
                <ul class="nav flex-column nav-pills">
					<li class="nav-item">
						<a class="nav-link{% if request.path == url_for('settings_app_page') %} active{% endif %}" href="{{ url_for('settings_app_page') }}">
							<i class="fa fa-cogs"></i>
							Application
						</a>
					</li>
					<li class="nav-item">
						<a class="nav-link{% if request.path == url_for('settings_directories_page') %} active{% endif %}" href="{{ url_for('settings_directories_page') }}">
							<i class="fas fa-folder"></i>
							Directories
						</a>
					</li>
					<li class="nav-item">
						<a class="nav-link{% if request.path == url_for('settings_mail_page') %} active{% endif %}" href="{{ url_for('settings_mail_page') }}">
							<i class="fa fa-envelope"></i>
							Mail
						</a>
					</li>
					<li class="nav-item">
						<a class="nav-link{% if request.path == url_for('settings_tasks_page') %} active{% endif %}" href="{{ url_for('settings_tasks_page') }}">
							<i class="fa fa-tasks"></i>
							Tasks
						</a>
					</li>
					<li class="nav-item">
						<a class="nav-link{% if request.path == url_for('settings_all_users_page') %} active{% endif %}" href="{{ url_for('settings_all_users_page') }}">
							<i class="fa fa-users"></i>
							Users
						</a>
					</li>
					<li class="nav-item">
						<a class="nav-link{% if request.path == url_for('settings_plugins_page') %} active{% endif %}" href="{{ url_for('settings_plugins_page') }}">
							<i class="fa fa-plug"></i>
							Plugins
						</a>
					</li>
					{{ emit_tep('settings_menu') }}
				</ul>
            </div>
			{% endif %}
            <div class="col-12{% if current_user.role=='admin' %} col-md-9 col-lg-10{% endif %} my-2">
                {% block settings_pane %}{% endblock %}
            </div>
        </div>
    </div>
</div>


{% endblock %}