{% extends 'store/main.html' %}
{% load static %}
{% block content %}

<div class="profile-container">
    <h2>Your Profile</h2>
    <hr>
    <p><strong>Username:</strong> {{ user.username }}</p>
    <p><strong>Email:</strong> {{ user.email }}</p>
    <p><strong>Name:</strong> {{ customer.name }}</p>
    <p><strong>Phone Number:</strong> {{ customer.phone_number }}</p>
    <a href="{% url 'update_profile' %}" class="btn btn-primary">Update Profile</a>
</div>

<div class="order-container mt-4">
    <div class="profile-container">
    <h3>Your Current Cart Items</h3>
    <hr>
    {% if active_order %}
        <p><strong>Order ID:</strong> {{ active_order.id }}</p>
        <p><strong>Status:</strong> {{ active_order.status }}</p>
        <h4>Items:</h4>
        <ul>
            {% for item in active_order.orderitem_set.all %}
                <li>{{ item.product.name }} - Quantity: {{ item.quantity }} - Price: ${{ item.product.price }}</li>
            {% endfor %}
        </ul>
        <p><strong>Total:</strong> ${{ active_order.get_cart_total }}</p>
        <a href="{% url 'checkout' %}" class="btn btn-success">Proceed to Checkout</a>
    {% else %}
        <p>You have nothing in your cart.</p>
    {% endif %}
</div>


{% endblock %}


{% comment %} {% extends 'store/main.html' %}
{% load static %}
{% block content %}

<div class="profile-container">
    <h2>Your Profile</h2>
    <hr>
    <p><strong>Username:</strong> {{ user.username }}</p>
    <p><strong>Email:</strong> {{ user.email }}</p>
    <p><strong>Name:</strong> {{ customer.name }}</p>
    <p><strong>Phone Number:</strong> {{ customer.phone_number }}</p>
    <a href="{% url 'update_profile' %}">Update Profile</a>
</div>


{% endblock %} {% endcomment %}