{{ order.total_price }}</span>
        </p>
        <p class="text-gray-600 dark:text-gray-400">
          Status:
          <span class="inline-block px-3 py-1 rounded-full text-white text-sm font-medium {% if order.status == 'Draft' %} bg-gray-400 {% elif order.status == 'Pending Payment' %} bg-yellow-500 {% elif order.status == 'Processing' %} bg-orange-500 {% elif order.status == 'Shipped' %} bg-blue-500 {% elif order.status == 'Completed' %} bg-green-500 {% elif order.status == 'Cancelled' %} bg-red-50