Creating Templates - Githubissues

Create templates for signup, login, dashboard, and return/exchange requests using Bootstrap for styling.

"templates/returns_exchnages/signup.html":

<!DOCTYPE html>
<html>
<head>
    <title>Sign Up</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
</head>
<body>
    <div class="container">
        <h1>Sign Up</h1>
        <form method="post">
            {% csrf_token %}
            {{ form.as_p }}
            <button type="submit" class="btn btn-primary">Sign Up</button>
        </form>
    </div>
</body>
</html>

"templates/returns_exchanges/login.html":

<!DOCTYPE html>
<html>
<head>
    <title>Login</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
</head>
<body>
    <div class="container">
        <h1>Login</h1>
        <form method="post">
            {% csrf_token %}
            {{ form.as_p }}
            <button type="submit" class="btn btn-primary">Login</button>
        </form>
    </div>
</body>
</html>

"templates/returns_exchanges/dashboard.html":

<!DOCTYPE html>
<html>
<head>
    <title>Dashboard</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
</head>
<body>
    <div class="container">
        <h1>Dashboard</h1>
        <h2>Your Orders</h2>
        <ul>
            {% for order in orders %}
                <li>
                    <strong>Order Number:</strong> {{ order.order_number }} <br>
                    <strong>Order Date:</strong> {{ order.order_date }} <br>
                    <strong>Total Amount:</strong> ${{ order.total_amount }} <br>
                    <strong>Items:</strong>
                    <ul>
                        {% for item in order.items.all %}
                            <li>{{ item.product_name }} - ${{ item.price }} x {{ item.quantity }} 
                            <a href="{% url 'return_exchange_request' item.id %}">Request Return/Exchange</a></li>
                        {% endfor %}
                    </ul>
                </li>
            {% endfor %}
        </ul>
    </div>
</body>
</html>

"templates/returns_exchanges/return_exchange_request.html":

<!DOCTYPE html>
<html>
<head>
    <title>Return/Exchange Request</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
</head>
<body>
    <div class="container">
        <h1>Return/Exchange Request</h1>
        <h2>Item: {{ order_item.product_name }}</h2>
        <form method="post">
            {% csrf_token %}
            {{ form.as_p }}
            <button type="submit" class="btn btn-primary">Submit Request</button>
        </form>
    </div>
</body>
</html>

V-FOR-VEND3TTA / return-and-exchange-system

Creating Templates #8