mailcow-dockerized/data/web/templates/admin/tab-config-identity-provider.twig

<div role="tabpanel" class="tab-pane fade" id="tab-config-identity-provider" role="tabpanel" aria-labelledby="tab-config-identity-provider">
  <div class="card mb-4">
    <div class="card-header d-flex fs-5">
      <button class="btn d-md-none flex-grow-1 text-start" data-bs-target="#collapse-tab-config-identity-provider" data-bs-toggle="collapse" aria-controls="collapse-tab-config-identity-provider">
        {{ lang.admin.iam }}
      </button>
      <span class="d-none d-md-block">{{ lang.admin.iam }}</span>
    </div>
    <div id="collapse-tab-config-identity-provider" class="card-body collapse" data-bs-parent="#admin-content">
      <p class="offset-sm-3 mb-4">{{ lang.admin.iam_description }}</p>
      <form class="form-horizontal" autocapitalize="none" data-id="iam_sso" autocorrect="off" role="form" method="post">
        <input type="hidden" name="authsource" value="keycloak">
        <div class="row mb-2">
          <label class="control-label col-sm-3 text-sm-end" for="iam_url">{{ lang.admin.iam_server_url }}:</label>
          <div class="col-sm-4">
            <input type="text" class="form-control" id="iam_server_url" name="server_url" value="{{ identity_provider_settings.server_url }}" required>
          </div>
        </div>
        <div class="row mb-2">
          <label class="control-label col-sm-3 text-sm-end" for="iam_realm">{{ lang.admin.iam_realm }}:</label>
          <div class="col-sm-4">
            <input type="text" class="form-control" id="iam_realm" name="realm" value="{{ identity_provider_settings.realm }}" required>
          </div>
        </div>
        <div class="row mb-2">
          <label class="control-label col-sm-3 text-sm-end" for="iam_client_id">{{ lang.admin.iam_client_id }}:</label>
          <div class="col-sm-4">
            <input type="text" class="form-control" id="iam_client_id" name="client_id" value="{{ identity_provider_settings.client_id }}" required>
          </div>
        </div>
        <div class="row mb-2">
          <label class="control-label col-sm-3 text-sm-end" for="iam_client_secret">{{ lang.admin.iam_client_secret }}:</label>
          <div class="col-sm-4">
            <div class="reveal-password-input input-group">
              <input type="password" class="password-field form-control" id="iam_client_secret" name="client_secret" value="{{ identity_provider_settings.client_secret }}" required>
              <button class="toggle-password btn btn-secondary" type="button"><i class="bi bi-eye"></i></button>
            </div>
          </div>
        </div>
        <div class="row mb-2">
          <label class="control-label col-sm-3 text-sm-end" for="iam_redirect_url">{{ lang.admin.iam_redirect_url }}:</label>
          <div class="col-sm-4">
            <input type="text" class="form-control" id="iam_redirect_url" name="redirect_url" value="{{ identity_provider_settings.redirect_url }}" required>
          </div>
        </div>
        <div class="row mb-4">
          <label class="control-label col-sm-3 text-sm-end" for="iam_version">{{ lang.admin.iam_version }}:</label>
          <div class="col-sm-4">
            <input type="text" class="form-control" id="iam_version" name="version" value="{{ identity_provider_settings.version }}" required>
          </div>
        </div>
        <div class="row mb-2">
          <label class="control-label col-sm-3 text-sm-end" for="iam_version">{{ lang.admin.iam_mapping }}:</label>
          <div class="col-4 d-flex mb-2">
            <span class="w-100 me-2">Attribute</span>
            <span class="w-100 ms-2">Template</span>
            <button id="iam_rolemap_add" class="btn btn-sm d-block d-sm-inline btn-secondary ms-2"><i class="bi bi-plus-lg"></i></button>
          </div>
          {% for key, role in identity_provider_settings.mappers %}
          <div class="offset-sm-3 col-4 d-flex mb-2">
            <input type="text" class="form-control me-2" name="mappers" value="{{ identity_provider_settings.mappers[key] }}" required>
            <select data-live-search="true" name="templates" class="form-control" title="{{ lang.mailbox.template }}" required>
            {% for mbox_template in mbox_templates %}
              <option{% if mbox_template.template == identity_provider_settings.templates[key] %} selected{% endif %}>
                {{ mbox_template.template }}
              </option>
            {% endfor %}
            </select>
            <button class="iam_rolemap_del btn btn-sm d-block d-sm-inline btn-secondary ms-2"><i class="bi bi-x-lg"></i></button>
          </div>
          {% endfor %}
          {% if not identity_provider_settings.mappers %}
          <div class="offset-sm-3 col-4 d-flex mb-2">
            <input type="text" class="form-control me-2" name="mappers" value="" required>
            <select data-live-search="true" name="templates" class="form-control" title="{{ lang.mailbox.template }}" required>
            {% for mbox_template in mbox_templates %}
              <option>
                {{ mbox_template.template }}
              </option>
            {% endfor %}
            </select>
            <button class="iam_rolemap_del btn btn-sm d-block d-sm-inline btn-secondary ms-2"><i class="bi bi-x-lg"></i></button>
          </div>
          {% endif %}
        </div>
        <div class="row mt-4 mb-2">
          <div class="offset-sm-3 col-sm-9">
            <div class="btn-group">   
              <button id="iam_test_connection" class="btn btn-sm d-block d-sm-inline btn-secondary"><i class="bi bi-play"></i> {{ lang.admin.iam_test_connection }}</button>
              <button class="btn btn-sm d-block d-sm-inline btn-success" data-item="iam_sso" data-action="edit_selected" data-id="iam_sso" data-api-url='edit/identity_provider' data-api-attr='{}' href="#"><i class="bi bi-check-lg"></i> {{ lang.admin.save }}</button>
            </div>
          </div>
        </div>
      </form>
    </div>
  </div>
</div>