{% extends 'base.html' %}
{% block title %}Edit Profile{% endblock %}
{% block content %}
<div class="profile-container">
  <div class="profile-header">
    <div class="profile-avatar-lg">{{ name|slice:":1" }}</div>
    <div>
      <h2>{{ name }}</h2>
      <div style="color:var(--text-muted)">{{ phone }}</div>
    </div>
  </div>
  <div class="enrollments-table">
    <h3>دوره‌های فعال</h3>
    <table class="enrollments-table">
      <tr><th>دوره</th><th>دسترسی</th></tr>
      {% for item in enrollments %}
        <tr><td>{{ item.course.name }}</td><td>فعال</td></tr>
      {% endfor %}
    </table>
  </div>
</div>
{% endblock %}