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

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

{% block content %}
<div class="container mx-auto">
  <h1 class="text-3xl font-bold text-center mb-6">{% trans "Settings" %}</h1>
  <div class="card card-border bg-base-100 shadow-lg w-4/5 mx-auto">
    <div class="flex flex-col gap-6 w-full mx-auto p-6">
      <a href="https://gravatar.com/profile/" target="_blank" rel="noopener noreferrer" class="btn btn-secondary">
        {% trans "Profile" %}
      </a>
      <a href="{% url 'list_friend_codes' %}" class="btn btn-primary">
        {% trans "Friend Codes" %}
      </a>
      <a href="{% url 'account_logout' %}" class="btn btn-warning">
        {% trans "Logout" %}
      </a>
    </div>
  </div>
</div>
{% endblock %}