<div class="overflow-x-auto rounded-box shadow-md bg-base-100">
  <table class="table table-fixed w-full">
    <thead class="text-base">
      <tr>
        <th class="w-1/5">Parameter</th>
        <th>Value</th>
        {% if can_be_default %}
          <th class="text-right">
            <form method="post" action="{% url 'user' user.uuid %}">
              {% csrf_token %}
              <input
                type="hidden"
                name="change_default"
                value="{{ setting_to_render.uuid }}"
              />
              <button type="submit" class="btn">Make Default</button>
            </form>
          </th>
        {% endif %}
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>Setting Name</td>
        <td>{{ setting_to_render.name }}</td>
      </tr>
      {% if setting_to_render.description %}
        <tr>
          <td>Setting Description</td>
          <td>{{ setting_to_render.description }}</td>
        </tr>
      {% endif %}
      {% if setting_to_render.model %}
        <tr>
          <td>Model</td>
          <td>
            <div class="space-y-2">
              <a
                href="{{ setting_to_render.model.url }}"
                class="link link-primary"
              >
                {{ setting_to_render.model.name }}
              </a>
              <table class="table-xs table">
                <thead>
                  <tr>
                    <th>Model Parameter</th>
                    <th>Parameter Value</th>
                  </tr>
                </thead>
                <tbody>
                  <tr>
                    <td>Threshold</td>
                    <td>{{ setting_to_render.model_threshold }}</td>
                  </tr>
                </tbody>
              </table>
            </div>
          </td>
        </tr>
      {% endif %}
      {% if setting_to_render.rule_packages.all %}
        <tr>
          <td>Rule Packages</td>
          <td>
            <ul class="menu bg-base-200 rounded-box">
              {% for p in setting_to_render.rule_packages.all %}
                <li>
                  <a href="{{ p.url }}" class="hover:bg-base-300"
                    >{{ p.name }}</a
                  >
                </li>
              {% endfor %}
            </ul>
          </td>
        </tr>
      {% endif %}
      <tr>
        <td>Max Nodes</td>
        <td>{{ setting_to_render.max_nodes }}</td>
      </tr>
      <tr>
        <td>Max Depth</td>
        <td>{{ setting_to_render.max_depth }}</td>
      </tr>
      <tr>
        <td>Expansion Scheme</td>
        <td>{{ setting_to_render.expansion_scheme }}</td>
      </tr>

      {% if setting_to_render.property_models.all %}
        <tr>
          {% for prop_model in setting_to_render.property_models.all %}
            <td>Property Models</td>
            <td>
              <div class="space-y-2">
                <table class="table-xs table">
                  <thead>
                    <tr>
                      <th>Property Type</th>
                      <th>Model</th>
                    </tr>
                  </thead>
                  <tbody>
                    <tr>
                      <td>{{ prop_model.instance.display }}</td>
                      <td>
                        <a
                          href="{{ prop_model.url }}"
                          class="link link-primary"
                        >
                          {{ prop_model.name }}
                        </a>
                      </td>
                    </tr>
                  </tbody>
                </table>
              </div>
            </td>
          {% endfor %}
        </tr>
      {% endif %}
    </tbody>
  </table>
</div>
