{{ header }}{{ column_left }}
<div id="content">
  <div class="page-header">
    <div class="container-fluid">
      <div class="float-end">
        <button type="submit" form="form-setting" data-bs-toggle="tooltip" title="{{ button_save }}" class="btn btn-primary"><i class="fa-solid fa-floppy-disk"></i></button>
        <a href="{{ back }}" data-bs-toggle="tooltip" title="{{ button_back }}" class="btn btn-light"><i class="fa-solid fa-reply"></i></a>
      </div>
      <h1>{{ heading_title }}</h1>
      <ol class="breadcrumb">
        {% for breadcrumb in breadcrumbs %}
          <li class="breadcrumb-item"><a href="{{ breadcrumb.href }}">{{ breadcrumb.text }}</a></li>
        {% endfor %}
      </ol>
    </div>
  </div>
  <div class="container-fluid">
    <div class="card">
      <div class="card-header"><i class="fa-solid fa-pencil"></i> {{ text_edit }}</div>
      <div class="card-body">
        <form id="form-setting" action="{{ save }}" method="post" data-oc-toggle="ajax">
          <ul class="nav nav-tabs">
            <li class="nav-item"><a href="#tab-general" data-bs-toggle="tab" class="nav-link active">{{ tab_general }}</a></li>
            <li class="nav-item"><a href="#tab-store" data-bs-toggle="tab" class="nav-link">{{ tab_store }}</a></li>
            <li class="nav-item"><a href="#tab-local" data-bs-toggle="tab" class="nav-link">{{ tab_local }}</a></li>
            <li class="nav-item"><a href="#tab-option" data-bs-toggle="tab" class="nav-link">{{ tab_option }}</a></li>
            <li class="nav-item"><a href="#tab-image" data-bs-toggle="tab" class="nav-link">{{ tab_image }}</a></li>
            <li class="nav-item"><a href="#tab-mail" data-bs-toggle="tab" class="nav-link">{{ tab_mail }}</a></li>
            <li class="nav-item"><a href="#tab-server" data-bs-toggle="tab" class="nav-link">{{ tab_server }}</a></li>
          </ul>
          <div class="tab-content">
            <div id="tab-general" class="tab-pane active">
              <fieldset>
                <legend>{{ text_site }}</legend>
                <div class="row mb-3 required">
                  <label for="input-name" class="col-sm-2 col-form-label">{{ entry_name }}</label>
                  <div class="col-sm-10">
                    <input type="text" name="config_name" value="{{ config_name }}" placeholder="{{ entry_name }}" id="input-name" class="form-control"/>
                    <div id="error-name" class="invalid-feedback"></div>
                  </div>
                </div>
                <div class="row mb-3">
                  <label for="input-theme" class="col-sm-2 col-form-label">{{ entry_theme }}</label>
                  <div class="col-sm-10">
                    <select name="config_theme" id="input-theme" class="form-select">
                      {% for theme in themes %}
                        <option value="{{ theme.value }}"{% if theme.value == config_theme %} selected{% endif %}>{{ theme.text }}</option>
                      {% endfor %}
                    </select>
                    <br/>
                    <img src="" alt="" id="theme-thumb" class="img-thumbnail"/>
                  </div>
                </div>
                <div class="row mb-3">
                  <label for="input-layout" class="col-sm-2 col-form-label">{{ entry_layout }}</label>
                  <div class="col-sm-10">
                    <select name="config_layout_id" id="input-layout" class="form-select">
                      {% for layout in layouts %}
                        <option value="{{ layout.layout_id }}"{% if layout.layout_id == config_layout_id %} selected{% endif %}>{{ layout.name }}</option>
                      {% endfor %}
                    </select>
                  </div>
                </div>
                <div class="row mb-3">
                  <label for="input-logo" class="col-sm-2 col-form-label">{{ entry_logo }}</label>
                  <div class="col-sm-10">
                    <div class="border rounded d-block" style="max-width: 300px;">
                      <img src="{{ logo }}" alt="" title="" id="thumb-logo" data-oc-placeholder="{{ placeholder }}" class="img-fluid"/> <input type="hidden" name="config_logo" value="{{ config_logo }}" id="input-logo"/>
                      <div class="d-grid">
                        <button type="button" data-oc-toggle="image" data-oc-target="#input-logo" data-oc-thumb="#thumb-logo" class="btn btn-primary rounded-0"><i class="fa-solid fa-pencil"></i> {{ button_edit }}</button>
                        <button type="button" data-oc-toggle="clear" data-oc-target="#input-logo" data-oc-thumb="#thumb-logo" class="btn btn-warning rounded-0"><i class="fa-regular fa-trash-can"></i> {{ button_clear }}</button>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="row mb-3">
                  <label for="input-icon" class="col-sm-2 col-form-label">{{ entry_icon }}</label>
                  <div class="col-sm-10">
                    <div class="border rounded d-block" style="max-width: 300px;">
                      <img src="{{ icon }}" alt="" title="" id="thumb-icon" data-oc-placeholder="{{ placeholder }}" class="img-fluid"/> <input type="hidden" name="config_icon" value="{{ config_icon }}" id="input-icon"/>
                      <div class="d-grid">
                        <button type="button" data-oc-toggle="image" data-oc-target="#input-icon" data-oc-thumb="#thumb-icon" class="btn btn-primary rounded-0"><i class="fa-solid fa-pencil"></i> {{ button_edit }}</button>
                        <button type="button" data-oc-toggle="clear" data-oc-target="#input-icon" data-oc-thumb="#thumb-icon" class="btn btn-warning rounded-0"><i class="fa-regular fa-trash-can"></i> {{ button_clear }}</button>
                      </div>
                    </div>
                    <div class="form-text">{{ help_icon }}</div>
                  </div>
                </div>
              </fieldset>
              <fieldset>
                <legend>{{ text_meta }}</legend>
                <ul class="nav nav-tabs">
                  {% for language in languages %}
                    <li class="nav-item"><a href="#language-{{ language.language_id }}" data-bs-toggle="tab" class="nav-link{% if loop.first %} active{% endif %}"><img src="{{ language.image }}" title="{{ language.name }}"/> {{ language.name }}</a></li>
                  {% endfor %}
                </ul>
                <div class="tab-content">
                  {% for language in languages %}
                    <div id="language-{{ language.language_id }}" class="tab-pane{% if loop.first %} active{% endif %}">
                      <div class="row mb-3 required">
                        <label for="input-meta-title-{{ language.language_id }}" class="col-sm-2 col-form-label">{{ entry_meta_title }}</label>
                        <div class="col-sm-10">
                          <input type="text" name="config_description[{{ language.language_id }}][meta_title]" value="{{ config_description[language.language_id] ? config_description[language.language_id].meta_title }}" placeholder="{{ entry_meta_title }}" id="input-meta-title-{{ language.language_id }}" class="form-control"/>
                          <div id="error-meta-title-{{ language.language_id }}" class="invalid-feedback"></div>
                        </div>
                      </div>
                      <div class="row mb-3">
                        <label for="input-meta-description-{{ language.language_id }}" class="col-sm-2 col-form-label">{{ entry_meta_description }}</label>
                        <div class="col-sm-10">
                          <textarea name="config_description[{{ language.language_id }}][meta_description]" rows="5" placeholder="{{ entry_meta_description }}" id="input-meta-description-{{ language.language_id }}" class="form-control">{{ config_description[language.language_id] ? config_description[language.language_id].meta_description }}</textarea>
                        </div>
                      </div>
                      <div class="row mb-3">
                        <label for="input-meta-keyword-{{ language.language_id }}" class="col-sm-2 col-form-label">{{ entry_meta_keyword }}</label>
                        <div class="col-sm-10">
                          <textarea name="config_description[{{ language.language_id }}][meta_keyword]" rows="5" placeholder="{{ entry_meta_keyword }}" id="input-meta-keyword-{{ language.language_id }}" class="form-control">{{ config_description[language.language_id] ? config_description[language.language_id].meta_keyword }}</textarea>
                        </div>
                      </div>
                    </div>
                  {% endfor %}
                </div>
              </fieldset>
            </div>
            <div id="tab-store" class="tab-pane">
              <div class="row mb-3 required">
                <label for="input-owner" class="col-sm-2 col-form-label">{{ entry_owner }}</label>
                <div class="col-sm-10">
                  <input type="text" name="config_owner" value="{{ config_owner }}" placeholder="{{ entry_owner }}" id="input-owner" class="form-control"/>
                  <div id="error-owner" class="invalid-feedback"></div>
                </div>
              </div>
              <div class="row mb-3 required">
                <label for="input-address" class="col-sm-2 col-form-label">{{ entry_address }}</label>
                <div class="col-sm-10">
                  <textarea name="config_address" rows="5" placeholder="{{ entry_address }}" id="input-address" class="form-control">{{ config_address }}</textarea>
                </div>
              </div>
              <div class="row mb-3">
                <label for="input-geocode" class="col-sm-2 col-form-label">{{ entry_geocode }}</label>
                <div class="col-sm-10">
                  <input type="text" name="config_geocode" value="{{ config_geocode }}" placeholder="{{ entry_geocode }}" id="input-geocode" class="form-control"/>
                  <div class="form-text">{{ help_geocode }}</div>
                </div>
              </div>
              <div class="row mb-3 required">
                <label for="input-email" class="col-sm-2 col-form-label">{{ entry_email }}</label>
                <div class="col-sm-10">
                  <input type="text" name="config_email" value="{{ config_email }}" placeholder="{{ entry_email }}" id="input-email" class="form-control"/>
                  <div id="error-email" class="invalid-feedback"></div>
                </div>
              </div>
              <div class="row mb-3">
                <label for="input-telephone" class="col-sm-2 col-form-label">{{ entry_telephone }}</label>
                <div class="col-sm-10">
                  <input type="text" name="config_telephone" value="{{ config_telephone }}" placeholder="{{ entry_telephone }}" id="input-telephone" class="form-control"/>
                  <div id="error-telephone" class="invalid-feedback"></div>
                </div>
              </div>
              <div class="row mb-3">
                <label for="input-image" class="col-sm-2 col-form-label">{{ entry_image }}</label>
                <div class="col-sm-10">
                  <div class="border rounded d-block" style="max-width: 300px;">
                    <img src="{{ thumb }}" alt="" title="" id="thumb-image" data-oc-placeholder="{{ placeholder }}" class="img-fluid"/> <input type="hidden" name="config_image" value="{{ config_image }}" id="input-image"/>
                    <div class="d-grid">
                      <button type="button" data-oc-toggle="image" data-oc-target="#input-image" data-oc-thumb="#thumb-image" class="btn btn-primary rounded-0"><i class="fa-solid fa-pencil"></i> {{ button_edit }}</button>
                      <button type="button" data-oc-toggle="clear" data-oc-target="#input-image" data-oc-thumb="#thumb-image" class="btn btn-warning rounded-0"><i class="fa-regular fa-trash-can"></i> {{ button_clear }}</button>
                    </div>
                  </div>
                </div>
              </div>
              <div class="row mb-3">
                <label for="input-open" class="col-sm-2 col-form-label">{{ entry_open }}</label>
                <div class="col-sm-10">
                  <textarea name="config_open" rows="5" placeholder="{{ entry_open }}" id="input-open" class="form-control">{{ config_open }}</textarea>
                  <div class="form-text">{{ help_open }}</div>
                </div>
              </div>
              <div class="row mb-3">
                <label for="input-comment" class="col-sm-2 col-form-label">{{ entry_comment }}</label>
                <div class="col-sm-10">
                  <textarea name="config_comment" rows="5" placeholder="{{ entry_comment }}" id="input-comment" class="form-control">{{ config_comment }}</textarea>
                  <div class="form-text">{{ help_comment }}</div>
                </div>
              </div>
              {% if locations %}
                <div class="row mb-3">
                  <label class="col-sm-2 col-form-label">{{ entry_location }}</label>
                  <div class="col-sm-10">
                    <div class="form-control" style="height: 150px; overflow: auto;">
                      {% for location in locations %}
                        <div class="form-check">
                          <input type="checkbox" name="config_location[]" value="{{ location.location_id }}" id="input-location-{{ location.location_id }}" class="form-check-input"{% if location.location_id in config_location %} checked{% endif %}/> <label for="input-location-{{ location.location_id }}" class="form-check-label">{{ location.name }}</label>
                        </div>
                      {% endfor %}
                    </div>
                    <div class="form-text">{{ help_location }}</div>
                  </div>
                </div>
              {% endif %}
            </div>
            <div id="tab-local" class="tab-pane">
              <fieldset>
                <legend>{{ text_region }}</legend>
                <div class="row mb-3">
                  <label for="input-country" class="col-sm-2 col-form-label">{{ entry_country }}</label>
                  <div class="col-sm-10">
                    <select name="config_country_id" id="input-country" class="form-select">
                      {% for country in countries %}
                        <option value="{{ country.country_id }}"{% if country.country_id == config_country_id %} selected{% endif %}>{{ country.name }}</option>
                      {% endfor %}
                    </select>
                  </div>
                </div>
                <div class="row mb-3">
                  <label for="input-zone" class="col-sm-2 col-form-label">{{ entry_zone }}</label>
                  <div class="col-sm-10">
                    <select name="config_zone_id" id="input-zone" class="form-select"></select>
                  </div>
                </div>
                <div class="row mb-3">
                  <label for="input-timezone" class="col-sm-2 col-form-label">{{ entry_timezone }}</label>
                  <div class="col-sm-10">
                    <select name="config_timezone" id="input-timezone" class="form-select">
                      {% for timezone in timezones %}
                        <option value="{{ timezone.value }}"{% if timezone.value == config_timezone %} selected{% endif %}>{{ timezone.text }}</option>
                      {% endfor %}
                    </select>
                  </div>
                </div>
              </fieldset>

              <fieldset>
                <legend>{{ text_language }}</legend>
                <div class="row mb-3">
                  <label for="input-language-catalog" class="col-sm-2 col-form-label">{{ entry_language }}</label>
                  <div class="col-sm-10">
                    <select name="config_language_catalog" id="input-language-catalog" class="form-select">
                      {% for language in languages %}
                        <option value="{{ language.code }}"{% if language.code == config_language_catalog %} selected{% endif %}>{{ language.name }}</option>
                      {% endfor %}
                    </select>
                  </div>
                </div>
                <div class="row mb-3">
                  <label for="input-language-admin" class="col-sm-2 col-form-label">{{ entry_language_admin }}</label>
                  <div class="col-sm-10">
                    <select name="config_language_admin" id="input-language-admin" class="form-select">
                      {% for language in languages %}
                        <option value="{{ language.code }}"{% if language.code == config_language_admin %} selected{% endif %}>{{ language.name }}</option>
                      {% endfor %}
                    </select>
                  </div>
                </div>
              </fieldset>
              <fieldset>
                <legend>{{ text_currency }}</legend>
                <div class="row mb-3">
                  <label for="input-currency" class="col-sm-2 col-form-label">{{ entry_currency }}</label>
                  <div class="col-sm-10">
                    <select name="config_currency" id="input-currency" class="form-select">
                      {% for currency in currencies %}
                        <option value="{{ currency.code }}"{% if currency.code == config_currency %} selected{% endif %}>{{ currency.title }}</option>
                      {% endfor %}
                    </select>
                    <div class="form-text">{{ help_currency }}</div>
                  </div>
                </div>
                <div class="row mb-3">
                  <label for="input-currency-engine" class="col-sm-2 col-form-label">{{ entry_currency_engine }}</label>
                  <div class="col-sm-10">
                    <select name="config_currency_engine" id="input-currency-engine" class="form-select">
                      {% for currency_engine in currency_engines %}
                        <option value="{{ currency_engine.value }}"{% if currency_engine.value == config_currency_engine %} selected{% endif %}>{{ currency_engine.text }}</option>
                      {% endfor %}
                    </select>
                  </div>
                </div>
                <div class="row mb-3">
                  <label class="col-sm-2 col-form-label">{{ entry_currency_auto }}</label>
                  <div class="col-sm-10">
                    <div class="form-check form-switch form-switch-lg">
                      <input type="hidden" name="config_currency_auto" value="0"/> <input type="checkbox" name="config_currency_auto" value="1" id="input-currency-auto" class="form-check-input"{% if config_currency_auto %} checked{% endif %}/>
                    </div>
                    <div class="form-text">{{ help_currency_auto }}</div>
                  </div>
                </div>
              </fieldset>
              <fieldset>
                <legend>{{ text_measurement }}</legend>
                <div class="row mb-3">
                  <label for="input-length-class" class="col-sm-2 col-form-label">{{ entry_length_class }}</label>
                  <div class="col-sm-10">
                    <select name="config_length_class_id" id="input-length-class" class="form-select">
                      {% for length_class in length_classes %}
                        <option value="{{ length_class.length_class_id }}"{% if length_class.length_class_id == config_length_class_id %} selected{% endif %}>{{ length_class.title }}</option>
                      {% endfor %}
                    </select>
                  </div>
                </div>
                <div class="row mb-3">
                  <label for="input-weight-class" class="col-sm-2 col-form-label">{{ entry_weight_class }}</label>
                  <div class="col-sm-10">
                    <select name="config_weight_class_id" id="input-weight-class" class="form-select">
                      {% for weight_class in weight_classes %}
                        <option value="{{ weight_class.weight_class_id }}"{% if weight_class.weight_class_id == config_weight_class_id %} selected{% endif %}>{{ weight_class.title }}</option>
                      {% endfor %}
                    </select>
                  </div>
                </div>
              </fieldset>
            </div>
            <div id="tab-option" class="tab-pane">
              <div class="accordion" id="accordion-option">
                <div class="accordion-item">
                  <h2 class="accordion-header"><button type="button" class="accordion-button collapsed" data-bs-toggle="collapse" data-bs-target="#collapse-product">{{ text_product }}</button></h2>
                  <div id="collapse-product" class="accordion-collapse collapse" data-bs-parent="#accordion-option">
                    <div class="accordion-body">
                      <div class="row mt-2 mb-3 required">
                        <label for="input-product-description-length" class="col-sm-2 col-form-label">{{ entry_product_description_length }}</label>
                        <div class="col-sm-10">
                          <input type="text" name="config_product_description_length" value="{{ config_product_description_length }}" placeholder="{{ entry_product_description_length }}" id="input-product-description-length" class="form-control"/>
                          <div class="form-text">{{ help_product_description_length }}</div>
                          <div id="error-product-description-length" class="invalid-feedback"></div>
                        </div>
                      </div>
                      <div class="row mb-3 required">
                        <label for="input-pagination" class="col-sm-2 col-form-label">{{ entry_pagination }}</label>
                        <div class="col-sm-10">
                          <input type="text" name="config_pagination" value="{{ config_pagination }}" placeholder="{{ entry_pagination }}" id="input-pagination" class="form-control"/>
                          <div class="form-text">{{ help_pagination }}</div>
                          <div id="error-pagination" class="invalid-feedback"></div>
                        </div>
                      </div>
                      <div class="row mb-3">
                        <label class="col-sm-2 col-form-label">{{ entry_product_count }}</label>
                        <div class="col-sm-10">
                          <div class="form-check form-switch form-switch-lg">
                            <input type="hidden" name="config_product_count" value="0"/> <input type="checkbox" name="config_product_count" value="1" id="input-product-count" class="form-check-input"{% if config_product_count %} checked{% endif %}/>
                          </div>
                          <div class="form-text">{{ help_product_count }}</div>
                        </div>
                      </div>
                      <div class="row mb-3 required">
                        <label for="input-pagination-admin" class="col-sm-2 col-form-label">{{ entry_pagination_admin }}</label>
                        <div class="col-sm-10">
                          <input type="text" name="config_pagination_admin" value="{{ config_pagination_admin }}" placeholder="{{ entry_pagination_admin }}" id="input-pagination-admin" class="form-control"/>
                          <div class="form-text">{{ help_pagination }}</div>
                          <div id="error-pagination-admin" class="invalid-feedback"></div>
                        </div>
                      </div>
                      <div class="row mb-3 required">
                        <label for="input-autocomplete-limit" class="col-sm-2 col-form-label">{{ entry_autocomplete_limit }}</label>
                        <div class="col-sm-10">
                          <input type="text" name="config_autocomplete_limit" value="{{ config_autocomplete_limit }}" placeholder="{{ entry_autocomplete_limit }}" id="input-autocomplete-limit" class="form-control"/>
                          <div class="form-text">{{ help_autocomplete_limit }}</div>
                          <div id="error-autocomplete-limit" class="invalid-feedback"></div>
                        </div>
                      </div>
                      <div class="row mb-3 required">
                        <label class="col-sm-2 col-form-label">{{ entry_product_report }}</label>
                        <div class="col-sm-10">
                          <div class="form-check form-switch form-switch-lg">
                            <input type="hidden" name="config_product_report_status" value="0"/> <input type="checkbox" name="config_product_report_status" value="1" id="input-product-report" class="form-check-input"{% if config_product_report_status %} checked{% endif %}/>
                          </div>
                          <div class="form-text">{{ help_product_report }}</div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="accordion-item">
                  <h2 class="accordion-header"><button type="button" class="accordion-button collapsed" data-bs-toggle="collapse" data-bs-target="#collapse-review">{{ text_review }}</button></h2>
                  <div id="collapse-review" class="accordion-collapse collapse" data-bs-parent="#accordion-option">
                    <div class="accordion-body">
                      <div class="row mt-2 mb-3">
                        <label class="col-sm-2 col-form-label">{{ entry_review_status }}</label>
                        <div class="col-sm-10">
                          <div class="form-check form-switch form-switch-lg">
                            <input type="hidden" name="config_review_status" value="0"/> <input type="checkbox" name="config_review_status" value="1" id="input-review-status" class="form-check-input"{% if config_review_status %} checked{% endif %}/>
                          </div>
                          <div class="form-text">{{ help_review }}</div>
                        </div>
                      </div>
                      <div class="row mt-2 mb-3">
                        <label class="col-sm-2 col-form-label">{{ entry_review_purchased }}</label>
                        <div class="col-sm-10">
                          <div class="form-check form-switch form-switch-lg">
                            <input type="hidden" name="config_review_purchased" value="0"/> <input type="checkbox" name="config_review_purchased" value="1" id="input-review-purchased" class="form-check-input"{% if config_review_purchased %} checked{% endif %}/>
                          </div>
                          <div class="form-text">{{ help_review_purchased }}</div>
                        </div>
                      </div>
                      <div class="row mb-3">
                        <label class="col-sm-2 col-form-label">{{ entry_review_guest }}</label>
                        <div class="col-sm-10">
                          <div class="form-check form-switch form-switch-lg">
                            <input type="hidden" name="config_review_guest" value="0"/> <input type="checkbox" name="config_review_guest" value="1" id="input-review-guest" class="form-check-input"{% if config_review_guest %} checked{% endif %}/>
                          </div>
                          <div class="form-text">{{ help_review_guest }}</div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="accordion-item">
                  <h2 class="accordion-header"><button type="button" class="accordion-button collapsed" data-bs-toggle="collapse" data-bs-target="#collapse-cms">{{ text_cms }}</button></h2>
                  <div id="collapse-cms" class="accordion-collapse collapse" data-bs-parent="#accordion-option">
                    <div class="accordion-body">
                      <div class="row mb-3 required">
                        <label for="input-article-description-length" class="col-sm-2 col-form-label">{{ entry_article_description_length }}</label>
                        <div class="col-sm-10">
                          <input type="text" name="config_article_description_length" value="{{ config_article_description_length }}" placeholder="{{ entry_article_description_length }}" id="input-article-description-length" class="form-control"/>
                          <div class="form-text">{{ help_article_description_length }}</div>
                          <div id="error-article-description-length" class="invalid-feedback"></div>
                        </div>
                      </div>
                      <div class="row mb-3">
                        <label class="col-sm-2 col-form-label">{{ entry_comment_status }}</label>
                        <div class="col-sm-10">
                          <div class="form-check form-switch form-switch-lg">
                            <input type="hidden" name="config_comment_status" value="0"/> <input type="checkbox" name="config_comment_status" value="1" id="input-comment-status" class="form-check-input"{% if config_comment_status %} checked{% endif %}/>
                          </div>
                          <div class="form-text">{{ help_comment_status }}</div>
                        </div>
                      </div>
                      <div class="row mb-3">
                        <label class="col-sm-2 col-form-label">{{ entry_comment_approve }}</label>
                        <div class="col-sm-10">
                          <div class="form-check form-switch form-switch-lg">
                            <input type="hidden" name="config_comment_approve" value="0"/> <input type="checkbox" name="config_comment_approve" value="1" id="input-comment-approve" class="form-check-input"{% if config_comment_approve %} checked{% endif %}/>
                          </div>
                          <div class="form-text">{{ help_comment_approve }}</div>
                        </div>
                      </div>
                      <div class="row mb-3">
                        <label for="input-comment-interval" class="col-sm-2 col-form-label">{{ entry_comment_interval }}</label>
                        <div class="col-sm-10">
                          <input type="text" name="config_comment_interval" value="{{ config_comment_interval }}" placeholder="{{ entry_comment_interval }}" id="input-comment-interval" class="form-control"/>
                          <div class="form-text">{{ help_comment_interval }}</div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="accordion-item">
                  <h2 class="accordion-header"><button type="button" class="accordion-button collapsed" data-bs-toggle="collapse" data-bs-target="#collapse-legal">{{ text_legal }}</button></h2>
                  <div id="collapse-legal" class="accordion-collapse collapse" data-bs-parent="#accordion-option">
                    <div class="accordion-body">
                      <div class="row mt-2 mb-3">
                        <label for="input-cookie" class="col-sm-2 col-form-label">{{ entry_cookie }}</label>
                        <div class="col-sm-10">
                          <select name="config_cookie_id" id="input-cookie" class="form-select">
                            <option value="0">{{ text_none }}</option>
                            {% for information in informations %}
                              <option value="{{ information.information_id }}"{% if information.information_id == config_cookie_id %} selected{% endif %}>{{ information.title }}</option>
                            {% endfor %}
                          </select>
                          <div class="form-text">{{ help_cookie }}</div>
                        </div>
                      </div>
                      <div class="row mb-3">
                        <label for="input-gdpr" class="col-sm-2 col-form-label">{{ entry_gdpr }}</label>
                        <div class="col-sm-10">
                          <select name="config_gdpr_id" id="input-gdpr" class="form-select">
                            <option value="0">{{ text_none }}</option>
                            {% for information in informations %}
                              <option value="{{ information.information_id }}"{% if information.information_id == config_gdpr_id %} selected{% endif %}>{{ information.title }}</option>
                            {% endfor %}
                          </select>
                          <div class="form-text">{{ help_gdpr }}</div>
                        </div>
                      </div>
                      <div class="row mb-3">
                        <label for="input-gdpr-limit" class="col-sm-2 col-form-label">{{ entry_gdpr_limit }}</label>
                        <div class="col-sm-10">
                          <input type="text" name="config_gdpr_limit" value="{{ config_gdpr_limit }}" placeholder="{{ entry_gdpr_limit }}" id="input-gdpr-limit" class="form-control"/>
                          <div class="form-text">{{ help_gdpr_limit }}</div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="accordion-item">
                  <h2 class="accordion-header"><button type="button" class="accordion-button collapsed" data-bs-toggle="collapse" data-bs-target="#collapse-tax">{{ text_tax }}</button></h2>
                  <div id="collapse-tax" class="accordion-collapse collapse" data-bs-parent="#accordion-option">
                    <div class="accordion-body">
                      <div class="row mt-2 mb-3">
                        <label class="col-sm-2 col-form-label">{{ entry_tax }}</label>
                        <div class="col-sm-10">
                          <div class="form-check form-switch form-switch-lg">
                            <input type="hidden" name="config_tax" value="0"/> <input type="checkbox" name="config_tax" value="1" id="input-tax" class="form-check-input"{% if config_tax %} checked{% endif %}/>
                          </div>
                        </div>
                      </div>
                      <div class="row mb-3">
                        <label for="input-tax-default" class="col-sm-2 col-form-label">{{ entry_tax_default }}</label>
                        <div class="col-sm-10">
                          <select name="config_tax_default" id="input-tax-default" class="form-select">
                            <option value="">{{ text_none }}</option>
                            <option value="shipping"{% if config_tax_default == 'shipping' %} selected{% endif %}>{{ text_shipping }}</option>
                            <option value="payment"{% if config_tax_default == 'payment' %} selected{% endif %}>{{ text_payment }}</option>
                          </select>
                          <div class="form-text">{{ help_tax_default }}</div>
                        </div>
                      </div>
                      <div class="row mb-3">
                        <label for="input-tax-customer" class="col-sm-2 col-form-label">{{ entry_tax_customer }}</label>
                        <div class="col-sm-10">
                          <select name="config_tax_customer" id="input-tax-customer" class="form-select">
                            <option value="">{{ text_none }}</option>
                            <option value="shipping"{% if config_tax_customer == 'shipping' %} selected{% endif %}>{{ text_shipping }}</option>
                            <option value="payment"{% if config_tax_customer == 'payment' %} selected{% endif %}>{{ text_payment }}</option>
                          </select>
                          <div class="form-text">{{ help_tax_customer }}</div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="accordion-item">
                  <h2 class="accordion-header"><button type="button" class="accordion-button collapsed" data-bs-toggle="collapse" data-bs-target="#collapse-account">{{ text_account }}</button></h2>
                  <div id="collapse-account" class="accordion-collapse collapse" data-bs-parent="#accordion-option">
                    <div class="accordion-body">
                      <div class="row mt-2 mb-3">
                        <label class="col-sm-2 col-form-label">{{ entry_customer_online }}</label>
                        <div class="col-sm-10">
                          <div class="form-check form-switch form-switch-lg">
                            <input type="hidden" name="config_customer_online" value="0"/> <input type="checkbox" name="config_customer_online" value="1" id="input-customer-online" class="form-check-input"{% if config_customer_online %} checked{% endif %}/>
                          </div>
                          <div class="form-text">{{ help_customer_online }}</div>
                        </div>
                      </div>
                      <div class="row mb-3">
                        <label for="input-customer-online-expire" class="col-sm-2 col-form-label">{{ entry_customer_online_expire }}</label>
                        <div class="col-sm-10">
                          <div class="input-group">
                            <input type="text" name="config_customer_online_expire" value="{{ config_customer_online_expire }}" placeholder="{{ entry_customer_online_expire }}" id="input-customer-online-expire" class="form-control"/> <span class="input-group-text" id="basic-addon2">{{ text_hour }}</span>
                          </div>
                          <div class="form-text">{{ help_customer_online_expire }}</div>
                          <div id="error-customer-online-expire" class="invalid-feedback"></div>
                        </div>
                      </div>
                      <div class="row mb-3">
                        <label class="col-sm-2 col-form-label">{{ entry_customer_activity }}</label>
                        <div class="col-sm-10">
                          <div class="form-check form-switch form-switch-lg">
                            <input type="hidden" name="config_customer_activity" value="0"/> <input type="checkbox" name="config_customer_activity" value="1" id="input-customer-activity" class="form-check-input"{% if config_customer_activity %} checked{% endif %}/>
                          </div>
                          <div class="form-text">{{ help_customer_activity }}</div>
                        </div>
                      </div>
                      <div class="row mb-3">
                        <label class="col-sm-2 col-form-label">{{ entry_customer_search }}</label>
                        <div class="col-sm-10">
                          <div class="form-check form-switch form-switch-lg">
                            <input type="hidden" name="config_customer_search" value="0"/> <input type="checkbox" name="config_customer_search" value="1" id="input-customer-search" class="form-check-input"{% if config_customer_search %} checked{% endif %}/>
                          </div>
                        </div>
                      </div>
                      <div class="row mb-3">
                        <label for="input-customer-group" class="col-sm-2 col-form-label">{{ entry_customer_group }}</label>
                        <div class="col-sm-10">
                          <select name="config_customer_group_id" id="input-customer-group" class="form-select">
                            {% for customer_group in customer_groups %}
                              <option value="{{ customer_group.customer_group_id }}"{% if customer_group.customer_group_id == config_customer_group_id %} selected{% endif %}>{{ customer_group.name }}</option>
                            {% endfor %}
                          </select>
                          <div class="form-text">{{ help_customer_group }}</div>
                        </div>
                      </div>
                      <div class="row mb-3">
                        <label class="col-sm-2 col-form-label">{{ entry_customer_group_display }}</label>
                        <div class="col-sm-10">
                          <div id="input-customer-group-display" class="form-control" style="height: 150px; overflow: auto;">
                            {% for customer_group in customer_groups %}
                              <div class="form-check">
                                <input type="checkbox" name="config_customer_group_display[]" value="{{ customer_group.customer_group_id }}" id="input-customer-group-{{ customer_group.customer_group_id }}" class="form-check-input"{% if customer_group.customer_group_id in config_customer_group_display %} checked{% endif %}/> <label for="input-customer-group-{{ customer_group.customer_group_id }}" class="form-check-label">{{ customer_group.name }}</label>
                              </div>
                            {% endfor %}
                          </div>
                          <div class="form-text">{{ help_customer_group_display }}</div>
                          <div id="error-customer-group-display" class="invalid-feedback"></div>
                        </div>
                      </div>
                      <div class="row mb-3">
                        <label class="col-sm-2 col-form-label">{{ entry_customer_price }}</label>
                        <div class="col-sm-10">
                          <div class="form-check form-switch form-switch-lg">
                            <input type="hidden" name="config_customer_price" value="0"/> <input type="checkbox" name="config_customer_price" value="1" id="input-customer-price" class="form-check-input"{% if config_customer_price %} checked{% endif %}/>
                          </div>
                          <div class="form-text">{{ help_customer_price }}</div>
                        </div>
                      </div>
                      <div class="row mb-3">
                        <label class="col-sm-2 col-form-label">{{ entry_telephone_display }}</label>
                        <div class="col-sm-10">
                          <div class="form-check form-switch form-switch-lg">
                            <input type="hidden" name="config_telephone_display" value="0"/> <input type="checkbox" name="config_telephone_display" value="1" id="input-telephone-display" class="form-check-input"{% if config_telephone_display %} checked{% endif %}/>
                          </div>
                        </div>
                      </div>
                      <div class="row mb-3">
                        <label class="col-sm-2 col-form-label">{{ entry_telephone_required }}</label>
                        <div class="col-sm-10">
                          <div class="form-check form-switch form-switch-lg">
                            <input type="hidden" name="config_telephone_required" value="0"/> <input type="checkbox" name="config_telephone_required" value="1" id="input-telephone-required" class="form-check-input"{% if config_telephone_required %} checked{% endif %}/>
                          </div>
                        </div>
                      </div>
                      <div class="row mb-3">
                        <label for="input-account" class="col-sm-2 col-form-label">{{ entry_account }}</label>
                        <div class="col-sm-10">
                          <select name="config_account_id" id="input-account" class="form-select">
                            <option value="0">{{ text_none }}</option>
                            {% for information in informations %}
                              <option value="{{ information.information_id }}"{% if information.information_id == config_account_id %} selected{% endif %}>{{ information.title }}</option>
                            {% endfor %}
                          </select>
                          <div class="form-text">{{ help_account }}</div>
                        </div>
                      </div>
                      <fieldset>
                        <legend>{{ text_security }}</legend>
                        <div class="row mb-3">
                          <label class="col-sm-2 col-form-label">{{ entry_2fa }}</label>
                          <div class="col-sm-10">
                            <div class="form-check form-switch form-switch-lg">
                              <input type="hidden" name="config_2fa" value="0"/>
                              <input type="checkbox" name="config_2fa" value="1" id="input-2fa" class="form-check-input"{% if config_2fa %} checked{% endif %}/>
                            </div>
                            <div class="form-text">{{ help_2fa }}</div>
                          </div>
                        </div>
                        <div class="row mb-3">
                          <label for="input-login-attempts" class="col-sm-2 col-form-label">{{ entry_login_attempts }}</label>
                          <div class="col-sm-10">
                            <input type="text" name="config_login_attempts" value="{{ config_login_attempts }}" placeholder="{{ entry_login_attempts }}" id="input-login-attempts" class="form-control"/>
                            <div class="form-text">{{ help_login_attempts }}</div>
                            <div id="error-login-attempts" class="invalid-feedback"></div>
                          </div>
                        </div>
                        <div class="row mb-3">
                          <label class="col-sm-2 col-form-label">{{ entry_password }}</label>
                          <div class="col-sm-10">
                            <div class="form-control" style="overflow: auto;">
                              <div class="form-check">
                                <input type="checkbox" name="config_password_uppercase" value="1" id="input-password-uppercase" class="form-check-input"{% if config_password_uppercase %} checked{% endif %}/>
                                <label for="input-password-uppercase" class="form-check-label">{{ text_password_uppercase }}</label>
                              </div>
                              <div class="form-check">
                                <input type="checkbox" name="config_password_lowercase" value="1" id="input-password-lowercase" class="form-check-input"{% if config_password_lowercase %} checked{% endif %}/>
                                <label for="input-password-lowercase" class="form-check-label">{{ text_password_lowercase }}</label>
                              </div>
                              <div class="form-check">
                                <input type="checkbox" name="config_password_number" value="1" id="input-password-number" class="form-check-input"{% if config_password_number %} checked{% endif %}/>
                                <label for="input-password-number" class="form-check-label">{{ text_password_number }}</label>
                              </div>
                              <div class="form-check">
                                <input type="checkbox" name="config_password_symbol" value="1" id="input-password-symbol" class="form-check-input"{% if config_password_symbol %} checked{% endif %}/>
                                <label for="input-password-symbol" class="form-check-label">{{ text_password_symbol }}</label>
                              </div>
                            </div>
                          </div>
                        </div>
                        <div class="row mb-3">
                          <label for="input-password-length" class="col-sm-2 col-form-label">{{ entry_password_length }}</label>
                          <div class="col-sm-10">
                            <input type="text" name="config_password_length" value="{{ config_password_length }}" placeholder="{{ entry_password_length }}" id="input-password-length" class="form-control"/>
                          </div>
                        </div>
                      </fieldset>
                    </div>
                  </div>
                </div>

                <div class="accordion-item">
                  <h2 class="accordion-header"><button type="button" class="accordion-button collapsed" data-bs-toggle="collapse" data-bs-target="#collapse-checkout">{{ text_checkout }}</button></h2>
                  <div id="collapse-checkout" class="accordion-collapse collapse" data-bs-parent="#accordion-option">
                    <div class="accordion-body">
                      <div class="row mt-2 mb-3">
                        <label for="input-invoice-prefix" class="col-sm-2 col-form-label">{{ entry_invoice_prefix }}</label>
                        <div class="col-sm-10">
                          <input type="text" name="config_invoice_prefix" value="{{ config_invoice_prefix }}" placeholder="{{ entry_invoice_prefix }}" id="input-invoice-prefix" class="form-control"/>
                          <div class="form-text">{{ help_invoice_prefix }}</div>
                        </div>
                      </div>
                      <div class="row mb-3">
                        <label class="col-sm-2 col-form-label">{{ entry_cart_weight }}</label>
                        <div class="col-sm-10">
                          <div class="form-check form-switch form-switch-lg">
                            <input type="hidden" name="config_cart_weight" value="0"/> <input type="checkbox" name="config_cart_weight" value="1" id="input-cart-weight" class="form-check-input"{% if config_cart_weight %} checked{% endif %}/>
                          </div>
                          <div class="form-text">{{ help_cart_weight }}</div>
                        </div>
                      </div>
                      <div class="row mb-3">
                        <label class="col-sm-2 col-form-label">{{ entry_checkout_guest }}</label>
                        <div class="col-sm-10">
                          <div class="form-check form-switch form-switch-lg">
                            <input type="hidden" name="config_checkout_guest" value="0"/> <input type="checkbox" name="config_checkout_guest" value="1" id="input-checkout-guest" class="form-check-input"{% if config_checkout_guest %} checked{% endif %}/>
                          </div>
                          <div class="form-text">{{ help_checkout_guest }}</div>
                        </div>
                      </div>
                      <div class="row mb-3">
                        <label class="col-sm-2 col-form-label">{{ entry_checkout_payment_address }}</label>
                        <div class="col-sm-10">
                          <div class="form-check form-switch form-switch-lg">
                            <input type="hidden" name="config_checkout_payment_address" value="0"/> <input type="checkbox" name="config_checkout_payment_address" value="1" id="input-checkout-payment-address" class="form-check-input"{% if config_checkout_payment_address %} checked{% endif %}/>
                          </div>
                          <div class="form-text">{{ help_checkout_payment_address }}</div>
                        </div>
                      </div>
                      <div class="row mb-3">
                        <label class="col-sm-2 col-form-label">{{ entry_checkout_shipping_address }}</label>
                        <div class="col-sm-10">
                          <div class="form-check form-switch form-switch-lg">
                            <input type="hidden" name="config_checkout_shipping_address" value="0"/> <input type="checkbox" name="config_checkout_shipping_address" value="1" id="input-checkout-shipping-address" class="form-check-input"{% if config_checkout_shipping_address %} checked{% endif %}/>
                          </div>
                          <div class="form-text">{{ help_checkout_shipping_address }}</div>
                        </div>
                      </div>
                      <div class="row mb-3">
                        <label for="input-checkout" class="col-sm-2 col-form-label">{{ entry_checkout }}</label>
                        <div class="col-sm-10">
                          <select name="config_checkout_id" id="input-checkout" class="form-select">
                            <option value="0">{{ text_none }}</option>
                            {% for information in informations %}
                              <option value="{{ information.information_id }}"{% if information.information_id == config_checkout_id %} selected{% endif %}>{{ information.title }}</option>
                            {% endfor %}
                          </select>
                          <div class="form-text">{{ help_checkout }}</div>
                        </div>
                      </div>
                      <div class="row mb-3">
                        <label for="input-order-status" class="col-sm-2 col-form-label">{{ entry_order_status }}</label>
                        <div class="col-sm-10">
                          <select name="config_order_status_id" id="input-order-status" class="form-select">
                            {% for order_status in order_statuses %}
                              <option value="{{ order_status.order_status_id }}"{% if order_status.order_status_id == config_order_status_id %} selected{% endif %}>{{ order_status.name }}</option>
                            {% endfor %}
                          </select>
                          <div class="form-text">{{ help_order_status }}</div>
                        </div>
                      </div>
                      <div class="row mb-3">
                        <label class="col-sm-2 col-form-label">{{ entry_processing_status }}</label>
                        <div class="col-sm-10">
                          <div id="input-processing-status" class="form-control" style="height: 150px; overflow: auto;">
                            {% for order_status in order_statuses %}
                              <div class="form-check">
                                <input type="checkbox" name="config_processing_status[]" value="{{ order_status.order_status_id }}" id="input-processing-status-{{ order_status.order_status_id }}" class="form-check-input"{% if order_status.order_status_id in config_processing_status %} checked{% endif %}/> <label for="input-processing-status-{{ order_status.order_status_id }}" class="form-check-label">{{ order_status.name }}</label>
                              </div>
                            {% endfor %}
                          </div>
                          <div class="form-text">{{ help_processing_status }}</div>
                          <div id="error-processing-status" class="invalid-feedback"></div>
                        </div>
                      </div>
                      <div class="row mb-3">
                        <label class="col-sm-2 col-form-label">{{ entry_complete_status }}</label>
                        <div class="col-sm-10">
                          <div id="input-complete-status" class="form-control" style="height: 150px; overflow: auto;">
                            {% for order_status in order_statuses %}
                              <div class="form-check">
                                <input type="checkbox" name="config_complete_status[]" value="{{ order_status.order_status_id }}" id="input-complete-status-{{ order_status.order_status_id }}" class="form-check-input"{% if order_status.order_status_id in config_complete_status %} checked{% endif %}/> <label for="input-complete-status-{{ order_status.order_status_id }}" class="form-check-label">{{ order_status.name }}</label>
                              </div>
                            {% endfor %}
                          </div>
                          <div class="form-text">{{ help_complete_status }}</div>
                          <div id="error-complete-status" class="invalid-feedback"></div>
                        </div>
                      </div>
                      <div class="row mb-3">
                        <label for="input-failed-status" class="col-sm-2 col-form-label">{{ entry_failed_status }}</label>
                        <div class="col-sm-10">
                          <select name="config_failed_status_id" id="input-failed-status" class="form-select">
                            {% for order_status in order_statuses %}
                              <option value="{{ order_status.order_status_id }}"{% if order_status.order_status_id == config_failed_status_id %} selected{% endif %}>{{ order_status.name }}</option>
                            {% endfor %}
                          </select>
                          <div class="form-text">{{ help_failed_status }}</div>
                        </div>
                      </div>
                      <div class="row mb-3">
                        <label for="input-void-status" class="col-sm-2 col-form-label">{{ entry_void_status }}</label>
                        <div class="col-sm-10">
                          <select name="config_void_status_id" id="input-void-status" class="form-select">
                            {% for order_status in order_statuses %}
                              <option value="{{ order_status.order_status_id }}"{% if order_status.order_status_id == config_void_status_id %} selected{% endif %}>{{ order_status.name }}</option>
                            {% endfor %}
                          </select>
                          <div class="form-text">{{ help_void_status }}</div>
                        </div>
                      </div>
                      <div class="row mb-3">
                        <label for="input-fraud-status" class="col-sm-2 col-form-label">{{ entry_fraud_status }}</label>
                        <div class="col-sm-10">
                          <select name="config_fraud_status_id" id="input-fraud-status" class="form-select">
                            {% for order_status in order_statuses %}
                              <option value="{{ order_status.order_status_id }}"{% if order_status.order_status_id == config_fraud_status_id %} selected{% endif %}>{{ order_status.name }}</option>
                            {% endfor %}
                          </select>
                          <div class="form-text">{{ help_fraud_status }}</div>
                        </div>
                      </div>
                      <div class="row mb-3">
                        <label for="input-api" class="col-sm-2 col-form-label">{{ entry_api }}</label>
                        <div class="col-sm-10">
                          <select name="config_api_id" id="input-api" class="form-select">
                            <option value="0">{{ text_none }}</option>
                            {% for api in apis %}
                              <option value="{{ api.api_id }}"{% if api.api_id == config_api_id %} selected{% endif %}>{{ api.username }}</option>
                            {% endfor %}
                          </select>
                          <div class="form-text">{{ help_api }}</div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="accordion-item">
                  <h2 class="accordion-header"><button type="button" class="accordion-button collapsed" data-bs-toggle="collapse" data-bs-target="#collapse-subscription">{{ text_subscription }}</button></h2>
                  <div id="collapse-subscription" class="accordion-collapse collapse" data-bs-parent="#accordion-option">
                    <div class="accordion-body">

                      <div class="row mb-3">
                        <label for="input-subscription-status" class="col-sm-2 col-form-label">{{ entry_subscription_status }}</label>
                        <div class="col-sm-10">
                          <select name="config_subscription_status_id" id="input-subscription-status" class="form-select">
                            {% for subscription_status in subscription_statuses %}
                              <option value="{{ subscription_status.subscription_status_id }}"{% if subscription_status.subscription_status_id == config_subscription_status_id %} selected{% endif %}>{{ subscription_status.name }}</option>
                            {% endfor %}
                          </select>
                          <div class="form-text">{{ help_subscription }}</div>
                        </div>
                      </div>

                      <div class="row mb-3">
                        <label for="input-subscription-active-status" class="col-sm-2 col-form-label">{{ entry_subscription_active_status }}</label>
                        <div class="col-sm-10">
                          <select name="config_subscription_active_status_id" id="input-subscription-active-status" class="form-select">
                            {% for subscription_status in subscription_statuses %}
                              <option value="{{ subscription_status.subscription_status_id }}"{% if subscription_status.subscription_status_id == config_subscription_active_status_id %} selected{% endif %}>{{ subscription_status.name }}</option>
                            {% endfor %}
                          </select>
                        </div>
                      </div>

                      <div class="row mb-3">
                        <label for="input-subscription-expired-status" class="col-sm-2 col-form-label">{{ entry_subscription_expired_status }}</label>
                        <div class="col-sm-10">
                          <select name="config_subscription_expired_status_id" id="input-subscription-expired-status" class="form-select">
                            {% for subscription_status in subscription_statuses %}
                              <option value="{{ subscription_status.subscription_status_id }}"{% if subscription_status.subscription_status_id == config_subscription_expired_status_id %} selected{% endif %}>{{ subscription_status.name }}</option>
                            {% endfor %}
                          </select>
                        </div>
                      </div>

                      <div class="row mb-3">
                        <label for="input-subscription-suspended-status" class="col-sm-2 col-form-label">{{ entry_subscription_suspended_status }}</label>
                        <div class="col-sm-10">
                          <select name="config_subscription_suspended_status_id" id="input-subscription-suspended-status" class="form-select">
                            {% for subscription_status in subscription_statuses %}
                              <option value="{{ subscription_status.subscription_status_id }}"{% if subscription_status.subscription_status_id == config_subscription_suspended_status_id %} selected{% endif %}>{{ subscription_status.name }}</option>
                            {% endfor %}
                          </select>
                        </div>
                      </div>

                      <div class="row mb-3">
                        <label for="input-subscription-canceled-status" class="col-sm-2 col-form-label">{{ entry_subscription_canceled_status }}</label>
                        <div class="col-sm-10">
                          <select name="config_subscription_canceled_status_id" id="input-subscription-canceled-status" class="form-select">
                            {% for subscription_status in subscription_statuses %}
                              <option value="{{ subscription_status.subscription_status_id }}"{% if subscription_status.subscription_status_id == config_subscription_canceled_status_id %} selected{% endif %}>{{ subscription_status.name }}</option>
                            {% endfor %}
                          </select>
                        </div>
                      </div>

                      <div class="row mb-3">
                        <label for="input-subscription-failed-status" class="col-sm-2 col-form-label">{{ entry_subscription_failed_status }}</label>
                        <div class="col-sm-10">
                          <select name="config_subscription_failed_status_id" id="input-subscription-failed-status" class="form-select">
                            {% for subscription_status in subscription_statuses %}
                              <option value="{{ subscription_status.subscription_status_id }}"{% if subscription_status.subscription_status_id == config_subscription_failed_status_id %} selected{% endif %}>{{ subscription_status.name }}</option>
                            {% endfor %}
                          </select>
                        </div>
                      </div>

                      <div class="row mb-3">
                        <label for="input-subscription-denied-status" class="col-sm-2 col-form-label">{{ entry_subscription_denied_status }}</label>
                        <div class="col-sm-10">
                          <select name="config_subscription_denied_status_id" id="input-subscription-denied-status" class="form-select">
                            {% for subscription_status in subscription_statuses %}
                              <option value="{{ subscription_status.subscription_status_id }}"{% if subscription_status.subscription_status_id == config_subscription_denied_status_id %} selected{% endif %}>{{ subscription_status.name }}</option>
                            {% endfor %}
                          </select>
                        </div>
                      </div>

                    </div>
                  </div>
                </div>
                <div class="accordion-item">
                  <h2 class="accordion-header"><button type="button" class="accordion-button collapsed" data-bs-toggle="collapse" data-bs-target="#collapse-stock">{{ text_stock }}</button></h2>
                  <div id="collapse-stock" class="accordion-collapse collapse" data-bs-parent="#accordion-option">
                    <div class="accordion-body">
                      <div class="row mt-2 mb-3">
                        <label class="col-sm-2 col-form-label">{{ entry_stock_display }}</label>
                        <div class="col-sm-10">
                          <div class="form-check form-switch form-switch-lg">
                            <input type="hidden" name="config_stock_display" value="0"/> <input type="checkbox" name="config_stock_display" value="1" id="input-stock-display" class="form-check-input"{% if config_stock_display %} checked{% endif %}/>
                          </div>
                          <div class="form-text">{{ help_stock_display }}</div>
                        </div>
                      </div>
                      <div class="row mb-3">
                        <label class="col-sm-2 col-form-label">{{ entry_stock_warning }}</label>
                        <div class="col-sm-10">
                          <div class="form-check form-switch form-switch-lg">
                            <input type="hidden" name="config_stock_warning" value="0"/> <input type="checkbox" name="config_stock_warning" value="1" id="input-stock-warning" class="form-check-input"{% if config_stock_warning %} checked{% endif %}/>
                          </div>
                          <div class="form-text">{{ help_stock_warning }}</div>
                        </div>
                      </div>
                      <div class="row mb-3">
                        <label class="col-sm-2 col-form-label">{{ entry_stock_checkout }}</label>
                        <div class="col-sm-10">
                          <div class="form-check form-switch form-switch-lg">
                            <input type="hidden" name="config_stock_checkout" value="0"/> <input type="checkbox" name="config_stock_checkout" value="1" id="input-stock-checkout" class="form-check-input"{% if config_stock_checkout %} checked{% endif %}/>
                          </div>
                          <div class="form-text">{{ help_stock_checkout }}</div>
                        </div>
                      </div>
                      <div class="row mb-3">
                        <label for="input-stock-status" class="col-sm-2 col-form-label">{{ entry_stock_status }}</label>
                        <div class="col-sm-10">
                          <select name="config_stock_status_id" id="input-stock-status" class="form-select">
                            {% for stock_status in stock_statuses %}
                              <option value="{{ stock_status.stock_status_id }}"{% if stock_status.stock_status_id == config_stock_status_id %} selected{% endif %}>{{ stock_status.name }}</option>
                            {% endfor %}
                          </select>
                          <div class="form-text">{{ help_stock_status }}</div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="accordion-item">
                  <h2 class="accordion-header"><button type="button" class="accordion-button collapsed" data-bs-toggle="collapse" data-bs-target="#collapse-affiliate">{{ text_affiliate }}</button></h2>
                  <div id="collapse-affiliate" class="accordion-collapse collapse" data-bs-parent="#accordion-option">
                    <div class="accordion-body">
                      <div class="row mt-2 mb-3">
                        <label class="col-sm-2 col-form-label">{{ entry_affiliate_status }}</label>
                        <div class="col-sm-10">
                          <div class="form-check form-switch form-switch-lg">
                            <input type="hidden" name="config_affiliate_status" value="0"/> <input type="checkbox" name="config_affiliate_status" value="1" id="input-affiliate-status" class="form-check-input"{% if config_affiliate_status %} checked{% endif %}/>
                          </div>
                          <div class="form-text">{{ help_affiliate_status }}</div>
                        </div>
                      </div>
                      <div class="row mb-3">
                        <label for="input-affiliate-group" class="col-sm-2 col-form-label">{{ entry_affiliate_group }}</label>
                        <div class="col-sm-10">
                          <select name="config_affiliate_group_id" id="input-affiliate-group" class="form-select">
                            {% for customer_group in customer_groups %}
                              <option value="{{ customer_group.customer_group_id }}"{% if customer_group.customer_group_id == config_affiliate_group_id %} selected{% endif %}>{{ customer_group.name }}</option>
                            {% endfor %}
                          </select>
                        </div>
                      </div>
                      <div class="row mb-3">
                        <label class="col-sm-2 col-form-label">{{ entry_affiliate_approval }}</label>
                        <div class="col-sm-10">
                          <div class="form-check form-switch form-switch-lg">
                            <input type="hidden" name="config_affiliate_approval" value="0"/> <input type="checkbox" name="config_affiliate_approval" value="1" id="input-affiliate-approval" class="form-check-input"{% if config_affiliate_approval %} checked{% endif %}/>
                          </div>
                          <div class="form-text">{{ help_affiliate_approval }}</div>
                        </div>
                      </div>
                      <div class="row mb-3">
                        <label class="col-sm-2 col-form-label">{{ entry_affiliate_auto }}</label>
                        <div class="col-sm-10">
                          <div class="form-check form-switch form-switch-lg">
                            <input type="hidden" name="config_affiliate_auto" value="0"/> <input type="checkbox" name="config_affiliate_auto" value="1" id="input-affiliate-auto" class="form-check-input"{% if config_affiliate_auto %} checked{% endif %}/>
                          </div>
                          <div class="form-text">{{ help_affiliate_auto }}</div>
                        </div>
                      </div>
                      <div class="row mb-3">
                        <label for="input-affiliate-commission" class="col-sm-2 col-form-label">{{ entry_affiliate_commission }}</label>
                        <div class="col-sm-10">
                          <input type="text" name="config_affiliate_commission" value="{{ config_affiliate_commission }}" placeholder="{{ entry_affiliate_commission }}" id="input-affiliate-commission" class="form-control"/>
                          <div class="form-text">{{ help_affiliate_commission }}</div>
                        </div>
                      </div>
                      <div class="row mb-3">
                        <label for="input-affiliate-expire" class="col-sm-2 col-form-label">{{ entry_affiliate_expire }}</label>
                        <div class="col-sm-10">
                          <input type="text" name="config_affiliate_expire" value="{{ config_affiliate_expire }}" placeholder="{{ entry_affiliate_expire }}" id="input-affiliate-expire" class="form-control"/>
                          <div class="form-text">{{ help_affiliate_expire }}</div>
                        </div>
                      </div>
                      <div class="row mb-3">
                        <label for="input-affiliate" class="col-sm-2 col-form-label">{{ entry_affiliate }}</label>
                        <div class="col-sm-10">
                          <select name="config_affiliate_id" id="input-affiliate" class="form-select">
                            <option value="0">{{ text_none }}</option>
                            {% for information in informations %}
                              <option value="{{ information.information_id }}"{% if information.information_id == config_affiliate_id %} selected{% endif %}>{{ information.title }}</option>
                            {% endfor %}
                          </select>
                          <div class="form-text">{{ help_affiliate }}</div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="accordion-item">
                  <h2 class="accordion-header"><button type="button" class="accordion-button collapsed" data-bs-toggle="collapse" data-bs-target="#collapse-return">{{ text_return }}</button></h2>
                  <div id="collapse-return" class="accordion-collapse collapse" data-bs-parent="#accordion-option">
                    <div class="accordion-body">
                      <div class="row mb-3">
                        <label for="input-return-status" class="col-sm-2 col-form-label">{{ entry_return_status }}</label>
                        <div class="col-sm-10">
                          <select name="config_return_status_id" id="input-return-status" class="form-select">
                            {% for return_status in return_statuses %}
                              <option value="{{ return_status.return_status_id }}"{% if return_status.return_status_id == config_return_status_id %} selected{% endif %}>{{ return_status.name }}</option>
                            {% endfor %}
                          </select>
                          <div class="form-text">{{ help_return_status }}</div>
                        </div>
                      </div>
                      <div class="row mt-2 mb-3">
                        <label for="input-return" class="col-sm-2 col-form-label">{{ entry_return }}</label>
                        <div class="col-sm-10">
                          <select name="config_return_id" id="input-return" class="form-select">
                            <option value="0">{{ text_none }}</option>
                            {% for information in informations %}
                              <option value="{{ information.information_id }}"{% if information.information_id == config_return_id %} selected{% endif %}>{{ information.title }}</option>
                            {% endfor %}
                          </select>
                          <div class="form-text">{{ help_return }}</div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="accordion-item">
                  <h2 class="accordion-header"><button type="button" class="accordion-button collapsed" data-bs-toggle="collapse" data-bs-target="#collapse-captcha">{{ text_captcha }}</button></h2>
                  <div id="collapse-captcha" class="accordion-collapse collapse" data-bs-parent="#accordion-option">
                    <div class="accordion-body">
                      <div class="row mt-2 mb-3">
                        <label for="input-captcha" class="col-sm-2 col-form-label">{{ entry_captcha }}</label>
                        <div class="col-sm-10">
                          <select name="config_captcha" id="input-captcha" class="form-select">
                            <option value="">{{ text_none }}</option>
                            {% for captcha in captchas %}
                              <option value="{{ captcha.value }}"{% if captcha.value == config_captcha %} selected{% endif %}>{{ captcha.text }}</option>
                            {% endfor %}
                          </select>
                          <div class="form-text">{{ help_captcha }}</div>
                        </div>
                      </div>
                      <div class="row mb-3">
                        <label class="col-sm-2 col-form-label">{{ entry_captcha_page }}</label>
                        <div class="col-sm-10">
                          <div class="form-control" style="height: 150px; overflow: auto;">
                            {% set captcha_page_row = 0 %}
                            {% for captcha_page in captcha_pages %}
                              <div class="form-check">
                                <input type="checkbox" name="config_captcha_page[]" value="{{ captcha_page.value }}" id="input-captcha-{{ captcha_page_row }}" class="form-check-input"{% if captcha_page.value in config_captcha_page %} checked{% endif %}/> <label for="input-captcha-{{ captcha_page_row }}" class="form-check-label">{{ captcha_page.text }}</label>
                              </div>
                              {% set captcha_page_row = captcha_page_row + 1 %}
                            {% endfor %}
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div id="tab-image" class="tab-pane">
              <fieldset>
                <legend>{{ text_image_size }}</legend>
                <div class="row mb-3 required">
                  <label for="input-image-default-width" class="col-sm-2 col-form-label">{{ entry_image_default }}</label>
                  <div class="col-sm-10">
                    <div id="input-image-default" class="row">
                      <div class="col-sm-6">
                        <input type="text" name="config_image_default_width" value="{{ config_image_default_width }}" placeholder="{{ entry_width }}" id="input-image-default-width" class="form-control"/>
                      </div>
                      <div class="col-sm-6">
                        <input type="text" name="config_image_default_height" value="{{ config_image_default_height }}" placeholder="{{ entry_height }}" id="input-image-default-height" class="form-control"/>
                      </div>
                    </div>
                    <div id="error-image-default" class="invalid-feedback"></div>
                  </div>
                </div>
                <div class="row mb-3 required">
                  <label for="input-image-category-width" class="col-sm-2 col-form-label">{{ entry_image_category }}</label>
                  <div class="col-sm-10">
                    <div id="input-image-category" class="row">
                      <div class="col-sm-6">
                        <input type="text" name="config_image_category_width" value="{{ config_image_category_width }}" placeholder="{{ entry_width }}" id="input-image-category-width" class="form-control"/>
                      </div>
                      <div class="col-sm-6">
                        <input type="text" name="config_image_category_height" value="{{ config_image_category_height }}" placeholder="{{ entry_height }}" id="input-image-category-height" class="form-control"/>
                      </div>
                    </div>
                    <div id="error-image-category" class="invalid-feedback"></div>
                  </div>
                </div>
                <div class="row mb-3 required">
                  <label for="input-image-thumb-width" class="col-sm-2 col-form-label">{{ entry_image_thumb }}</label>
                  <div class="col-sm-10">
                    <div id="input-image-thumb" class="row">
                      <div class="col-sm-6">
                        <input type="text" name="config_image_thumb_width" value="{{ config_image_thumb_width }}" placeholder="{{ entry_width }}" id="input-image-thumb-width" class="form-control"/>
                      </div>
                      <div class="col-sm-6">
                        <input type="text" name="config_image_thumb_height" value="{{ config_image_thumb_height }}" placeholder="{{ entry_height }}" id="input-image-thumb-height" class="form-control"/>
                      </div>
                    </div>
                    <div id="error-image-thumb" class="invalid-feedback"></div>
                  </div>
                </div>
                <div class="row mb-3 required">
                  <label for="input-image-popup-width" class="col-sm-2 col-form-label">{{ entry_image_popup }}</label>
                  <div class="col-sm-10">
                    <div id="input-image-popup" class="row">
                      <div class="col-sm-6">
                        <input type="text" name="config_image_popup_width" value="{{ config_image_popup_width }}" placeholder="{{ entry_width }}" id="input-image-popup-width" class="form-control"/>
                      </div>
                      <div class="col-sm-6">
                        <input type="text" name="config_image_popup_height" value="{{ config_image_popup_height }}" placeholder="{{ entry_height }}" id="input-image-popup-height" class="form-control"/>
                      </div>
                    </div>
                    <div id="error-image-popup" class="invalid-feedback"></div>
                  </div>
                </div>
                <div class="row mb-3 required">
                  <label for="input-image-product-width" class="col-sm-2 col-form-label">{{ entry_image_product }}</label>
                  <div class="col-sm-10">
                    <div id="input-image-product" class="row">
                      <div class="col-sm-6">
                        <input type="text" name="config_image_product_width" value="{{ config_image_product_width }}" placeholder="{{ entry_width }}" id="input-image-product-width" class="form-control"/>
                      </div>
                      <div class="col-sm-6">
                        <input type="text" name="config_image_product_height" value="{{ config_image_product_height }}" placeholder="{{ entry_height }}" id="input-image-product-height" class="form-control"/>
                      </div>
                    </div>
                    <div id="error-image-product" class="invalid-feedback"></div>
                  </div>
                </div>
                <div class="row mb-3 required">
                  <label for="input-image-additional-width" class="col-sm-2 col-form-label">{{ entry_image_additional }}</label>
                  <div class="col-sm-10">
                    <div id="input-image-additional" class="row">
                      <div class="col-sm-6">
                        <input type="text" name="config_image_additional_width" value="{{ config_image_additional_width }}" placeholder="{{ entry_width }}" id="input-image-additional-width" class="form-control"/>
                      </div>
                      <div class="col-sm-6">
                        <input type="text" name="config_image_additional_height" value="{{ config_image_additional_height }}" placeholder="{{ entry_height }}" id="input-image-additional-height" class="form-control"/>
                      </div>
                    </div>
                    <div id="error-image-additional" class="invalid-feedback"></div>
                  </div>
                </div>
                <div class="row mb-3 required">
                  <label for="input-image-related-width" class="col-sm-2 col-form-label">{{ entry_image_related }}</label>
                  <div class="col-sm-10">
                    <div id="input-image-related" class="row">
                      <div class="col-sm-6">
                        <input type="text" name="config_image_related_width" value="{{ config_image_related_width }}" placeholder="{{ entry_width }}" id="input-image-related-width" class="form-control"/>
                      </div>
                      <div class="col-sm-6">
                        <input type="text" name="config_image_related_height" value="{{ config_image_related_height }}" placeholder="{{ entry_height }}" id="input-image-related-height" class="form-control"/>
                      </div>
                    </div>
                    <div id="error-image-related" class="invalid-feedback"></div>
                  </div>
                </div>
                <div class="row mb-3 required">
                  <label for="input-image-article-width" class="col-sm-2 col-form-label">{{ entry_image_article }}</label>
                  <div class="col-sm-10">
                    <div id="input-image-article" class="row">
                      <div class="col-sm-6">
                        <input type="text" name="config_image_article_width" value="{{ config_image_article_width }}" placeholder="{{ entry_width }}" id="input-image-article-width" class="form-control"/>
                      </div>
                      <div class="col-sm-6">
                        <input type="text" name="config_image_article_height" value="{{ config_image_article_height }}" placeholder="{{ entry_height }}" id="input-image-article-height" class="form-control"/>
                      </div>
                    </div>
                    <div id="error-image-article" class="invalid-feedback"></div>
                  </div>
                </div>
                <div class="row mb-3 required">
                  <label for="input-image-topic-width" class="col-sm-2 col-form-label">{{ entry_image_topic }}</label>
                  <div class="col-sm-10">
                    <div id="input-image-topic" class="row">
                      <div class="col-sm-6">
                        <input type="text" name="config_image_topic_width" value="{{ config_image_topic_width }}" placeholder="{{ entry_width }}" id="input-image-topic-width" class="form-control"/>
                      </div>
                      <div class="col-sm-6">
                        <input type="text" name="config_image_topic_height" value="{{ config_image_topic_height }}" placeholder="{{ entry_height }}" id="input-image-topic-height" class="form-control"/>
                      </div>
                    </div>
                    <div id="error-image-topic" class="invalid-feedback"></div>
                  </div>
                </div>
                <div class="row mb-3 required">
                  <label for="input-image-compare-width" class="col-sm-2 col-form-label">{{ entry_image_compare }}</label>
                  <div class="col-sm-10">
                    <div id="input-image-compare" class="row">
                      <div class="col-sm-6">
                        <input type="text" name="config_image_compare_width" value="{{ config_image_compare_width }}" placeholder="{{ entry_width }}" id="input-image-compare-width" class="form-control"/>
                      </div>
                      <div class="col-sm-6">
                        <input type="text" name="config_image_compare_height" value="{{ config_image_compare_height }}" placeholder="{{ entry_height }}" id="input-image-compare-height" class="form-control"/>
                      </div>
                    </div>
                    <div id="error-image-compare" class="invalid-feedback"></div>
                  </div>
                </div>
                <div class="row mb-3 required">
                  <label for="input-image-wishlist-width" class="col-sm-2 col-form-label">{{ entry_image_wishlist }}</label>
                  <div class="col-sm-10">
                    <div id="input-image-wishlist" class="row">
                      <div class="col-sm-6">
                        <input type="text" name="config_image_wishlist_width" value="{{ config_image_wishlist_width }}" placeholder="{{ entry_width }}" id="input-image-wishlist-width" class="form-control"/>
                      </div>
                      <div class="col-sm-6">
                        <input type="text" name="config_image_wishlist_height" value="{{ config_image_wishlist_height }}" placeholder="{{ entry_height }}" id="input-image-wishlist-height" class="form-control"/>
                      </div>
                    </div>
                    <div id="error-image-wishlist" class="invalid-feedback"></div>
                  </div>
                </div>
                <div class="row mb-3 required">
                  <label for="input-image-cart-width" class="col-sm-2 col-form-label">{{ entry_image_cart }}</label>
                  <div class="col-sm-10">
                    <div id="input-image-cart" class="row">
                      <div class="col-sm-6">
                        <input type="text" name="config_image_cart_width" value="{{ config_image_cart_width }}" placeholder="{{ entry_width }}" id="input-image-cart-width" class="form-control"/>
                      </div>
                      <div class="col-sm-6">
                        <input type="text" name="config_image_cart_height" value="{{ config_image_cart_height }}" placeholder="{{ entry_height }}" id="input-image-cart-height" class="form-control"/>
                      </div>
                    </div>
                    <div id="error-image-cart" class="invalid-feedback"></div>
                  </div>
                </div>
                <div class="row mb-3 required">
                  <label for="input-image-location-width" class="col-sm-2 col-form-label">{{ entry_image_location }}</label>
                  <div class="col-sm-10">
                    <div id="input-image-location" class="row">
                      <div class="col-sm-6">
                        <input type="text" name="config_image_location_width" value="{{ config_image_location_width }}" placeholder="{{ entry_width }}" id="input-image-location-width" class="form-control"/>
                      </div>
                      <div class="col-sm-6">
                        <input type="text" name="config_image_location_height" value="{{ config_image_location_height }}" placeholder="{{ entry_height }}" id="input-image-location-height" class="form-control"/>
                      </div>
                    </div>
                    <div id="error-image-location" class="invalid-feedback"></div>
                  </div>
                </div>
              </fieldset>
            </div>
            <div id="tab-mail" class="tab-pane">
              <fieldset>
                <legend>{{ text_general }}</legend>
                <div class="row mb-3">
                  <label for="input-mail-engine" class="col-sm-2 col-form-label">{{ entry_mail_engine }}</label>
                  <div class="col-sm-10">
                    <select name="config_mail_engine" id="input-mail-engine" class="form-select">
                      <option value="">{{ text_none }}</option>
                      <option value="mail"{% if config_mail_engine == 'mail' %} selected{% endif %}>{{ text_mail }}</option>
                      <option value="smtp"{% if config_mail_engine == 'smtp' %} selected{% endif %}>{{ text_smtp }}</option>
                    </select>
                    <div class="form-text">{{ help_mail_engine }}</div>
                  </div>
                </div>
                <div class="row mb-3">
                  <label for="input-mail-parameter" class="col-sm-2 col-form-label">{{ entry_mail_parameter }}</label>
                  <div class="col-sm-10">
                    <input type="text" name="config_mail_parameter" value="{{ config_mail_parameter }}" placeholder="{{ entry_mail_parameter }}" id="input-mail-parameter" class="form-control"/>
                    <div class="form-text">{{ help_mail_parameter }}</div>
                  </div>
                </div>
              </fieldset>
              <fieldset>
                <legend>{{ text_smtp }}</legend>
                <div class="row mb-3">
                  <label for="input-mail-smtp-hostname" class="col-sm-2 col-form-label">{{ entry_mail_smtp_hostname }}</label>
                  <div class="col-sm-10">
                    <input type="text" name="config_mail_smtp_hostname" value="{{ config_mail_smtp_hostname }}" placeholder="{{ entry_mail_smtp_hostname }}" id="input-mail-smtp-hostname" class="form-control"/>
                    <div class="form-text">{{ help_mail_smtp_hostname }}</div>
                  </div>
                </div>
                <div class="row mb-3">
                  <label for="input-mail-smtp-username" class="col-sm-2 col-form-label">{{ entry_mail_smtp_username }}</label>
                  <div class="col-sm-10">
                    <input type="text" name="config_mail_smtp_username" value="{{ config_mail_smtp_username }}" placeholder="{{ entry_mail_smtp_username }}" id="input-mail-smtp-username" class="form-control"/>
                  </div>
                </div>
                <div class="row mb-3">
                  <label for="input-mail-smtp-password" class="col-sm-2 col-form-label">{{ entry_mail_smtp_password }}</label>
                  <div class="col-sm-10">
                    <input type="text" name="config_mail_smtp_password" value="{{ config_mail_smtp_password }}" placeholder="{{ entry_mail_smtp_password }}" id="input-mail-smtp-password" class="form-control"/>
                    <div class="form-text">{{ help_mail_smtp_password }}</div>
                  </div>
                </div>
                <div class="row mb-3">
                  <label for="input-mail-smtp-port" class="col-sm-2 col-form-label">{{ entry_mail_smtp_port }}</label>
                  <div class="col-sm-10">
                    <input type="text" name="config_mail_smtp_port" value="{{ config_mail_smtp_port }}" placeholder="{{ entry_mail_smtp_port }}" id="input-mail-smtp-port" class="form-control"/>
                  </div>
                </div>
                <div class="row mb-3">
                  <label for="input-mail-smtp-timeout" class="col-sm-2 col-form-label">{{ entry_mail_smtp_timeout }}</label>
                  <div class="col-sm-10">
                    <input type="text" name="config_mail_smtp_timeout" value="{{ config_mail_smtp_timeout }}" placeholder="{{ entry_mail_smtp_timeout }}" id="input-mail-smtp-timeout" class="form-control"/>
                  </div>
                </div>
              </fieldset>
              <fieldset>
                <legend>{{ text_mail_alert }}</legend>
                <div class="row mb-3">
                  <label class="col-sm-2 col-form-label">{{ entry_mail_alert }}</label>
                  <div class="col-sm-10">
                    <div class="form-control" style="height: 150px; overflow: auto;">
                      {% set mail_alert_row = 0 %}
                      {% for mail_alert in mail_alerts %}
                        <div class="form-check">
                          <input type="checkbox" name="config_mail_alert[]" value="{{ mail_alert.value }}" id="input-mail-alert-{{ mail_alert_row }}" class="form-check-input"{% if mail_alert.value in config_mail_alert %} checked{% endif %}/> <label for="input-mail-alert-{{ mail_alert_row }}" class="form-check-label">{{ mail_alert.text }}</label>
                        </div>
                        {% set mail_alert_row = mail_alert_row + 1 %}
                      {% endfor %}
                    </div>
                    <div class="form-text">{{ help_mail_alert }}</div>
                  </div>
                </div>
                <div class="row mb-3">
                  <label for="input-mail-alert-email" class="col-sm-2 col-form-label">{{ entry_mail_alert_email }}</label>
                  <div class="col-sm-10">
                    <textarea name="config_mail_alert_email" rows="5" placeholder="{{ entry_mail_alert_email }}" id="input-mail-alert-email" class="form-control">{{ config_mail_alert_email }}</textarea>
                    <div class="form-text">{{ help_mail_alert_email }}</div>
                  </div>
                </div>
              </fieldset>
            </div>
            <div id="tab-server" class="tab-pane">
              <fieldset>
                <legend>{{ text_general }}</legend>
                <div class="row mb-3">
                  <label class="col-sm-2 col-form-label">{{ entry_maintenance }}</label>
                  <div class="col-sm-10">
                    <div class="form-check form-switch form-switch-lg">
                      <input type="hidden" name="config_maintenance" value="0"/> <input type="checkbox" name="config_maintenance" value="1" id="input-maintenance" class="form-check-input"{% if config_maintenance %} checked{% endif %}/>
                    </div>
                    <div class="form-text">{{ help_maintenance }}</div>
                  </div>
                </div>
                <div class="row mb-3">
                  <label for="input-session-expire" class="col-sm-2 col-form-label">{{ entry_session_expire }}</label>
                  <div class="col-sm-10">
                    <input type="text" name="config_session_expire" value="{{ config_session_expire }}" placeholder="{{ entry_session_expire }}" id="input-session-expire" class="form-control"/>
                    <div class="form-text">{{ help_session_expire }}</div>
                  </div>
                </div>
                <div class="row mb-3">
                  <label for="input-session-samesite" class="col-sm-2 col-form-label">{{ entry_session_samesite }}</label>
                  <div class="col-sm-10">
                    <select name="config_session_samesite" id="input-session-samesite" class="form-select">
                      <option value="None"{% if config_session_samesite == 'None' %} selected{% endif %}>{{ text_none }}</option>
                      <option value="Lax"{% if config_session_samesite == 'Lax' %} selected{% endif %}>{{ text_lax }}</option>
                      <option value="Strict"{% if config_session_samesite == 'Strict' %} selected{% endif %}>{{ text_strict }}</option>
                    </select>
                    <div class="form-text">{{ help_session_samesite }}</div>
                  </div>
                </div>
                <div class="row mb-3">
                  <label class="col-sm-2 col-form-label">{{ entry_seo_url }}</label>
                  <div class="col-sm-10">
                    <div class="form-check form-switch form-switch-lg">
                      <input type="hidden" name="config_seo_url" value="0"/> <input type="checkbox" name="config_seo_url" value="1" id="input-seo-url" class="form-check-input"{% if config_seo_url %} checked{% endif %}/>
                    </div>
                    <div class="form-text">{{ help_seo_url }}</div>
                  </div>
                </div>
                <div class="row mb-3">
                  <label for="input-compression" class="col-sm-2 col-form-label">{{ entry_compression }}</label>
                  <div class="col-sm-10">
                    <input type="text" name="config_compression" value="{{ config_compression }}" placeholder="{{ entry_compression }}" id="input-compression" class="form-control"/>
                    <div class="form-text">{{ help_compression }}</div>
                  </div>
                </div>
              </fieldset>
              <fieldset>
                <legend>{{ text_security }}</legend>
                <div class="row mb-3">
                  <label class="col-sm-2 col-form-label">{{ entry_user_2fa }}</label>
                  <div class="col-sm-10">
                    <div class="form-check form-switch form-switch-lg">
                      <input type="hidden" name="config_user_2fa" value="0"/>
                      <input type="checkbox" name="config_user_2fa" value="1" id="input-user-2fa" class="form-check-input"{% if config_user_2fa %} checked{% endif %}/>
                    </div>
                    <div class="form-text">{{ help_user_2fa }}</div>
                  </div>
                </div>
                <div class="row mb-3">
                  <label for="input-2fa-expire" class="col-sm-2 col-form-label">{{ entry_2fa_expire }}</label>
                  <div class="col-sm-10">
                    <input type="number" name="config_2fa_expire" value="{{ config_2fa_expire }}" id="input-2fa-expire" class="form-control"/>
                    <div class="form-text">{{ help_2fa_expire }}</div>
                  </div>
                </div>
                <div class="row mb-3">
                  <label class="col-sm-2 col-form-label">{{ entry_password }}</label>
                  <div class="col-sm-10">
                    <div class="form-control" style="overflow: auto;">
                      <div class="form-check">
                        <input type="checkbox" name="config_user_password_uppercase" value="1" id="input-user-password-uppercase" class="form-check-input"{% if config_user_password_uppercase %} checked{% endif %}/>
                        <label for="input-user-password-uppercase" class="form-check-label">{{ text_password_uppercase }}</label>
                      </div>
                      <div class="form-check">
                        <input type="checkbox" name="config_user_password_lowercase" value="1" id="input-user-password-lowercase" class="form-check-input"{% if config_user_password_lowercase %} checked{% endif %}/>
                        <label for="input-user-password-lowercase" class="form-check-label">{{ text_password_lowercase }}</label>
                      </div>
                      <div class="form-check">
                        <input type="checkbox" name="config_user_password_number" value="1" id="input-user-password-number" class="form-check-input"{% if config_user_password_number %} checked{% endif %}/>
                        <label for="input-user-password-number" class="form-check-label">{{ text_password_number }}</label>
                      </div>
                      <div class="form-check">
                        <input type="checkbox" name="config_user_password_symbol" value="1" id="input-user-password-symbol" class="form-check-input"{% if config_user_password_symbol %} checked{% endif %}/>
                        <label for="input-user-password-symbol" class="form-check-label">{{ text_password_symbol }}</label>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="row mb-3">
                  <label for="input-user-password-length" class="col-sm-2 col-form-label">{{ entry_password_length }}</label>
                  <div class="col-sm-10">
                    <input type="text" name="config_user_password_length" value="{{ config_user_password_length }}" placeholder="{{ entry_password_length }}" id="input-user-password-length" class="form-control"/>
                  </div>
                </div>
                <div class="row mb-3">
                  <label class="col-sm-2 col-form-label">{{ entry_shared }}</label>
                  <div class="col-sm-10">
                    <div class="form-check form-switch form-switch-lg">
                      <input type="hidden" name="config_shared" value="0"/>
                      <input type="checkbox" name="config_shared" value="1" id="input-shared" class="form-check-input"{% if config_shared %} checked{% endif %}/>
                    </div>
                    <div class="form-text">{{ help_shared }}</div>
                  </div>
                </div>
              </fieldset>
              <fieldset>
                <legend>{{ text_upload }}</legend>
                <div class="row mb-3 required">
                  <label for="input-file-max-size" class="col-sm-2 col-form-label">{{ entry_file_max_size }}</label>
                  <div class="col-sm-10">
                    <input type="text" name="config_file_max_size" value="{{ config_file_max_size }}" placeholder="{{ entry_file_max_size }}" id="input-file-max-size" class="form-control"/>
                    <div class="form-text">{{ help_file_max_size }}</div>
                    <div id="error-file-max-size" class="invalid-feedback"></div>
                  </div>
                </div>
                <div class="row mb-3">
                  <label for="input-file-ext-allowed" class="col-sm-2 col-form-label">{{ entry_file_ext_allowed }}</label>
                  <div class="col-sm-10">
                    <textarea name="config_file_ext_allowed" rows="5" placeholder="{{ entry_file_ext_allowed }}" id="input-file-ext-allowed" class="form-control">{{ config_file_ext_allowed }}</textarea>
                    <div class="form-text">{{ help_file_ext_allowed }}</div>
                    <div id="error-file-ext-allowed" class="invalid-feedback"></div>
                  </div>
                </div>
                <div class="row mb-3">
                  <label for="input-file-mime-allowed" class="col-sm-2 col-form-label">{{ entry_file_mime_allowed }}</label>
                  <div class="col-sm-10">
                    <textarea name="config_file_mime_allowed" rows="5" placeholder="{{ entry_file_mime_allowed }}" id="input-file-mime-allowed" class="form-control">{{ config_file_mime_allowed }}</textarea>
                    <div class="form-text">{{ help_file_mime_allowed }}</div>
                    <div id="error-file-mime-allowed" class="invalid-feedback"></div>
                  </div>
                </div>
              </fieldset>
              <fieldset>
                <legend>{{ text_error }}</legend>
                <div class="row mb-3">
                  <label class="col-sm-2 col-form-label">{{ entry_error_display }}</label>
                  <div class="col-sm-10">
                    <div class="form-check form-switch form-switch-lg">
                      <input type="hidden" name="config_error_display" value="0"/>
                      <input type="checkbox" name="config_error_display" value="1" id="input-error-display" class="form-check-input"{% if config_error_display %} checked{% endif %}/>
                    </div>
                  </div>
                </div>
                <div class="row mb-3">
                  <label class="col-sm-2 col-form-label">{{ entry_error_log }}</label>
                  <div class="col-sm-10">
                    <div class="form-check form-switch form-switch-lg">
                      <input type="hidden" name="config_error_log" value="0"/>
                      <input type="checkbox" name="config_error_log" value="1" id="input-error-log" class="form-check-input"{% if config_error_log %} checked{% endif %}/>
                    </div>
                  </div>
                </div>
                <div class="row mb-3 required">
                  <label for="input-error-filename" class="col-sm-2 col-form-label">{{ entry_error_filename }}</label>
                  <div class="col-sm-10">
                    <input type="text" name="config_error_filename" value="{{ config_error_filename }}" placeholder="{{ entry_error_filename }}" id="input-error-filename" class="form-control"/>
                    <div id="error-error-filename" class="invalid-feedback"></div>
                  </div>
                </div>
              </fieldset>
            </div>
          </div>
        </form>
      </div>
    </div>
  </div>
</div>
<script type="text/javascript"><!--
$('#input-theme').on('change', function() {
    var element = this;

    $.ajax({
        url: 'index.php?route=setting/setting.theme&user_token={{ user_token }}&theme=' + this.value,
        dataType: 'html',
        beforeSend: function() {
            $(element).prop('disabled', true);
        },
        complete: function() {
            $(element).prop('disabled', false);
        },
        success: function(html) {
            $('#theme-thumb').attr('src', html);
        },
        error: function(xhr, ajaxOptions, thrownError) {
            console.log(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText);
        }
    });
});

$('#input-theme').trigger('change');

$('#input-country').on('change', function() {
    var element = this;

    $.ajax({
        url: 'index.php?route=localisation/country.country&user_token={{ user_token }}&country_id=' + this.value,
        dataType: 'json',
        beforeSend: function() {
            $(element).prop('disabled', true);
            $('#input-zone').prop('disabled', true);
        },
        complete: function() {
            $(element).prop('disabled', false);
            $('#input-zone').prop('disabled', false);
        },
        success: function(json) {
            html = '<option value="">{{ text_select|escape('js') }}</option>';

            if (json['zone'] && json['zone'] != '') {
                for (i = 0; i < json['zone'].length; i++) {
                    html += '<option value="' + json['zone'][i]['zone_id'] + '"';

                    if (json['zone'][i]['zone_id'] == '{{ config_zone_id }}') {
                        html += ' selected';
                    }

                    html += '>' + json['zone'][i]['name'] + '</option>';
                }
            } else {
                html += '<option value="0" selected>{{ text_none|escape('js') }}</option>';
            }

            $('#input-zone').html(html);

            $('#button-save').prop('disabled', false);
        },
        error: function(xhr, ajaxOptions, thrownError) {
            console.log(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText);
        }
    });
});

$('#input-country').trigger('change');
//--></script>
{{ footer }}
