{% extends '_layouts/cp' %}

{% import "_includes/forms" as forms %}

{% from "blitz/_macros" import configWarning %}
{% from "blitz/_macros" import configFieldWarning %}

{% do view.registerAssetBundle("putyourlightson\\blitz\\assets\\BlitzAsset") %}

{% set crumbs = [
    { label: 'Settings'|t('app'), url: url('settings') },
    { label: 'Plugins'|t('app'), url: url('settings/plugins') }
] %}

{% set title = 'Blitz' %}

{% set tabs = {
    general: {label: 'General Settings'|t('blitz'), url: '#general'},
    storage: {label: 'Cache Storage'|t('blitz'), url: '#storage'},
    warming: {label: 'Cache Warming'|t('blitz'), url: '#warming'},
    purging: {label: 'Reverse Proxy Purging'|t('blitz'), url: '#purging'},
    deployment: {label: 'Remote Deployment'|t('blitz'), url: '#deployment'},
    advanced: {label: 'Advanced Settings'|t('blitz'), url: '#advanced'},
} %}

{% set fullPageForm = true %}
{% set welcome = craft.app.request.getParam('welcome') %}
{% set docs = 'https://putyourlightson.com/plugins/blitz#' %}

{% block actionButton %}

    <input type="submit" class="btn submit" value="{{ 'Save'|t('app') }}">

{% endblock %}


{% block content %}

    <input type="hidden" name="action" value="blitz/settings/save">
    <input type="hidden" name="pluginHandle" value="blitz">

    <div id="general">

        {% include 'blitz/_includes/welcome/top' %}

        {% if craft.blitz.getWebAliasExists() %}
            <div class="field">
                <p class="warning">
                    {{ "One or more sites use `@web` in their base URL. The `@web` alias is not recommended if it is determined automatically."|t('blitz')|md(inlineOnly=true) }}
                </p>
            </div>
        {% endif %}

        <div class="flex">
            {% include 'blitz/_includes/welcome/step' with {step: 1, text: 'Enable caching'} %}

            <div class="flex-grow">
                {% set info %}
                    <span class="info">{{ 'With this setting enabled, Blitz will begin caching pages according to the included/excluded URI patterns. Disabling this setting will prevent Blitz from caching any new pages.'|t('blitz') }}</span>
                {% endset %}
                {{ forms.lightswitchField({
                    label: "Caching Enabled"|t('blitz'),
                    instructions: "Whether caching should be enabled."|t('blitz') ~ info,
                    warning: config.cachingEnabled is defined ? configWarning('cachingEnabled'),
                    name: 'settings[cachingEnabled]',
                    on: settings.cachingEnabled,
                    required: true,
                }) }}
            </div>
        </div>

        <div class="flex">
            {% include 'blitz/_includes/welcome/step' with {step: 2, text: 'Add at least one included URI pattern'} %}

            <div class="flex-grow">
                {% set cols = [] %}

                {% if craft.app.getIsMultiSite() %}
                    {% set allSiteOptions = [{value: '', label: 'All Sites'|t('blitz')}]|merge(siteOptions) %}

                    {% set cols = cols|merge({
                        siteId: {
                            type: 'select',
                            heading: 'Site'|t('blitz'),
                            options: allSiteOptions,
                            thin: true,
                        }
                    }) %}
                {% endif %}

                {% set info -%}
                    {% include 'blitz/_includes/uri-pattern-info' with {docs: docs} %}
                {%- endset %}
                {% set cols = cols|merge({
                    uriPattern: {
                        type: 'singleline',
                        heading: 'URI Pattern'|t('blitz'),
                        placeholder: "Leave blank to match the homepage"|t('blitz'),
                        code: true,
                        info: info,
                    }
                }) %}

                <input type="hidden" name="includedUriPatterns" value="" />
                {% set info %}
                    <span class="info">{{ 'Only URIs that match one or more included URI patterns will be cached.'|t('blitz') }}</span>
                {% endset %}
                {{ forms.editableTableField({
                    label: "Included URI Patterns"|t('blitz'),
                    instructions: "The URI patterns to include in caching."|t('blitz') ~ info,
                    warning: (config.includedUriPatterns is defined ? configWarning('includedUriPatterns')),
                    name: 'settings[includedUriPatterns]',
                    id: 'includedUriPatterns',
                    cols: cols,
                    rows: settings.includedUriPatterns,
                    addRowLabel: "Add a URI pattern"|t('blitz'),
                }) }}

                <input type="hidden" name="excludedUriPatterns" value="" />
                {% set info %}
                    <span class="info">{{ 'URIs that match one or more excluded URI patterns will not be cached. Excluded URI patterns will override any matching included URI patterns.'|t('blitz') }}</span>
                {% endset %}
                {{ forms.editableTableField({
                    label: "Exclude URI Patterns"|t('blitz'),
                    instructions: "The URI patterns to exclude from caching."|t('blitz') ~ info,
                    warning: (config.excludedUriPatterns is defined ? configWarning('excludedUriPatterns')),
                    name: 'settings[excludedUriPatterns]',
                    id: 'excludedUriPatterns',
                    cols: cols,
                    rows: settings.excludedUriPatterns,
                    addRowLabel: "Add a URI pattern"|t('blitz'),
                }) }}
            </div>
        </div>

        {% include 'blitz/_includes/welcome/bottom' with {docs: docs} %}
    </div>

    <div id="storage" class="hidden">
        {% set info %}
            <span class="info">{{ 'The storage type determines how and where cached pages are stored. You can extend Blitz to add your own or third-party cache storage types. <a href="{url}" class="go" target="_blank">Learn more</a>'|t('blitz', {url: docs ~ 'cache-storage'})|raw }}</span>
        {% endset %}
        {{ forms.selectField({
            label: "Cache Storage"|t('blitz'),
            instructions: "The storage type to use for storing cached pages."|t('blitz') ~ info,
            warning: (config.cacheStorageType is defined ? configWarning('cacheStorageType')),
            name: 'settings[cacheStorageType]',
            options: storageTypeOptions,
            value: className(storageDriver),
            required: true,
            toggle: true,
        }) }}

        {% for driver in storageDrivers %}
            {% set isCurrent = (className(driver) == className(storageDriver)) %}
            <div id="{{ className(driver)|id }}"{% if not isCurrent %} class="hidden"{% endif %}>
                {% namespace 'cacheStorageSettings[' ~ className(driver) ~ ']' %}
                    {{ (isCurrent ? storageDriver : driver).getSettingsHtml()|raw }}
                {% endnamespace %}
            </div>
        {% endfor %}

        {{ config.cacheStorageSettings is defined ? configFieldWarning('cacheStorageSettings') }}
    </div>

    <div id="warming" class="hidden">
        {% set info %}
            <span class="info">{{ 'The warmer determines how the cache is warmed. You can extend Blitz to add your own or third-party cache warmers. <a href="{url}" class="go" target="_blank">Learn more</a>'|t('blitz', {url: docs ~ 'cache-warming'})|raw }}</span>
        {% endset %}
        {{ forms.selectField({
            label: "Cache Warmer"|t('blitz'),
            instructions: "The warmer type to use for warming the cache."|t('blitz') ~ info,
            warning: (config.cacheWarmerType is defined ? configWarning('cacheWarmerType')),
            name: 'settings[cacheWarmerType]',
            options: warmerTypeOptions,
            value: className(warmerDriver),
            required: true,
            toggle: true,
        }) }}

        {% for driver in warmerDrivers %}
            {% set isCurrent = (className(driver) == className(warmerDriver)) %}
            <div id="{{ className(driver)|id }}"{% if not isCurrent %} class="hidden"{% endif %}>
                {% namespace 'cacheWarmerSettings[' ~ className(driver) ~ ']' %}
                    {{ (isCurrent ? warmerDriver : driver).getSettingsHtml()|raw }}
                {% endnamespace %}
            </div>
        {% endfor %}

        {{ config.cacheWarmerSettings is defined ? configFieldWarning('cacheWarmerSettings') }}

        {% set cols = {
            siteId: {
                type: 'select',
                heading: 'Site'|t('blitz'),
                options: siteOptions,
                thin: true,
            },
            uri: {
                type: 'singleline',
                heading: 'URI'|t('blitz'),
                placeholder: "relative/uri",
                code: true,
                info: 'A relative URI that belongs to the specified site.'|t('blitz'),
            }
        } %}

        <input type="hidden" name="customSiteUris" value="" />
        {% set info %}
            <span class="info">{{ 'Add any URIs that Craft doesn’t know about here and they will be warmed when either a site or the entire cache is warmed.'|t('blitz') }}</span>
        {% endset %}
        {{ forms.editableTableField({
            label: "Custom Site URIs"|t('blitz'),
            instructions: "Custom site URIs to include when warming the cache."|t('blitz') ~ info,
            warning: (config.customSiteUris is defined ? configWarning('customSiteUris')),
            name: 'settings[customSiteUris]',
            id: 'customSiteUris',
            cols: cols,
            rows: settings.customSiteUris,
            addRowLabel: "Add a custom site URI"|t('blitz'),
        }) }}
    </div>

    <div id="purging" class="hidden">
        {% set info %}
            <span class="info">{{ 'A purger allows you to use a reverse proxy cache service and CDN such as Cloudflare to deliver cached pages. Selecting a purger will tell Blitz to automatically purge the appropriate pages whenever they are updated. You can extend Blitz to add your own or third-party reverse proxy purgers. <a href="{url}" class="go" target="_blank">Learn more</a>'|t('blitz', {url: docs ~ 'reverse-proxy-purging'})|raw }}</span>
        {% endset %}
        {{ forms.selectField({
            label: "Reverse Proxy Purger"|t('blitz'),
            instructions: "A purger to use for clearing cache in a reverse proxy."|t('blitz') ~ info,
            warning: (config.cachePurgerType is defined ? configWarning('cachePurgerType')),
            name: 'settings[cachePurgerType]',
            options: purgerTypeOptions,
            value: className(purgerDriver),
            required: true,
            toggle: true,
        }) }}

        {% for driver in purgerDrivers %}
            {% set isCurrent = (className(driver) == className(purgerDriver)) %}
            <div id="{{ className(driver)|id }}"{% if not isCurrent %} class="hidden"{% endif %}>
                {% namespace 'cachePurgerSettings[' ~ className(driver) ~ ']' %}
                    {{ (isCurrent ? purgerDriver : driver).getSettingsHtml()|raw }}
                {% endnamespace %}
            </div>
        {% endfor %}

        {{ config.cachePurgerSettings is defined ? configFieldWarning('cachePurgerSettings') }}
    </div>

    <div id="deployment" class="hidden">
        {% set info %}
            <span class="info">{{ 'A deployer allows you to deploy cached files to a remote location. Selecting a deployer will tell Blitz to automatically deploy the appropriate pages once they have been warmed. You can extend Blitz to add your own or third-party deployers. <a href="{url}" class="go" target="_blank">Learn more</a>'|t('blitz', {url: docs ~ 'remote-deployment'})|raw }}</span>
        {% endset %}
        {{ forms.selectField({
            label: "Remote Deployer"|t('blitz'),
            instructions: "A deployer to use for remotely deploying cached files."|t('blitz') ~ info,
            warning: (config.deployerType is defined ? configWarning('deployerType')),
            name: 'settings[deployerType]',
            options: deployerTypeOptions,
            value: className(deployerDriver),
            required: true,
            toggle: true,
        }) }}

        {% for driver in deployerDrivers %}
            {% set isCurrent = (className(driver) == className(deployerDriver)) %}
            <div id="{{ className(driver)|id }}"{% if not isCurrent %} class="hidden"{% endif %}>
                {% namespace 'deployerSettings[' ~ className(driver) ~ ']' %}
                    {{ (isCurrent ? deployerDriver : driver).getSettingsHtml()|raw }}
                {% endnamespace %}
            </div>
        {% endfor %}

        {{ config.deployerSettings is defined ? configFieldWarning('deployerSettings') }}
    </div>

    <div id="advanced" class="hidden">
        {% set info %}
            <span class="info">{{ 'With this setting disabled, Blitz will mark affected cached pages as expired but not actually delete them. In order to delete them, the “Refresh Expired Cache” utility or console command should be used. Disabling this setting may make sense if your site gets heavy traffic and clearing cache should be limited to specific times or intervals.'|t('blitz') }}</span>
        {% endset %}
        {{ forms.lightswitchField({
            label: "Clear Cache Automatically"|t('blitz'),
            instructions: "Whether the cache should automatically be cleared (and purged) when elements are updated."|t('blitz') ~ info,
            warning: (config.clearCacheAutomatically is defined ? configWarning('clearCacheAutomatically')),
            name: 'settings[clearCacheAutomatically]',
            on: settings.clearCacheAutomatically,
            required: true,
        }) }}

        {% set info %}
            <span class="info">{{ 'With this setting enabled, Blitz will create a queue job to automatically visit pages whose cache has been cleared in the background. If a deployer has been selected then the warmed pages will be deployed. Disabling this setting may make sense if your site is very large and has many related elements.'|t('blitz') }}</span>
        {% endset %}
        {{ forms.lightswitchField({
            label: "Warm Cache Automatically"|t('blitz'),
            instructions: "Whether the cache should automatically be warmed (and deployed) after clearing."|t('blitz') ~ info,
            warning: (config.warmCacheAutomatically is defined ? configWarning('warmCacheAutomatically')),
            name: 'settings[warmCacheAutomatically]',
            on: settings.warmCacheAutomatically,
            required: true,
        }) }}

        {% set info %}
            <span class="info">{{ 'This setting determines how URLs with query strings will be cached. <a href="{url}" class="go" target="_blank">Learn more</a>'|t('blitz', {url: docs ~ 'query-string-caching'})|raw }}</span>
        {% endset %}
        {{ forms.selectField({
            label: "Query String Caching"|t('blitz'),
            instructions: "Whether URLs with query strings should cached and how."|t('blitz') ~ info,
            warning: (config.queryStringCaching is defined ? configWarning('queryStringCaching')),
            name: 'settings[queryStringCaching]',
            options: {
                0: "Do not cache URLs with query strings"|t('blitz'),
                1: "Cache URLs with unique query strings as unique pages"|t('blitz'),
                2: "Cache URLs with unique query strings as the same page"|t('blitz'),
            },
            value: settings.queryStringCaching,
            required: true,
        }) }}

        {{ forms.autosuggestField({
            label: "API Key"|t('blitz'),
            instructions: "An API key that can be used to clear, flush, purge, warm, deploy and refresh cache through a URL (min. 16 characters)."|t('blitz'),
            suggestEnvVars: true,
            name: 'settings[apiKey]',
            value: settings.apiKey,
            errors: settings.getErrors('apiKey'),
        }) }}

        {% if settings.apiKey and not settings.getErrors('apiKey') %}
            {% include 'blitz/_includes/api-urls' with {docs: docs} %}
        {% endif %}

        <p class="light">
            {{ 'More advanced settings are available using config settings. <a href="{url}" class="go" target="_blank">Learn more</a>'|t('blitz', {url: docs ~ 'config-settings'})|raw }}
        </p>
    </div>

{% endblock %}