{% extends "base.html" %}
{% block title %}Mi cuenta — GhostCart{% endblock %}
{% block content %}
<h1>Mi cuenta</h1>

<div id="account-box" data-user-id="{{ user.id }}">
  <div class="info-row"><span class="k">ID de cuenta</span><span class="v" id="acc-id">{{ user.id }}</span></div>
  <div class="info-row"><span class="k">Usuario</span><span class="v" id="acc-username">{{ user.username }}</span></div>
  <div class="info-row"><span class="k">Email</span><span class="v" id="acc-email">…</span></div>
  <div class="info-row"><span class="k">Dirección</span><span class="v" id="acc-direccion">…</span></div>
  <div class="info-row"><span class="k">Teléfono</span><span class="v" id="acc-telefono">…</span></div>
</div>

<p style="margin-top:30px;">
  <a href="{{ url_for('reset_lab') }}" class="btn btn-outline">↺ Reiniciar todo el laboratorio (para repetir un reto)</a>
</p>

<script src="{{ url_for('static', filename='app.js') }}"></script>
{% endblock %}