{% extends "app_home/base.html" %}
{% load static %}
{% load i18n %}

{% block navbar_app %}
{% include 'app_home/_sidebar.html' %}
{% endblock %}

{% block title %}
<h3>{% translate "Configuration" %}</h3>
<hr>
<p class="text-muted">{% translate 'Select service to configure' %}</p>
{% endblock %}


{% block content %}


<ul class="nav nav-pills mb-4">
{% for app in apps %}
  <li class="nav-item">
    <a class="nav-link {% if app.keyname == appname %}active{% endif %}"
       href="{% url 'app_home:configuration' app.keyname %}">
      <i class="fa {{ app.icon }} fa-fw me-1"></i>{% translate app.displayname %}
    </a>
  </li>
{% endfor %}
</ul>


{% if appname %}

<div class="card cv-config-form">
  <div class="card-header">
    {% translate appdisplayname %}
  </div>
  <div class="card-body">
    <form method="post">{% csrf_token %}
      {% for field in form %}
      <div class="mb-3">
        <label for="{{ field.id_for_label }}" class="form-label">{{ field.label }}</label>
        {{ field }}
        {% if field.help_text %}
        <div class="form-text">{{ field.help_text }}</div>
        {% endif %}
        {% if field.errors %}
        <div class="text-danger small">{{ field.errors.0 }}</div>
        {% endif %}
      </div>
      {% endfor %}
      <button class="btn btn-primary" type="submit" name="save">
        <i class="fa fa-floppy-o me-1"></i>{% translate 'Save' %} {% translate appdisplayname %}
      </button>
    </form>
  </div>
</div>

{% endif %}

{% endblock %}