{{ header }}{{ column_left }}
<div id="content">
  <div class="page-header">
    <div class="container-fluid">
      <div class="float-end">
        <div class="btn-group">
          <button type="button" class="btn btn-secondary dropdown-toggle" data-bs-toggle="dropdown"><i class="fa-solid fa-receipt"></i> <i class="fa-solid fa-caret-down fa-fw"></i></button>
          <ul class="dropdown-menu">
            <li><a href="{{ order_status }}" class="dropdown-item"><i class="fa-solid fa-receipt"></i> {{ text_order_status }}</a></li>
            <li><a href="{{ subscription_status }}" class="dropdown-item"><i class="fa-solid fa-receipt"></i> {{ text_subscription_status }}</a></li>
            <li><a href="{{ stock_status }}" class="dropdown-item"><i class="fa-solid fa-receipt"></i> {{ text_stock_status }}</a></li>
            <li><a href="{{ length_class }}" class="dropdown-item"><i class="fa-solid fa-repeat"></i> {{ text_length_class }}</a></li>
            <li><a href="{{ weight_class }}" class="dropdown-item"><i class="fa-solid fa-arrow-rotate-left"></i> {{ text_weight_class }}</a></li>
            <li><a href="{{ return_status }}" class="dropdown-item"><i class="fa-solid fa-receipt"></i> {{ text_return_status }}</a></li>
            <li><a href="{{ return_action }}" class="dropdown-item"><i class="fa-solid fa-receipt"></i> {{ text_return_action }}</a></li>
            <li><a href="{{ return_reason }}" class="dropdown-item"><i class="fa-solid fa-receipt"></i> {{ text_return_reason }}</a></li>
          </ul>
        </div>
        <button type="submit" form="form-setting" title="{{ button_save }}" class="btn btn-primary"><i class="fa-solid fa-floppy-disk"></i></button>
        <a href="{{ back }}" 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-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-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_general }}</legend>
                <div class="accordion" id="accordion-language">
                  {% for language in languages %}
                    <div class="accordion-item">
                      <h2 class="accordion-header"><button type="button" class="accordion-button{% if not loop.first %} collapsed{% endif %}" data-bs-toggle="collapse" data-bs-target="#collapse-language-{{ language.language_id }}"><img src="{{ language.image }}" title="{{ language.name }}" class="me-1"/> {{ language.name }}</button></h2>
                      <div id="collapse-language-{{ language.language_id }}" class="accordion-collapse collapse{% if loop.first %} show{% endif %}" data-bs-parent="#accordion-language">
                        <div class="accordion-body">
                          <div class="row mb-3">
                            <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" required/>
                              <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>
                      </div>
                    </div>
                  {% endfor %}
                </div>
              </fieldset>
              <fieldset>
                <legend>{{ text_store }}</legend>
                <div class="accordion" id="accordion-store">
                  <div class="accordion-item">
                    <h2 class="accordion-header"><button type="button" class="accordion-button collapsed" data-bs-toggle="collapse" data-bs-target="#collapse-theme">{{ text_theme }}</button></h2>
                    <div id="collapse-theme" class="accordion-collapse collapse" data-bs-parent="#accordion-store">
                      <div class="accordion-body">
                        <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>
                        <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>
                    </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-store">{{ text_store }}</button></h2>
                    <div id="collapse-store" class="accordion-collapse collapse" data-bs-parent="#accordion-store">
                      <div class="accordion-body">
                        <div class="row mb-3">
                          <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" required/>
                            <div id="error-name" class="invalid-feedback"></div>
                          </div>
                        </div>
                        <div class="row mb-3">
                          <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" required/>
                            <div id="error-owner" class="invalid-feedback"></div>
                          </div>
                        </div>
                        <div class="row mb-3">
                          <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" required>{{ config_address }}</textarea>
                          </div>
                        </div>
                        <div class="row mb-3">
                          <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" required/>
                            <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>
                    </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-contact">{{ text_contact }}</button></h2>
                    <div id="collapse-contact" class="accordion-collapse collapse" data-bs-parent="#accordion-store">
                      <div class="accordion-body">
                        <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>
                  </div>
                </div>
              </fieldset>
            </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">
                    <x-country name="config_country_id" value="{{ config_country_id }}" id="x-country" input-id="input-country" input-class="form-select" required>
                      <option value="0">{{ text_select }}</option>
                    </x-country>
                    <div id="error-country" class="invalid-feedback"></div>
                  </div>
                </div>
                <div class="row mb-3">
                  <label class="col-sm-2 col-form-label">{{ entry_country_list }}</label>
                  <div class="col-sm-10">
                    <div id="input-country-list" class="form-control" style="height: 150px; overflow: auto;">
                      <div class="form-check">
                        <input type="checkbox" id="input-country-all" onclick="$('input[name*=\'config_country_list\']').prop('checked', $(this).prop('checked'));" class="form-check-input"/>
                        <label for="input-country-all" class="form-check-label">{{ text_all }}</label>
                      </div>
                      {% for country in countries %}
                        <div class="form-check">
                          <input type="checkbox" name="config_country_list[]" value="{{ country.country_id }}" id="input-country-{{ country.country_id }}" class="form-check-input"{% if country.country_id in config_country_list %} checked{% endif %}/> <label for="input-country-{{ country.country_id }}" class="form-check-label">{{ country.name }}</label>
                        </div>
                      {% endfor %}
                    </div>
                    <div class="form-text">{{ help_country_list }}</div>
                    <div id="error-country-list" class="invalid-feedback"></div>
                  </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">
                    <x-zone name="config_zone_id" value="{{ config_zone_id }}" target="x-country" input-id="input-zone" input-class="form-select" required></x-zone>
                    <div id="error-zone" class="invalid-feedback"></div>
                  </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 class="col-sm-2 col-form-label">{{ entry_language_list }}</label>
                  <div class="col-sm-10">
                    <div id="input-language-list" class="form-control" style="height: 150px; overflow: auto;">
                      <div class="form-check">
                        <input type="checkbox" id="input-language-all" onclick="$('input[name*=\'config_language_list\']').prop('checked', $(this).prop('checked'));" class="form-check-input"/> <label for="input-language-all" class="form-check-label">{{ text_all }}</label>
                      </div>
                      {% for language in languages %}
                        <div class="form-check">
                          <input type="checkbox" name="config_language_list[]" value="{{ language.code }}" id="input-language-{{ language.language_id }}" class="form-check-input"{% if language.code in config_language_list %} checked{% endif %}/> <label for="input-language-{{ language.language_id }}" class="form-check-label">{{ language.name }}</label>
                        </div>
                      {% endfor %}
                    </div>
                    <div class="form-text">{{ help_language_list }}</div>
                    <div id="error-language-list" class="invalid-feedback"></div>
                  </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 class="col-sm-2 col-form-label">{{ entry_currency_list }}</label>
                  <div class="col-sm-10">
                    <div id="input-currency-list" class="form-control" style="height: 150px; overflow: auto;">
                      <div class="form-check">
                        <input type="checkbox" id="input-currency-all" onclick="$('input[name*=\'config_currency_list\']').prop('checked', $(this).prop('checked'));" class="form-check-input"/> <label for="input-currency-all" class="form-check-label">{{ text_all }}</label>
                      </div>
                      {% for currency in currencies %}
                        <div class="form-check">
                          <input type="checkbox" name="config_currency_list[]" value="{{ currency.code }}" id="input-currency-{{ currency.currency_id }}" class="form-check-input"{% if currency.code in config_currency_list %} checked{% endif %}/> <label for="input-currency-{{ currency.currency_id }}" class="form-check-label">{{ currency.title }}</label>
                        </div>
                      {% endfor %}
                    </div>
                    <div class="form-text">{{ help_currency_list }}</div>
                    <div id="error-currency-list" class="invalid-feedback"></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">
                    <x-switch name="config_currency_auto" value="1" checked="{{ config_currency_auto }}" input-id="input-currency-auto" input-class="form-switch form-switch-lg"></x-switch>
                    <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">
                        <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" required/>
                          <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">
                        <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" required/>
                          <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">
                          <x-switch name="config_product_count" value="1" checked="{{ config_product_count }}" input-id="input-product-count" input-class="form-switch form-switch-lg"></x-switch>
                          <div class="form-text">{{ help_product_count }}</div>
                        </div>
                      </div>
                      <div class="row mb-3">
                        <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" required/>
                          <div class="form-text">{{ help_pagination }}</div>
                          <div id="error-pagination-admin" class="invalid-feedback"></div>
                        </div>
                      </div>
                      <div class="row mb-3">
                        <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" required/>
                          <div class="form-text">{{ help_autocomplete_limit }}</div>
                          <div id="error-autocomplete-limit" class="invalid-feedback"></div>
                        </div>
                      </div>
                      <div class="row mb-3">
                        <label class="col-sm-2 col-form-label">{{ entry_product_report }}</label>
                        <div class="col-sm-10">
                          <x-switch name="config_product_report_status" value="1" checked="{{ config_product_report_status }}" input-id="input-product-report" input-class="form-switch form-switch-lg"></x-switch>
                          <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">
                          <x-switch name="config_review_status" value="1" checked="{{ config_review_status }}" input-id="input-review-status" input-class="form-switch form-switch-lg"></x-switch>
                          <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">
                          <x-switch name="config_review_purchased" value="1" checked="{{ config_review_purchased }}" input-id="input-review-purchased" input-class="form-switch form-switch-lg"></x-switch>
                          <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">
                          <x-switch name="config_review_guest" value="1" checked="{{ config_review_guest }}" input-id="input-review-guest" input-class="form-switch form-switch-lg"></x-switch>
                          <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">
                        <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" required/>
                          <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">
                          <x-switch name="config_comment_status" value="1" checked="{{ config_comment_status }}" input-id="input-comment-status" input-class="form-switch form-switch-lg"></x-switch>
                          <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">
                          <x-switch name="config_comment_approve" value="1" checked="{{ config_comment_approve }}" input-id="input-comment-approve" input-class="form-switch form-switch-lg"></x-switch>
                          <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-image">{{ text_image }}</button></h2>
                  <div id="collapse-image" class="accordion-collapse collapse" data-bs-parent="#accordion-option">
                    <div class="accordion-body">
                      <div class="row mb-3">
                        <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" required/>
                            </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" required/>
                            </div>
                          </div>
                          <div id="error-image-default" class="invalid-feedback"></div>
                        </div>
                      </div>
                      <div class="row mb-3">
                        <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" required/>
                            </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" required/>
                            </div>
                          </div>
                          <div id="error-image-thumb" class="invalid-feedback"></div>
                        </div>
                      </div>
                      <div class="row mt-2 mb-3">
                        <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" required/>
                            </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" required/>
                            </div>
                          </div>
                          <div id="error-image-popup" class="invalid-feedback"></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">
                          <x-switch name="config_tax" value="1" checked="{{ config_tax }}" input-id="input-tax" input-class="form-switch form-switch-lg"></x-switch>
                        </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">
                          <x-switch name="config_customer_online" value="1" checked="{{ config_customer_online }}" input-id="input-customer-online" input-class="form-switch form-switch-lg"></x-switch>
                          <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">
                          <x-switch name="config_customer_activity" value="1" checked="{{ config_customer_activity }}" input-id="input-customer-activity" input-class="form-switch form-switch-lg"></x-switch>
                          <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">
                          <x-switch name="config_customer_search" value="1" checked="{{ config_customer_search }}" input-id="input-customer-search" input-class="form-switch form-switch-lg"></x-switch>
                        </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_list }}</label>
                        <div class="col-sm-10">
                          <div id="input-customer-group-list" 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_list[]" 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_list %} 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_list }}</div>
                          <div id="error-customer-group-list" 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">
                          <x-switch name="config_customer_price" value="1" checked="{{ config_customer_price }}" input-id="input-customer-price" input-class="form-switch form-switch-lg"></x-switch>
                          <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_status }}</label>
                        <div class="col-sm-10">
                          <x-switch name="config_telephone_status" value="1" checked="{{ config_telephone_status }}" input-id="input-telephone-status" input-class="form-switch form-switch-lg"></x-switch>
                        </div>
                      </div>
                      <div class="row mb-3">
                        <label class="col-sm-2 col-form-label">{{ entry_telephone_required }}</label>
                        <div class="col-sm-10">
                          <x-switch name="config_telephone_required" value="1" checked="{{ config_telephone_required }}" input-id="input-telephone-required" input-class="form-switch form-switch-lg"></x-switch>
                        </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">
                            <x-switch name="config_2fa" value="1" checked="{{ config_2fa }}" input-id="input-2fa" input-class="form-switch form-switch-lg"></x-switch>
                            <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_shared }}</label>
                        <div class="col-sm-10">
                          <x-switch name="config_shared" value="1" checked="{{ config_shared }}" input-id="input-shared" input-class="form-switch form-switch-lg"></x-switch>
                          <div class="form-text">{{ help_shared }}</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">
                          <x-switch name="config_cart_weight" value="1" checked="{{ config_cart_weight }}" input-id="input-cart-weight" input-class="form-switch form-switch-lg"></x-switch>
                          <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">
                          <x-switch name="config_checkout_guest" value="1" checked="{{ config_checkout_guest }}" input-id="input-checkout-guest" input-class="form-switch form-switch-lg"></x-switch>
                          <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">
                          <x-switch name="config_checkout_payment_address" value="1" checked="{{ config_checkout_payment_address }}" input-id="input-checkout-payment-address" input-class="form-switch form-switch-lg"></x-switch>
                          <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">
                          <x-switch name="config_checkout_shipping_address" value="1" checked="{{ config_checkout_shipping_address }}" input-id="input-checkout-shipping-address" input-class="form-switch form-switch-lg"></x-switch>
                          <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">
                          <x-switch name="config_stock_display" value="1" checked="{{ config_stock_display }}" input-id="input-stock-display" input-class="form-switch form-switch-lg"></x-switch>
                          <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">
                          <x-switch name="config_stock_warning" value="1" checked="{{ config_stock_warning }}" input-id="input-stock-warning" input-class="form-switch form-switch-lg"></x-switch>
                          <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">
                          <x-switch name="config_stock_checkout" value="1" checked="{{ config_stock_checkout }}" input-id="input-stock-checkout" input-class="form-switch form-switch-lg"></x-switch>
                          <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">
                          <x-switch name="config_affiliate_status" checked="{{ config_affiliate_status }}" value="1" input-id="input-affiliate-status" input-class="form-switch form-switch-lg"></x-switch>
                          <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">
                          <x-switch name="config_affiliate_approval" value="1" checked="{{ config_affiliate_approval }}" input-id="input-affiliate-approval" input-class="form-switch form-switch-lg"></x-switch>
                          <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">
                          <x-switch name="config_affiliate_auto" value="1" checked="{{ config_affiliate_auto }}" input-id="input-affiliate-auto" input-class="form-switch form-switch-lg"></x-switch>
                          <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" 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-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">
                    <x-switch name="config_maintenance" value="1" checked="{{ config_maintenance }}" input-id="input-maintenance" input-class="form-switch form-switch-lg"></x-switch>
                    <div class="form-text">{{ help_maintenance }}</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">
                    <x-switch name="config_seo_url" value="1" checked="{{ config_seo_url }}" input-id="input-seo-url" input-class="form-switch form-switch-lg"></x-switch>
                    <div class="form-text">{{ help_seo_url }}</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">
                    <x-switch name="config_user_2fa" value="1" checked="{{ config_user_2fa }}" input-id="input-user-2fa" input-class="form-switch form-switch-lg"></x-switch>
                    <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>
              </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">
                    <x-switch name="config_error_display" value="1" checked="{{ config_error_display }}" input-id="input-error-display" input-class="form-switch form-switch-lg"></x-switch>
                  </div>
                </div>
                <div class="row mb-3">
                  <label class="col-sm-2 col-form-label">{{ entry_error_log }}</label>
                  <div class="col-sm-10">
                    <x-switch name="config_error_log" value="1" checked="{{ config_error_log }}" input-id="input-error-log" input-class="form-switch form-switch-lg"></x-switch>
                  </div>
                </div>
              </fieldset>
            </div>
          </div>
        </form>
      </div>
    </div>
  </div>
</div>
<script type="text/javascript" src="view/javascript/setting.js"></script>
{{ footer }}
