<h3 class="uk-margin-small-top">
  Core Settings
</h3>

<div class="uk-margin">
  <h5 class="uk-margin-remove-bottom">Database URI</h5>

  <small>
    Database connection string in URI format.
    <br>
    When set, this overrides ExtDB configuration. If not set, ESM reads database settings from the ExtDB INI file.
    <br>
    Format: <code>mysql://user:password@host:port/database_name</code>
  </small>

  <div class="uk-form-controls">
    <%= setting_f.text_field :database_uri,
      class: "uk-input",
      placeholder: "Leave blank for default",
      "v-model": "setting.database_uri"
    %>
  </div>
</div>

<div class="uk-margin">
  <h5 class="uk-margin-remove-bottom">Number Locale</h5>

  <small>
    Controls how numbers display (thousands/decimal separators)<br>
    Examples:
    <ul class="uk-margin-remove">
      <li>
        <code>en</code>
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; -
        <code>12,345.67</code> (English)
      </li>
      <li><code>de_DE</code>&nbsp;&nbsp;- <code>12.345,67</code> (German)</li>
      <li><code>fr_FR</code>&nbsp;&nbsp;- <code>12 345,67</code> (French)</li>
    </ul>

    Default: <code>en</code><br>
    See: <%= link_to "Supported Locales", "https://lh.2xlibre.net/locales/", target: "_blank" %>
  </small>

  <div class="uk-form-controls">
    <%= setting_f.text_field :number_locale,
      class: "uk-input",
      placeholder: "Leave blank for default",
      "v-model": "setting.number_locale"
    %>
  </div>
</div>

<div class="uk-margin">
  <h5 class="uk-margin-remove-bottom">Server Mod Name</h5>

  <small>
    Directory containing Exile server files<br>
    Default varies by OS:<br>
    <ul class="uk-margin-remove">
      <li>Windows: <code>@ExileServer</code></li>
      <li>Linux: <code>@exileserver</code></li>
    </ul>
  </small>

  <div class="uk-form-controls">
    <%= setting_f.text_field :server_mod_name,
      class: "uk-input",
      placeholder: "Leave blank for default",
      "v-model": "setting.server_mod_name"
    %>
  </div>
</div>