0 {% elif order.status == 'Refunded' %} bg-purple-500 {% else %} bg-gray-500 {% endif %}">
            {{ order.get_status_display }}
          </span>
        </p>
      </div>
      <!-- Shipping Address -->
      <div class="mt-4">
        <h2 class="text-lg font-semibold text-gray-700 dark:text-gray-300">Shipping Address:</h2>
        <p class="text-gray-600 dark:text-gray-400">
          {{ order.shipping_address.line1 }}
          {% if order.shipping_address.line2 %}, {{ order.shipping_address.line2 