{% extends 'backoffice/base.html' %}

{% block title %}{{ object.email }}{% endblock %}

{% block main %}
  <h1 class="text-2xl font-semibold mb-1">{{ object.email }}</h1>
  <p class="mb-6 opacity-70">{{ object.first_name }} {{ object.last_name }}</p>

  <h2 class="text-xl font-semibold mb-2">Direcciones</h2>
  <div class="overflow-x-auto bg-base-100 rounded-box border border-base-300 mb-6">
    <table class="table">
      <thead><tr><th>Tipo</th><th>Dirección</th><th>Localidad</th></tr></thead>
      <tbody>
        {% for address in addresses %}
          <tr class="hover">
            <td><span class="badge badge-ghost">{{ address.get_address_type_display }}</span></td>
            <td>{{ address.address }}</td>
            <td>{{ address.address_town }}</td>
          </tr>
        {% empty %}
          <tr><td colspan="3" class="text-center py-6">Sin direcciones registradas.</td></tr>
        {% endfor %}
      </tbody>
    </table>
  </div>

  <h2 class="text-xl font-semibold mb-2">Pedidos</h2>
  <div class="overflow-x-auto bg-base-100 rounded-box border border-base-300">
    <table class="table">
      <thead><tr><th>Código</th><th>Estado</th><th>Total</th></tr></thead>
      <tbody>
        {% for order in orders %}
          <tr class="hover">
            <td><a class="link" href="{% url 'backoffice:order_detail' order.pk %}">{{ order.code }}</a></td>
            <td><span class="badge badge-ghost">{{ order.get_status_display }}</span></td>
            <td>{{ order.total }} €</td>
          </tr>
        {% empty %}
          <tr><td colspan="3" class="text-center py-6">Sin pedidos.</td></tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
{% endblock %}