/**
 * Copyright since 2007 PrestaShop SA and Contributors
 * PrestaShop is an International Registered Trademark & Property of PrestaShop SA
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Open Software License (OSL 3.0)
 * that is bundled with this package in the file LICENSE.md.
 * It is also available through the world-wide-web at this URL:
 * https://opensource.org/licenses/OSL-3.0
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@prestashop.com so we can send you a copy immediately.
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade PrestaShop to newer
 * versions in the future. If you wish to customize PrestaShop for your
 * needs please refer to https://devdocs.prestashop.com/ for more information.
 *
 * @author    PrestaShop SA and Contributors <contact@prestashop.com>
 * @copyright Since 2007 PrestaShop SA and Contributors
 * @license   https://opensource.org/licenses/OSL-3.0 Open Software License (OSL 3.0)
 */
var PerformancePageUI = {
    displaySmartyCache: function() {
        var CACHE_ENABLED = '1';
        var smartyCacheSelected = document.querySelector('input[name="form[smarty][cache]"]:checked');
        var smartyCacheOptions = document.querySelectorAll('.smarty-cache-option');
        if (smartyCacheSelected && smartyCacheSelected.value === CACHE_ENABLED) {
          for(var i = 0; i < smartyCacheOptions.length; i++) {
            smartyCacheOptions[i].classList.remove('d-none');
          }

          return;
        }

      for(var i = 0; i < smartyCacheOptions.length; i++) {
        smartyCacheOptions[i].classList.add('d-none');
      }
    },
    displayCacheSystems: function() {
        var CACHE_ENABLED = '1';
        var cacheEnabledInput = document.querySelector('input[name="form[caching][use_cache]"]:checked');
        var cachingElements = document.getElementsByClassName('memcache');

        if(cacheEnabledInput.value === CACHE_ENABLED) {
            for (var i = 0; i < cachingElements.length; i++) {
                cachingElements[i].style.display = "";
            }
            return;
        }

        for (var i = 0; i < cachingElements.length; i++) {
            cachingElements[i].style.display = "none";
        }
    },
    displayMemcacheServers: function() {
        var CACHE_ENABLED = '1';
        var cacheEnabledInput = document.querySelector('input[name="form[caching][use_cache]"]:checked');
        var cacheSelected = document.querySelector('input[name="form[caching][caching_system]"]:checked');
        var memcacheServersListBlock = document.getElementById('servers-list');
        var newServerBtn = document.getElementById('new-server-btn');
        var isMemcache = cacheSelected && (cacheSelected.value === "CacheMemcache" || cacheSelected.value === "CacheMemcached");

        if (isMemcache && cacheEnabledInput.value === CACHE_ENABLED) {
            memcacheServersListBlock.style.display = "block";
            newServerBtn.style.display = "block";

            return;
        }

        memcacheServersListBlock.style.display = "none";
        newServerBtn.style.display = "none";
    }
};

/**
 * Animations on form values.
 */
window.addEventListener('load', function() {
    PerformancePageUI.displaySmartyCache();
    PerformancePageUI.displayCacheSystems();
    PerformancePageUI.displayMemcacheServers();
});

var cacheSystemInputs = document.querySelectorAll('input[type=radio]');
var length = cacheSystemInputs.length;

while(length--) {
    cacheSystemInputs[length].addEventListener('change', function(e) {
        var name = e.target.getAttribute('name');
        if ('form[caching][use_cache]' === name) {
            return PerformancePageUI.displayCacheSystems();
        }
        if ('form[smarty][cache]' === name) {
            return PerformancePageUI.displaySmartyCache();
        }
        if ('form[caching][caching_system]' === name) {
            return PerformancePageUI.displayMemcacheServers();
        }
    });
}