<!-- Main Content -->
            <div class="col-md-9 col-lg-10">
                <!-- Header -->
                <div class="admin-header">
                    <div class="d-flex justify-content-between align-items-center px-4">
                        <h2 class="mb-0">{% block page_title %}Dashboard{% endblock %}</h2>
                        <div class="d-flex align-items-center">
                            <span class="me-3">Welcome, {{ user.get_full_name|default:user.username }}</span>
                            <div class="dropdown">
                                <button class="btn btn-outline-primary dropdown-toggle" type="button" data-bs-toggle="dropdown">
                                    <i class="fas fa-user-circle"></i>
                                </button>
                                <ul class="dropdown-menu">
                                    <li><a class="dropdown-item" href="#"><i class="fas fa-user me-2"></i>Profile</a></li>
                                    <li><a class="dropdown-item" href="#"><i class="fas fa-cog me-2"></i>Settings</a></li>
                                    <li><hr class="dropdown-divider"></li>
                                    <li><a class="dropdown-item" href="{% url 'accounts:logout' %}"><i class="fas fa-sign-out-alt me-2"></i>Logout</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Dashboard Content -->
                <div class="p-4">
                    {% block content %}
                    <!-- Statistics Cards -->
                    <div class="row mb-4">
                        <div class="col-md-3 mb-3">
                            <div class="card stat-card">
                                <div class="card-body text-center">
                                    <div class="stat-icon products mx-auto">
                                        <i class="fas fa-box"></i>
                                    </div>
                                    <h3 class="mb-1">{{ total_products|default:0 }}</h3>
                                    <p class="text-muted mb-0">Total Products</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3 mb-3">
                            <div class="card stat-card">
                                <div class="card-body text-center">
                                    <div class="stat-icon orders mx-auto">
                                        <i class="fas fa-shopping-cart"></i>
                                    </div>
                                    <h3 class="mb-1">{{ total_orders|default:0 }}</h3>
                                    <p class="text-muted mb-0">Total Orders</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3 mb-3">
                            <div class="card stat-card">
                                <div class="card-body text-center">
                                    <div class="stat-icon users mx-auto">
                                        <i class="fas fa-users"></i>
                                    </div>
                                    <h3 class="mb-1">{{ total_users|default:0 }}</h3>
                                    <p class="text-muted mb-0">Total Customers</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3 mb-3">
                            <div class="card stat-card">
                                <div class="card-body text-center">
                                    <div class="stat-icon revenue mx-auto">
                                        <i class="fas fa-dollar-sign"></i>
                                    </div>
                                    <h3 class="mb-1">${{ total_revenue|default:0|floatformat:2 }}</h3>
                                    <p class="text-muted mb-0">Total Revenue</p>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- Recent Orders -->
                    <div class="row">
                        <div class="col-12">
                            <div class="recent-orders">
                                <div class="p-4 border-bottom">
                                    <div class="d-flex justify-content-between align-items-center">
                                        <h5 class="mb-0">Recent Orders</h5>
                                        <a href="{% url 'admin_panel:orders_list' %}" class="btn btn-outline-primary btn-sm">View All</a>
                                    </div>
                                </div>
                                <div class="table-responsive">
                                    <table class="table table-hover mb-0">
                                        <thead>
                                            <tr>
                                                <th>Order ID</th>
                                                <th>Customer</th>
                                                <th>Items</th>
                                                <th>Total</th>
                                                <th>Status</th>
                                                <th>Date</th>
                                                <th>Action</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            {% for order in recent_orders %}
                                            <tr>
                                                <td><strong>#{{ order.id }}</strong></td>
                                                <td>{{ order.user.get_full_name|default:order.user.username }}</td>
                                                <td>{{ order.order_items.count }} items</td>
                                                <td>${{ order.total_amount|floatformat:2 }}</td>
                                                <td>
                                                    <span class="badge badge-status 
                                                        {% if order.status == 'pending' %}bg-warning text-dark
                                                        {% elif order.status == 'processing' %}bg-info
                                                        {% elif order.status == 'shipped' %}bg-primary
                                                        {% elif order.status == 'delivered' %}bg-success
                                                        {% else %}bg-secondary{% endif %}">
                                                        {{ order.get_status_display }}
                                                    </span>
                                                </td>
                                                <td>{{ order.created_at|date:"M d, Y" }}</td>
                                                <td>
                                                    <a href="{% url 'admin_panel:order_detail' order.id %}" class="btn btn-sm btn-outline-primary">
                                                        <i class="fas fa-eye"></i>
                                                    </a>
                                                </td>
                                            </tr>
                                            {% empty %}
                                            <tr>
                                                <td colspan="7" class="text-center py-4 text-muted">No recent orders found</td>
                                            </tr>
                                            {% endfor %}
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- Quick Actions -->
                    <div class="row mt-4">
                        <div class="col-12">
                            <div class="chart-container">
                                <h5 class="mb-4">Quick Actions</h5>
                                <div class="row">
                                    <div class="col-md-3 mb-3">
                                        <a href="{% url 'admin_panel:product_add' %}" class="btn btn-outline-primary w-100 py-3">
                                            <i class="fas fa-plus mb-2 d-block"></i>
                                            Add Product
                                        </a>
                                    </div>
                                    <div class="col-md-3 mb-3">
                                        <a href="{% url 'admin_panel:category_add' %}" class="btn btn-outline-success w-100 py-3">
                                            <i class="fas fa-tags mb-2 d-block"></i>
                                            Add Category
                                        </a>
                                    </div>
                                    <div class="col-md-3 mb-3">
                                        <a href="{% url 'admin_panel:orders_list' %}" class="btn btn-outline-info w-100 py-3">
                                            <i class="fas fa-shopping-cart mb-2 d-block"></i>
                                            Manage Orders
                                        </a>
                                    </div>
                                    <div class="col-md-3 mb-3">
                                        <a href="#" class="btn btn-outline-warning w-100 py-3">
                                            <i class="fas fa-chart-bar mb-2 d-block"></i>
                                            View Reports
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    {% endblock %}
                </div>
            </div> 

this was my previous dashboard.html. modify it and create the proper dashboard.html (extends admin_panel/base.html)