{% if is_git_revision %}
  <div id="is_git_revision"></div>
{% endif %}

{{ message|raw }}

{{ partial_logout|raw }}

<div id="maincontainer">
  {{ sync_favorite_tables|raw }}
  <div class="container-fluid">
    <div class="row">
      <div id="main_pane_left" class="col-7 col-xs-12">
        {% if has_server %}
          {% if is_demo %}
            <div class="group">
              <h2>{% trans 'phpMyAdmin Demo Server' %}</h2>
              <p class="cfg_dbg_demo">
                {% filter format('<a href="url.php?url=https://demo.phpmyadmin.net/" target="_blank" rel="noopener noreferrer">demo.phpmyadmin.net</a>')|raw %}
                  {% trans %}
                    You are using the demo server. You can do anything here, but please do not change root, debian-sys-maint and pma users. More information is available at %s.
                  {% endtrans %}
                {% endfilter %}
              </p>
            </div>
          {% endif %}

            <div class="group">
              <h2>{% trans 'General settings' %}</h2>
              <ul>
                {% if has_server_selection %}
                  <li id="li_select_server" class="no_bullets">
                    {{ get_image('s_host') }}
                    {{ server_selection|raw }}
                  </li>
                {% endif %}

                {% if server > 0 %}
                  {{ change_password is not empty ? change_password|raw }}

                  <li id="li_select_mysql_collation" class="no_bullets">
                    <form class="disableAjax" method="post" action="{{ url('/') }}">
                      {{ get_hidden_inputs(null, null, 4, 'collation_connection') }}
                      <label for="select_collation_connection">
                        {{ get_image('s_asci') }}
                        {% trans 'Server connection collation:' %}
                        {{ show_mysql_docu('charset-connection') }}
                      </label>
                      {% if charsets is not empty %}
                        <select lang="en" dir="ltr" name="collation_connection" id="select_collation_connection" class="autosubmit">
                          <option value="">{% trans 'Collation' %}</option>
                          <option value=""></option>
                          {% for charset in charsets %}
                            <optgroup label="{{ charset.name }}" title="{{ charset.description }}">
                              {% for collation in charset.collations %}
                                <option value="{{ collation.name }}" title="{{ collation.description }}"{{ collation.is_selected ? ' selected' }}>
                                  {{- collation.name -}}
                                </option>
                              {% endfor %}
                            </optgroup>
                          {% endfor %}
                        </select>
                      {% endif %}
                    </form>
                  </li>
                {% endif %}
                {{ user_preferences is not empty ? user_preferences|raw }}
              </ul>
            </div>
          {% endif %}

            <div class="group">
              <h2>{% trans 'Appearance settings' %}</h2>
              <ul>
                {% if language_selector is not empty %}
                  <li id="li_select_lang" class="no_bullets">
                    {{ get_image('s_lang') }}
                    {{ language_selector|raw }}
                  </li>
                {% endif %}

                {% if theme_selection is not empty %}
                  <li id="li_select_theme" class="no_bullets">
                    {{ get_image('s_theme') }}
                    {{ theme_selection|raw }}
                  </li>
                {% endif %}
              </ul>
            </div>
          </div>

      <div id="main_pane_right" class="col-5 col-xs-12">
        {% if database_server is not empty %}
          <div class="group">
            <h2>{% trans 'Database server' %}</h2>
            <ul>
              <li id="li_server_info">
                {% trans 'Server:' %}
                {{ database_server.host }}
              </li>
              <li id="li_server_type">
                {% trans 'Server type:' %}
                {{ database_server.type }}
              </li>
              <li id="li_server_connection">
                {% trans 'Server connection:' %}
                {{ database_server.connection|raw }}
              </li>
              <li id="li_server_version">
                {% trans 'Server version:' %}
                {{ database_server.version }}
              </li>
              <li id="li_mysql_proto">
                {% trans 'Protocol version:' %}
                {{ database_server.protocol }}
              </li>
              <li id="li_user_info">
                {% trans 'User:' %}
                {{ database_server.user }}
              </li>
              <li id="li_mysql_charset">
                {% trans 'Server charset:' %}
                <span lang="en" dir="ltr">
                  {{ database_server.charset }}
                </span>
              </li>
            </ul>
          </div>
        {% endif %}

        {% if web_server is not empty or php_info is not empty %}
          <div class="group">
            <h2>{% trans 'Web server' %}</h2>
            <ul>
              {% if web_server is not empty %}
                <li id="li_web_server_software">
                  {{ web_server.software }}
                </li>
                <li id="li_mysql_client_version">
                  {% trans 'Database client version:' %}
                  {{ web_server.database }}
                </li>
                <li id="li_used_php_extension">
                  {% trans 'PHP extension:' %}
                  {% for extension in web_server.php_extensions %}
                    {{ extension }}
                    {{ show_php_docu('book.' ~ extension ~ '.php') }}
                  {% endfor %}
                </li>
                <li id="li_used_php_version">
                  {% trans 'PHP version:' %}
                  {{ web_server.php_version }}
                </li>
              {% endif %}
              {% if php_info is not empty %}
                {{ php_info|raw }}
              {% endif %}
            </ul>
          </div>
        {% endif %}

          <div class="group pmagroup">
            <h2>phpMyAdmin</h2>
            <ul>
              <li id="li_pma_version"{{ is_version_checked ? ' class="jsversioncheck"' }}>
                {% trans 'Version information:' %}
                <span class="version">{{ phpmyadmin_version }}</span>
              </li>
              <li id="li_pma_docs">
                <a href="{{ get_docu_link('index') }}" target="_blank" rel="noopener noreferrer">
                  {% trans 'Documentation' %}
                </a>
              </li>
              <li id="li_pma_homepage">
                <a href="{{ 'https://www.phpmyadmin.net/'|link }}" target="_blank" rel="noopener noreferrer">
                  {% trans 'Official Homepage' %}
                </a>
              </li>
              <li id="li_pma_contribute">
                <a href="{{ 'https://www.phpmyadmin.net/contribute/'|link }}" target="_blank" rel="noopener noreferrer">
                  {% trans 'Contribute' %}
                </a>
              </li>
              <li id="li_pma_support">
                <a href="{{ 'https://www.phpmyadmin.net/support/'|link }}" target="_blank" rel="noopener noreferrer">
                  {% trans 'Get support' %}
                </a>
              </li>
              <li id="li_pma_changes">
                <a href="{{ url('/changelog') }}" target="_blank">
                  {% trans 'List of changes' %}
                </a>
              </li>
              <li id="li_pma_license">
                <a href="{{ url('/license') }}" target="_blank">
                  {% trans 'License' %}
                </a>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </div>
  </div>

{{ config_storage_message|raw }}
