Payment website with inventory

[Banbastic]

Payment website with inventory

<title>Payment Platform with Inventory</title>

PayInventory

• Dashboard
• Products
• Inventory Management
• Payments
• Order History

<section id="dashboard">
    <div class="container">
        <h2>Dashboard</h2>
        <div class="card">
            <h3>Total Sales</h3>
            <p>$25,000</p>
        </div>
        <div class="card">
            <h3>Total Orders</h3>
            <p>150</p>
        </div>
        <div class="card">
            <h3>Inventory Value</h3>
            <p>$40,000</p>
        </div>
    </div>
</section>

<section id="products">
    <div class="container">
        <h2>Products</h2>
        <div class="product-list">
            <div class="product">
                <h3>Product 1</h3>
                <p>Price: $50</p>
                <p>Stock: 100 units</p>
                <button class="btn">Edit</button>
            </div>
            <div class="product">
                <h3>Product 2</h3>
                <p>Price: $30</p>
                <p>Stock: 200 units</p>
                <button class="btn">Edit</button>
            </div>
            <div class="product">
                <h3>Product 3</h3>
                <p>Price: $100</p>
                <p>Stock: 50 units</p>
                <button class="btn">Edit</button>
            </div>
        </div>
        <button class="btn add-product">Add New Product</button>
    </div>
</section>

<section id="inventory">
    <div class="container">
        <h2>Inventory Management</h2>
        <form action="#">
            <label for="product">Product:</label>
            <select id="product">
                <option>Product 1</option>
                <option>Product 2</option>
                <option>Product 3</option>
            </select>
            
            <label for="quantity">Quantity:</label>
            <input type="number" id="quantity" min="1">
            
            <button type="submit" class="btn">Update Inventory</button>
        </form>
    </div>
</section>

<section id="payments">
    <div class="container">
        <h2>Payment Gateway</h2>
        <form action="#">
            <label for="order-id">Order ID:</label>
            <input type="text" id="order-id" required>

            <label for="amount">Amount:</label>
            <input type="number" id="amount" required>

            <label for="payment-method">Payment Method:</label>
            <select id="payment-method">
                <option>Credit Card</option>
                <option>PayPal</option>
                <option>Bank Transfer</option>
            </select>

            <button type="submit" class="btn">Process Payment</button>
        </form>
    </div>
</section>

<section id="orders">
    <div class="container">
        <h2>Order History</h2>
        <table>
            <thead>
                <tr>
                    <th>Order ID</th>
                    <th>Product</th>
                    <th>Quantity</th>
                    <th>Total Price</th>
                    <th>Status</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>#001</td>
                    <td>Product 1</td>
                    <td>2</td>
                    <td>$100</td>
                    <td>Completed</td>
                </tr>
                <tr>
                    <td>#002</td>
                    <td>Product 2</td>
                    <td>5</td>
                    <td>$150</td>
                    <td>Pending</td>
                </tr>
                <tr>
                    <td>#003</td>
                    <td>Product 3</td>
                    <td>1</td>
                    <td>$100</td>
                    <td>Completed</td>
                </tr>
            </tbody>
        </table>
    </div>
</section>

<footer>
    <div class="container">
        <p>&copy; 2024 PayInventory. All rights reserved.</p>
    </div>
</footer>