{% extends 'base.html' %}
{% load i18n crispy_forms_tags %}

{% block head_title %}{% trans "Settings" %}{% endblock %}

{% block content %}
<div class="container mx-auto space-y-8">
  <h1 class="text-3xl font-bold text-center mb-6">{% trans "Settings" %}</h1>
  
  <!-- Account Navigation Section -->
  <div class="card card-border bg-base-100 shadow-lg w-4/5 mx-auto p-6">
    <form method="post">
      {% csrf_token %}
      {{ form|crispy }}
      <button type="submit" class="w-full btn btn-success mt-4">
        {% trans "Save Settings" %}
      </button>
    </form>
    <div class="divider my-4"></div>
    <div class="flex flex-col gap-4">
      <div class="flex flex-row gap-4">
        <a href="{% url 'profile' %}" class="btn btn-secondary w-20 grow-1">
          {% trans "Profile" %}
        </a>
        <a href="{% url 'list_friend_codes' %}" class="btn btn-primary w-20 grow-1">
          {% trans "Friend Codes" %}
        </a>
      </div>
      <a href="{% url 'account_logout' %}" class="btn btn-warning">
        {% trans "Sign Out" %}
      </a>
    </div>
  </div>
</div>
{% endblock %}