{% extends 'base.html' %}{% load static %}
{% block title %}Debug — Unity Nation{% endblock %}
{% block content %}
<div class="container pg-wrap" style="max-width:600px;margin:0 auto">
<div class="card">
  <h2 style="font-family:var(--ff);font-size:1.1rem;font-weight:700;margin-bottom:14px"><i class="fas fa-bug" style="color:var(--gold);margin-right:8px"></i>Debug: Product Data</h2>
  {% if product %}
  <div class="tbl-wrap"><table>
    <tr><th>Field</th><th>Value</th></tr>
    <tr><td>ID</td><td>{{ product.id }}</td></tr>
    <tr><td>Name</td><td>{{ product.name }}</td></tr>
    <tr><td>Price</td><td>${{ product.price }}</td></tr>
    <tr><td>Merchant</td><td>{{ product.merchant.business_name }}</td></tr>
  </table></div>
  {% else %}
  <p style="color:var(--muted)">No product data passed to this debug view.</p>
  {% endif %}
</div>
</div>
{% endblock %}