{% extends 'manage/general/master.twig' %}
{% from 'macros.twig' import container_title %}

{% block manage_content %}
    <div class="container manage-settings">
        {{ container_title('<i class="fas fa-cogs fa-fw"></i> Settings') }}

        <div class="manage__description">
            Editor for the configuration table. This page contains Very Private Things that should Never be shared, be careful.
        </div>

        <div class="manage-settings-actions">
            <a class="input__button" href="{{ url('manage-general-setting') }}">New</a>
        </div>

        <div class="manage-settings-list-container">
            <table class="manage-settings-list">
                <thead>
                    <tr class="manage-settings-list-header">
                        <th class="manage-settings-list-header-name">Name</th>
                        <th class="manage-settings-list-header-type">Type</th>
                        <th class="manage-settings-list-header-value">Value</th>
                        <th class="manage-settings-list-header-options">Options</th>
                    </tr>
                </thead>
                <tbody>
                {% for var in config_vars %}
                    <tr class="manage-list-setting">
                        <td class="manage-list-setting-key">
                            <div class="manage-list-setting-key-text">{{ var.name }}</div>
                        </td>
                        <td class="manage-list-setting-type manage-list-setting-type--{{ var.type }}">
                            <div class="manage-list-setting-type-text">{{ var.type }}</div>
                        </td>
                        <td class="manage-list-setting-value">
                            <div class="manage-list-setting-value-text">{{ var.name in config_hidden ? '*** hidden ***' : var }}</div>
                        </td>
                        <td class="manage-list-setting-options">
                            <a class="input__button input__button--autosize" href="{{ url('manage-general-setting', {'name': var.name}) }}" title="Edit"><i class="fas fa-pen fa-fw"></i></a>
                            <a class="input__button input__button--autosize input__button--destroy" href="{{ url('manage-general-setting-delete', {'name': var.name}) }}" title="Delete"><i class="fas fa-times fa-fw"></i></a>
                        </td>
                    </tr>
                {% endfor %}
                </tbody>
            </table>
        </div>
    </div>
{% endblock %}