{% extends 'eval/base.html' %}
{% load static %}
{% block title %}Settings | Eval Admin{% endblock %}

{% block action_bar %}
<span class="font-semibold">Settings</span>
{% endblock %}

{% block content %}
<div x-data="settingsPageData()" x-init="initFormGuard()" class="settings-page">

  <!-- Identity card -->
  <div class="settings-card">
    <div class="settings-card-body">
      <div class="settings-card-header">
        <div>
          <h3 class="settings-card-title">Identity</h3>
          <p class="settings-card-subtitle">Your account information. Managed by your organization.</p>
        </div>
      </div>
      <div class="settings-identity-fields">
        <div class="settings-field-row">
          <span class="settings-field-label">Name</span>
          <span class="settings-field-value">{{ request.user.get_full_name|default:request.user.username }}</span>
        </div>
        <div class="settings-field-row">
          <span class="settings-field-label">Email</span>
          <span class="settings-field-value">{{ request.user.email|default:"—" }}</span>
        </div>
      </div>
    </div>
  </div>


</div>

<script id="eval-settings-data" type="application/json">
{
  "uiState": {{ ui_state_json|safe }},
  "apiSaveUrl": "{% url 'Eval:api_settings_save' %}"
}
</script>
<script src="{% static 'eval/js/eval-settings.js' %}"></script>
{% endblock %}