{% extends "base.html" %}
{% load static %}

{% block title %}Editar perfil{% endblock %}
{% block content %}
<h2>Editar perfil NexID</h2>
<form action="{% url 'qr_edit_profile' %}" method="post" enctype="multipart/form-data" class="edit-form">
  {% csrf_token %}
  <div class="form-group">
    <label>Nombre</label>
    <input type="text" name="nombre" value="{{ nombre }}" required class="form-control">
  </div>
  <div class="form-group">
    <label>Apellidos</label>
    <input type="text" name="apellido" value="{{ apellido }}" class="form-control">
  </div>
  <div class="form-group">
    <label>ID Cliente</label>
    <input type="text" name="cliente_id" value="{{ cliente_id }}" class="form-control">
  </div>
  <div class="form-group">
    <label>Foto de perfil</label>
    {% if foto_perfil %}
      <img src="{{ foto_perfil }}" class="avatar-small" alt="Foto actual">
    {% endif %}
    <input type="file" name="foto_perfil" accept="image/*" class="form-control">
  </div>
  <button type="submit" class="btn btn-primary">Guardar cambios</button>
</form>
{% endblock %}