<q-tab-panel name="server">
  <q-card-section class="q-pa-none">
    <h6 class="q-my-none">Server Management</h6>
    <br />
    <div>
      <div class="row">
        <div class="col">
          <p>Server Info</p>
          <ul>
            {%raw%}
            <li v-if="settings.lnbits_data_folder">
              SQlite: {{settings.lnbits_data_folder}}
            </li>
            <li v-if="settings.lnbits_database_url">
              Postgres: {{settings.lnbits_database_url}}
            </li>
            {%endraw%}
          </ul>
          <br />
        </div>
      </div>
      <div class="row q-col-gutter-md">
        <div class="col-12 col-md-6">
          <p>Service Fee</p>
          <q-input
            filled
            type="number"
            v-model.number="formData.lnbits_service_fee"
            label="Service fee (%)"
            step="0.1"
            hint="Fee charged per tx (%)"
          ></q-input>
          <br />
        </div>
        <div class="col-12 col-md-6">
          <p>Miscelaneous</p>
          <q-item tag="label" v-ripple>
            <q-item-section>
              <q-item-label>Force HTTPS</q-item-label>
              <q-item-label caption>Prefer secure URLs</q-item-label>
            </q-item-section>
            <q-item-section avatar>
              <q-toggle
                size="md"
                v-model="formData.lnbits_force_https"
                checked-icon="check"
                color="green"
                unchecked-icon="clear"
              />
            </q-item-section>
          </q-item>
          <q-item tag="label" v-ripple>
            <q-item-section>
              <q-item-label>Hide API</q-item-label>
              <q-item-label caption
                >Hides wallet api, extensions can choose to honor</q-item-label
              >
            </q-item-section>
            <q-item-section avatar>
              <q-toggle
                size="md"
                v-model="formData.lnbits_hide_api"
                checked-icon="check"
                color="green"
                unchecked-icon="clear"
              />
            </q-item-section>
          </q-item>
          <br />
        </div>
      </div>
    </div>
  </q-card-section>
</q-tab-panel>
