{# **
 * 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)
 * #}

{% trans_default_domain 'Admin.Shopparameters.Feature' %}
{% form_theme urlSchemaForm '@PrestaShop/Admin/TwigTemplateForm/prestashop_ui_kit.html.twig' %}

{% block url_schema_configuration %}
  <div class="card">
    <h3 class="card-header">
      <i class="material-icons">settings</i> {{ 'Schema of URLs'|trans }}

      <span
        class="help-box"
        data-container="body"
        data-toggle="popover"
        data-trigger="hover"
        data-placement="right"
        data-content="{{ 'This section enables you to change the default pattern of your links. In order to use this functionality, PrestaShop\'s "Friendly URL" option must be enabled, and Apache\'s URL rewriting module (mod_rewrite) must be activated on your web server.'|trans({}, 'Admin.Shopparameters.Notification') }}{{ 'There are several available keywords for each route listed below; note that keywords with * are required!'|trans({}, 'Admin.Shopparameters.Notification') }} {{ 'To add a keyword in your URL, use the {keyword} syntax. If the keyword is not empty, you can add text before or after the keyword with syntax {prepend:keyword:append}. For example {-hey-:meta_title} will add "-hey-my-title" in the URL if the meta title is set.'|trans({}, 'Admin.Shopparameters.Notification') }}"
        title=""
      >
      </span>
    </h3>
    <div class="card-body">
      <div class="form-wrapper">
        <div class="alert alert-warning" role="alert">
            {{ 'Before making any changes to the default pattern of your URLs, make sure to meet the following requirements:'|trans({}, 'Admin.Shopparameters.Notification') }}
            <ul>
              <li>
                {{ 'The Friendly URL feature must be enabled'|trans({}, 'Admin.Shopparameters.Notification') }}
              </li>
              <li>
                {{ 'URL rewriting must be activated on your web server'|trans({}, 'Admin.Shopparameters.Notification') }}
              </li>
              <li>
                {{ 'All mandatory keywords (*) must be included in the route'|trans({}, 'Admin.Shopparameters.Notification') }}
              </li>
            </ul>
            {{ 'You should also comply with the syntax:'|trans({}, 'Admin.Shopparameters.Notification') }}
            <ul>
              <li>
                {{ 'Keywords must be in braces {keyword}'|trans({}, 'Admin.Shopparameters.Notification') }}
              </li>
              <li>
                {{ 'All keywords must be separated'|trans({}, 'Admin.Shopparameters.Notification') }}
              </li>
              <li>
                {{ 'As long as a keyword has an associated value, you can use the syntax {prepend:keyword:append} to add text before and after it.'|trans({}, 'Admin.Shopparameters.Notification') }}
              </li>
            </ul>
        </div>
        {{ form_widget(urlSchemaForm) }}
      </div>
    </div>
    <div class="card-footer">
      <div class="d-flex justify-content-end">
        <button class="btn btn-primary">{{ 'Save'|trans({}, 'Admin.Actions') }}</button>
      </div>
    </div>
  </div>
{% endblock %}
