{% extends '_base.html' %}

{% block title %}My Friend Codes{% endblock %}

{% block content %}
  <h1>My Friend Codes</h1>
  
  {% if friend_codes %}
    <ul>
      {% for code in friend_codes %}
        <li>
          {{ code.friend_code }}
          <!-- Link to the delete confirmation page for this friend code -->
          <a href="{% url 'delete_friend_code' code.id %}">Delete</a>
        </li>
      {% endfor %}
    </ul>
  {% else %}
    <p>You do not have any friend codes added yet.</p>
  {% endif %}
  
  <p>
    <a href="{% url 'add_friend_code' %}">Add a New Friend Code</a>
  </p>
{% endblock %}