{% extends 'baseadmin.html.twig' %}
{% import "admin/_macros.html.twig" as macs %}

{% block breadcrumb %}
    {{ parent() }}
    <li class="breadcrumb-item active" aria-current="page">Settings</li>
{% endblock %}

{% block title %}{{ parent() }} - Settings{% endblock %}

{% block content %}
    <div class="container">
        {{ macs.page_title(
          'Settings',
          'Manage various settings for Tarin. {i}Some settings may take effect after a few minutes while others can take effect immediately.{/}',
        ) }}
        
        {% for label, messages in app.flashes %}
            {% for message in messages %}
                <div class="alert alert-{{ label }}">
                    {{ message }}
                </div>
            {% endfor %}
        {% endfor %}

        {# <div class="card">
            <div class="card-header">
              <div>
                <i class="fas fa-key fa-fw me-2"></i>
                UrsineLabs Licensing
              </div>
            </div>
            <div class="card-body">
                {% if licensing.invalid %}
                  <div>
                    <i class="text-danger fas fa-exclamation-triangle"></i>
                    {{ licensing.why }}
                  </div>
                {% elseif licensing.expired %}
                  <div>
                    <i class="text-warning fas fa-exclamation-triangle"></i>
                    {{ licensing.why }}
                  </div>
                  <div>Registered to: {{ licensing.details.licensedTo }}</div>
                  <div>License expired on {{ licensing.details.expiresAt|date('F j, Y') }}</div>
                {% else %}
                  <div>
                    <i class="text-success fas fa-check-circle"></i>
                    {{ licensing.why }}
                  </div>
                  <div>Registered to {{ licensing.details.licensedTo }}</div>
                  {% if licensing.details.expiresAt == -1 %}
                      <div>You have permanent update access.</div>
                  {% else %}
                      <div>Update access expires on {{ licensing.details.expiresAt|date('F j, Y') }}</div>
                  {% endif %}
                {% endif %}
                <div class="mt-2">
                  <div>Code: {{ licensing.details.status|hcode }}</div>
                  <a href="https://my.ursinelabs.com" class="text-decoration-none">Manage your license at my.ursinelabs.com</a>
                </div>

                {% if environment == 'dev' %}
                <div class="border-top border-start border-end rounded-top mt-3 px-3 py-2">
                  <b>Developer Info</b>
                </div>
                <pre class="border rounded rounded-top-0 mb-0 bg-dark p-2"><code>{{ dump(licensing.details) }}</code></pre>
                {% endif %}
            </div>
        </div> #}
        
        {% set groupIcons = {
            'general': {
              'type': 'solid',
              'icon': 'cogs',
            },
            'user': {
              'type': 'solid',
              'icon': 'users',
            },
            'steam': {
              'type': 'brands',
              'icon': 'steam',
            },
            'stripe': {
              'type': 'solid',
              'icon': 'credit-card',
            },
            'mapbox': {
              'type': 'solid',
              'icon': 'map',
            },
            'checkout': {
              'type': 'solid',
              'icon': 'shopping-cart',
            },
            'legal': {
              'type': 'solid',
              'icon': 'file-contract',
            },
        } %}
        <form method="post" action="{{ path('admin.settings.update') }}">
            <div class="accordion" id="settingsAccordion">
                {% for groupName, settings in settingsByGroup %}
                    <div class="accordion-item">
                        <h2 class="accordion-header" id="heading{{ groupName|capitalize }}">
                            <button class="accordion-button collapsed d-flex" type="button" data-bs-toggle="collapse" data-bs-target="#collapse{{ groupName|capitalize }}" aria-expanded="{{ loop.first ? 'true' : 'false' }}" aria-controls="collapse{{ groupName|capitalize }}">
                              <div class="d-flex align-items-center justify-content-center">
                                <small>
                                  <i class="fa-{{ groupIcons[groupName].type??"" }} fa-fw fa-{{ groupIcons[groupName].icon ?? "" }} me-3"></i>
                                </small>
                                <h4 class="m-0">{{ groupName|capitalize }}</h4>
                              </div>
                            </button>
                        </h2>
                        <div id="collapse{{ groupName|capitalize }}" class="accordion-collapse collapse" aria-labelledby="heading{{ groupName|capitalize }}" data-bs-parent="#settingsAccordion">
                            <div class="accordion-body">
                                {% for setting in settings %}
                                    <div class="{% if loop.last %}mb-0{% else %}mb-3{% endif %}">
                                        <label for="setting_{{ setting.key }}" class="form-label" data-bs-toggle="tooltip" title="{{ setting.key }}">                                            
                                            {{ setting.name }}
                                            {% if not setting.isEditable %}
                                              <sup><i class="fas fa-lock text-danger-emphasis" data-bs-toggle="tooltip" title="This setting cannot be edited."></i></sup>
                                            {% endif %}
                                            {# {% if setting.description %}
                                                <i class="fas fa-info-circle" data-bs-toggle="tooltip" title="{{ setting.description }}"></i>
                                            {% endif %} #}
                                        </label>

                                        {% if setting.type == 'boolean' %}
                                            <div class="form-check form-switch">
                                                <input type="hidden" name="settings[{{ setting.key }}]" value="0" {% if not setting.isEditable %}disabled{% endif %}>
                                                <input class="form-check-input" type="checkbox" id="setting_{{ setting.key }}" name="settings[{{ setting.key }}]" value="1" {% if setting.value %}checked{% endif %} {% if not setting.isEditable %}disabled{% endif %}>
                                                <label class="form-check-label" for="setting_{{ setting.key }}">Enabled</label>
                                            </div>
                                        {% elseif setting.type == 'integer' or setting.type == 'float' %}
                                            <input type="number" class="form-control" id="setting_{{ setting.key }}" name="settings[{{ setting.key }}]" value="{{ setting.value }}" {% if setting.type == 'float' %}step="0.01"{% endif %} {% if not setting.isEditable %}disabled{% endif %}>
                                        {% elseif setting.type == 'json' %}
                                            <textarea class="form-control" id="setting_{{ setting.key }}" name="settings[{{ setting.key }}]" rows="5" {% if not setting.isEditable %}disabled{% endif %}>{{ setting.value|json_encode(constant('JSON_PRETTY_PRINT')) }}</textarea>
                                        {% elseif setting.type == 'datetime' %}
                                            <input type="datetime-local" class="form-control" id="setting_{{ setting.key }}" name="settings[{{ setting.key }}]" value="{{ setting.value|date('Y-m-d\\TH:i') }}" {% if not setting.isEditable %}disabled{% endif %}>
                                        {% else %}
                                          {% if setting.editTypeOverride == 'textarea' %}
                                            <textarea class="form-control" id="setting_{{ setting.key }}" name="settings[{{ setting.key }}]" rows="5" {% if not setting.isEditable %}disabled{% endif %}>{{ setting.value }}</textarea>
                                          {% else %}
                                            <input type="text" class="form-control" id="setting_{{ setting.key }}" name="settings[{{ setting.key }}]" value="{{ setting.value }}" {% if not setting.isEditable %}disabled{% endif %}>
                                          {% endif %}
                                        {% endif %}
                                        
                                        {% if setting.description %}
                                            <div class="form-text">{{ setting.description|linkify }}</div>
                                        {% endif %}
                                    </div>
                                {% endfor %}
                            </div>
                        </div>
                    </div>
                {% endfor %}
            </div>
            
            <div class="mt-4 d-flex justify-content-between">
                <button type="submit" class="btn btn-primary">Save Settings</button>
                <a href="{{ path('admin.settings') }}" class="btn btn-outline-secondary">Cancel</a>
            </div>
        </form>
    </div>
{% endblock %}