{% extends "dashboard.html" %}
{% block content %}
    <!-- Content -->
    <input type="hidden"
           id="selected-mode"
           name="selected_mode"
           value="{{ mode }}">
    <input type="hidden"
           id="validate-certificate-url"
           value="{{ url_for("services") }}/validate-certificate">
    {% set blacklisted_settings = get_blacklisted_settings(true) %}
    {% set service_method = "ui" %}
    <div class="tab-content p-0 position-relative">
        <div class="tab-pane fade{% if mode == 'advanced' %} show active{% endif %}"
             id="navs-modes-advanced"
             role="tabpanel">{% include "models/plugins_settings.html" %}</div>
        <div class="tab-pane position-relative fade{% if mode == 'raw' %} show active{% endif %}"
             id="navs-modes-raw"
             role="tabpanel">{% include "models/plugins_settings_raw.html" %}</div>
    </div>
    {% set override_services = raw_draft_config.get('SERVER_NAME', {}).get('value', '').split() %}
    <div class="modal fade"
         id="modal-apply-all-services"
         tabindex="-1"
         aria-hidden="true"
         aria-labelledby="apply-all-services-title"
         aria-describedby="apply-all-services-description">
        <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title"
                        id="apply-all-services-title"
                        data-i18n="modal.title.apply_all_services">Apply to all services?</h5>
                    <button type="button"
                            class="btn-close"
                            data-bs-dismiss="modal"
                            aria-label="Close"
                            data-i18n="aria.label.close"></button>
                </div>
                <div class="modal-body">
                    <p id="apply-all-services-description"
                       data-i18n="modal.body.apply_all_services">
                        The global settings changed in this save will replace values set by each service or its template. Unchanged settings are kept.
                    </p>
                    <p data-i18n="modal.body.apply_all_services_count"
                       data-i18n-options='{{ {"count": override_services|length}|tojson }}'>All known services ({{ override_services|length }}) that may be updated:</p>
                    <ul class="text-break">
                        {% for service in override_services %}<li>{{ service }}</li>{% endfor %}
                    </ul>
                </div>
                <div class="modal-footer">
                    <button type="button"
                            class="btn btn-outline-secondary"
                            data-bs-dismiss="modal"
                            data-i18n="button.cancel">Cancel</button>
                    <button type="button"
                            class="btn btn-primary don-jose"
                            id="confirm-apply-all-services"
                            data-i18n="button.save">Save</button>
                </div>
            </div>
        </div>
    </div>
    <!-- / Content -->
{% endblock %}
{% block scripts %}
    <script src="{{ url_for('static', filename='libs/ace/src-min/ace.js') }}"
            nonce="{{ script_nonce }}"
            defer></script>
    <!-- Preload the active ACE theme so setTheme() resolves synchronously (no light flash). -->
    <script src="{{ url_for('static', filename='libs/ace/src-min/theme-cloud9_' ~ ('night' if theme == 'dark' else 'day') ~ '.js') }}"
            nonce="{{ script_nonce }}"
            defer></script>
    <script src="{{ url_for('static', filename='js/pages/ace-mode-bunkerweb_settings.js') }}"
            nonce="{{ script_nonce }}"
            defer></script>
    <script src="{{ url_for('static', filename='js/plugins-settings.js') }}"
            nonce="{{ script_nonce }}"
            defer
            type="module"></script>
{% endblock %}