{% extends "base.html" %}

{% block title %}
  Order Details - Order #{{ order.id }}
{% endblock title %}
{% block content %}
  <div class="container mx-auto px-6 py-8">
    <h1 class="text-3xl font-bold mb-4">Order #{{ order.id }}</h1>
    <div class="bg-white dark:bg-gray-800 rounded-lg shadow p-6">
      <!-- Order Summary -->
      <div class="flex justify-between items-center">
        <p class="text-lg text-gray-700 dark:text-gray-300 font-semibold">
          Total: <span class="text-2xl font-bold">$