{% extends 'base.html' %}
{% load inventory_extras ui_extras %}

{% block content %}
<ol class="breadcrumb">
  <li class="breadcrumb-item"><a href="/">Home</a></li>
  <li class="breadcrumb-item"><a href="{% url 'realms:index' %}">SSO</a></li>
  <li class="breadcrumb-item"><a href="{% url 'realms:list' %}">Realms</a></li>
  <li class="breadcrumb-item active">{{ object }}</li>
</ol>

<div class="object-details">
    <div class="d-flex align-items-center mb-1">
        <h2 class="m-0">{{ object }}</h2>
        <div class="ms-3">
          {% if not request.realm_authentication_session.is_remote %}
          <form action="{% url 'realms:test' realm.pk %}" method="POST" target="_blank">{% csrf_token %}
            <button class="btn btn-link">
              <span class="bi bi-card-checklist" aria-hidden="true"
                    data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-title="Test"></span>
            </button>
          </form>
          {% endif %}
        </div>
    </div>
    <div class="d-flex align-items-center mb-3">
        <h3 class="m-0 fs-5 text-secondary">Realm</i></h3>
        <div class="ms-auto">
            {% if perms.realms.change_realm and not request.realm_authentication_session.is_remote %}
              {% url 'realms:update' object.uuid as url %}
              {% button 'UPDATE' url "Edit Realm" %}
            {% endif %}
        </div>
    </div>

    <div class="table-responsive mb-3">
        <table class="table-object-properties">
            <thead>
                <th>Attribute</th>
                <th>Value</th>
            </thead>
            <tbody>
            <tr>
                <td>Name</td>
                <td>{{ object }}</td>
            </tr>
            <tr>
                <td>Backend</td>
                <td>{{ object.backend }}</td>
            </tr>
            <tr>
                <td>Enabled for login</td>
                <td>
                {{ object.enabled_for_login|yesno }}
                {% if object.enabled_for_login %} —
                {% if object.login_session_expiry == 0 %}
                The user’s session cookie will expire when the user’s Web browser is closed.
                {% else %}
                {% if object.login_session_expiry > 0 %}
                The user’s session cookie will expire after {{ object.login_session_expiry }}s.
                {% else %}
                The IDP response NotOnOrAfter value will be used for the session expiry.
                {% endif %}
                {% endif %}
                {% endif %}
                </td>
            </tr>
            <tr>
              <td>User portal</td>
              <td>{{ object.user_portal|yesno }}</td>
            </tr>
            <tr>
                <td>Username claim</td>
                <td>{{ object.username_claim|default:"-" }}</td>
            </tr>
            <tr>
                <td>Email claim</td>
                <td>{{ object.email_claim|default:"-" }}</td>
            </tr>
            <tr>
                <td>First name claim</td>
                <td>{{ object.first_name_claim|default:"-" }}</td>
            </tr>
            <tr>
                <td>Last name claim</td>
                <td>{{ object.last_name_claim|default:"-" }}</td>
            </tr>
            <tr>
                <td>Full name claim</td>
                <td>{{ object.full_name_claim|default:"-" }}</td>
            </tr>
            <tr>
                <td>Custom attr. 1 claim</td>
                <td>{{ object.custom_attr_1_claim|default:"-" }}</td>
              </tr>
              <tr>
                <td>Custom attr. 2 claim</td>
                <td>{{ object.custom_attr_2_claim|default:"-" }}</td>
            </tr>
            <tr>
              <td>{% if scim_root_url %}SCIM root URL{% else %}SCIM enabled?{% endif %}</td>
              <td>
                {% if scim_root_url %}
                {{ scim_root_url }}
                {% else %}
                No
                {% endif %}
              </td>
            </tr>
            <tr>
              <td>Group{{ group_count|pluralize }} ({{ group_count }})</td>
              <td>
                {% if groups_url %}
                <a href="{{ groups_url }}">View all groups</a>
                {% else %}
                -
                {% endif %}
              </td>
            </tr>
            <tr>
              <td>User{{ user_count|pluralize }} ({{ user_count }})</td>
              <td>
                {% if users_url %}
                <a href="{{ users_url }}">View all users</a>
                {% else %}
                -
                {% endif %}
              </td>
            </tr>
            {% for name, value, hidden in object.backend_instance.extra_attributes_for_display %}
            <tr>
                <td>{{ name }}</td>
                <td>
                {% if hidden %}
                <span class="bi bi-eye" aria-hidden="true" style="cursor:pointer"></span>
                <span hidden>{{ value }}</span>
                {% else %}
                {{ value }}
                {% endif %}
                </td>
            </tr>
            {% endfor %}
            </tbody>
        </table>

        {% created_updated_at object %}

    </div>
</div>

{% include "realms/_realm_group_mappings.html" with hide_realm="True" %}

{% include "realms/_role_mappings.html" with hide_realm="True" %}

{% endblock %}

{% block extrajs %}
<script nonce="{{ request.csp_nonce }}">
  var openEyes = document.querySelectorAll(".bi-eye");
  openEyes.forEach(function(openEye) {
    openEye.addEventListener("click", function(event) {
      var valueSpan = openEye.nextElementSibling;
      if (valueSpan.hidden) {
        valueSpan.hidden = false;
        openEye.classList.remove("bi-eye");
        openEye.classList.add("bi-eye-slash");
      } else {
        valueSpan.hidden = true;
        openEye.classList.remove("bi-eye-slash");
        openEye.classList.add("bi-eye");
      }
    });
  });
</script>
{% endblock %}