313 lines
20 KiB
HTML
313 lines
20 KiB
HTML
|
|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Order History</title>
|
|
<link rel="stylesheet" href="style.css" />
|
|
</head>
|
|
<body>
|
|
<div class="page-wrapper">
|
|
<div class="nav-1-wrapper"><nav class="nav-1-navbar"><div class="nav-1-logo">Radiance Jewels</div><ul class="nav-1-nav-links"><li><a href="index.html">Home</a></li><li><a href="product_catalog.html">Product Catalog</a></li><li><a href="shopping_cart.html">Shopping Cart</a></li><li><a href="checkout.html">Checkout</a></li><li><a href="login.html">Login</a></li><li><a href="dashboard.html">Dashboard</a></li><li><a href="order_history.html">Order History</a></li><li><a href="user_profile.html">User Profile</a></li><li><a href="sign_up.html">Sign Up</a></li></ul><div class="nav-1-nav-actions"><button class="nav-1-btn nav-1-outline">Sign Up</button><button class="nav-1-btn nav-1-solid">Login</button></div></nav></div>
|
|
<header class="site-header">
|
|
<div class="header-container">
|
|
<div class="header-branding">
|
|
<a href="/" class="site-logo" aria-label="[Store Name] - Go to homepage">
|
|
<h1>[Store Name]</h1>
|
|
<!-- Optional: <img src="placeholder-logo.svg" alt="[Store Name] Logo"> -->
|
|
</a>
|
|
</div>
|
|
<nav class="main-navigation" aria-label="Primary Navigation">
|
|
<ul>
|
|
<li><a href="/rings.html">Rings</a></li>
|
|
<li><a href="/necklaces.html">Necklaces</a></li>
|
|
<li><a href="/bangles.html">Bangles</a></li>
|
|
<li><a href="/earrings.html">Earrings</a></li>
|
|
<li><a href="/collections.html">Collections</a></li>
|
|
</ul>
|
|
</nav>
|
|
<div class="header-actions">
|
|
<button class="action-item search-toggle" aria-label="Search website" title="Search">
|
|
<span class="icon-search"></span> <!-- Placeholder for search icon -->
|
|
</button>
|
|
<a href="/account.html" class="action-item user-account" aria-label="My Account" title="My Account">
|
|
<span class="icon-user"></span> <!-- Placeholder for user icon -->
|
|
</a>
|
|
<a href="/cart.html" class="action-item shopping-cart" aria-label="Shopping Cart" title="View Shopping Cart">
|
|
<span class="icon-cart"></span> <!-- Placeholder for cart icon -->
|
|
<span class="cart-count">0</span>
|
|
</a>
|
|
<button class="action-item menu-toggle" aria-label="Open mobile menu" title="Open Mobile Menu">
|
|
<span class="icon-menu"></span> <!-- Placeholder for hamburger menu icon -->
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
<section class="order-list-section">
|
|
<div class="container">
|
|
<h2 class="section-title">Your Order History</h2>
|
|
<div class="table-responsive">
|
|
<table class="order-table">
|
|
<thead>
|
|
<tr>
|
|
<th>Order ID</th>
|
|
<th>Date</th>
|
|
<th>Items</th>
|
|
<th>Total</th>
|
|
<th>Status</th>
|
|
<th>Details</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td data-label="Order ID">#JWL1001</td>
|
|
<td data-label="Date">2023-10-26</td>
|
|
<td data-label="Items">
|
|
<ul>
|
|
<li>Eternal Sparkle Diamond Ring (x1)</li>
|
|
<li>Celestial Pearl Necklace (x1)</li>
|
|
</ul>
|
|
</td>
|
|
<td data-label="Total">$2,599.00</td>
|
|
<td data-label="Status" class="status-completed">Completed</td>
|
|
<td data-label="Details"><a href="/order/JWL1001" class="btn btn-view-details">View</a></td>
|
|
</tr>
|
|
<tr>
|
|
<td data-label="Order ID">#JWL1002</td>
|
|
<td data-label="Date">2023-09-15</td>
|
|
<td data-label="Items">
|
|
<ul>
|
|
<li>Artisan Gold Bangle (x2)</li>
|
|
</ul>
|
|
</td>
|
|
<td data-label="Total">$1,150.00</td>
|
|
<td data-label="Status" class="status-processing">Processing</td>
|
|
<td data-label="Details"><a href="/order/JWL1002" class="btn btn-view-details">View</a></td>
|
|
</tr>
|
|
<tr>
|
|
<td data-label="Order ID">#JWL1003</td>
|
|
<td data-label="Date">2023-08-01</td>
|
|
<td data-label="Items">
|
|
<ul>
|
|
<li>Emerald Drop Earrings (x1)</li>
|
|
<li>Sapphire Pendant (x1)</li>
|
|
<li>Platinum Chain (x1)</li>
|
|
</ul>
|
|
</td>
|
|
<td data-label="Total">$3,200.00</td>
|
|
<td data-label="Status" class="status-shipped">Shipped</td>
|
|
<td data-label="Details"><a href="/order/JWL1003" class="btn btn-view-details">View</a></td>
|
|
</tr>
|
|
<tr>
|
|
<td data-label="Order ID">#JWL1004</td>
|
|
<td data-label="Date">2023-07-20</td>
|
|
<td data-label="Items">
|
|
<ul>
|
|
<li>Minimalist Silver Ring (x1)</li>
|
|
</ul>
|
|
</td>
|
|
<td data-label="Total">$180.00</td>
|
|
<td data-label="Status" class="status-cancelled">Cancelled</td>
|
|
<td data-label="Details"><a href="/order/JWL1004" class="btn btn-view-details">View</a></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<div class="pagination">
|
|
<a href="#" class="page-link disabled">Previous</a>
|
|
<a href="#" class="page-link active">1</a>
|
|
<a href="#" class="page-link">2</a>
|
|
<a href="#" class="page-link">3</a>
|
|
<a href="#" class="page-link">Next</a>
|
|
</div>
|
|
<p class="no-orders-message" style="display: none;">You haven't placed any orders yet. Start exploring our exquisite collection!</p>
|
|
</div>
|
|
</section>
|
|
<div class="order-detail-view-link-section">
|
|
<a href="#order-details-placeholder" class="order-detail-link" aria-label="View full details for this order">
|
|
View Order Details
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
|
|
<path fill-rule="evenodd" d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z"></path>
|
|
</svg>
|
|
</a>
|
|
</div>
|
|
<section class="orders-management-section">
|
|
<div class="container">
|
|
<h2 class="section-title">Search and Filter Orders</h2>
|
|
|
|
<div class="search-filter-controls">
|
|
<form class="order-filter-form">
|
|
<div class="search-input-group">
|
|
<label for="orderSearch" class="visually-hidden">Search orders by ID, Customer, or Product Name</label>
|
|
<input type="search" id="orderSearch" name="orderSearch" placeholder="Search by Order ID, Customer, Product..." class="search-input" aria-label="Search orders">
|
|
<button type="submit" class="search-button">Search</button>
|
|
</div>
|
|
|
|
<div class="filter-options-grid">
|
|
<div class="filter-group">
|
|
<label for="orderStatus" class="filter-label">Order Status</label>
|
|
<select id="orderStatus" name="orderStatus" class="filter-select">
|
|
<option value="">All Statuses</option>
|
|
<option value="pending">Pending</option>
|
|
<option value="shipped">Shipped</option>
|
|
<option value="delivered">Delivered</option>
|
|
<option value="canceled">Canceled</option>
|
|
</select>
|
|
</div>
|
|
|
|
<div class="filter-group">
|
|
<label for="dateFrom" class="filter-label">Date From</label>
|
|
<input type="date" id="dateFrom" name="dateFrom" class="filter-input">
|
|
</div>
|
|
|
|
<div class="filter-group">
|
|
<label for="dateTo" class="filter-label">Date To</label>
|
|
<input type="date" id="dateTo" name="dateTo" class="filter-input">
|
|
</div>
|
|
|
|
<div class="filter-group">
|
|
<label for="customerName" class="filter-label">Customer Name</label>
|
|
<input type="text" id="customerName" name="customerName" placeholder="e.g., Radhika Sharma" class="filter-input">
|
|
</div>
|
|
|
|
<div class="filter-group">
|
|
<label for="productSku" class="filter-label">Product SKU</label>
|
|
<input type="text" id="productSku" name="productSku" placeholder="e.g., RNG007" class="filter-input">
|
|
</div>
|
|
|
|
<div class="filter-actions">
|
|
<button type="submit" class="btn btn-primary">Apply Filters</button>
|
|
<button type="reset" class="btn btn-secondary">Clear Filters</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
<div class="order-results-display">
|
|
<h3 class="results-heading">Current Orders</h3>
|
|
<p class="results-info">Displays orders based on your search and filter criteria.</p>
|
|
|
|
<div class="order-table-container">
|
|
<div class="order-table-header">
|
|
<span class="header-item">Order ID</span>
|
|
<span class="header-item">Customer</span>
|
|
<span class="header-item">Date Placed</span>
|
|
<span class="header-item">Status</span>
|
|
<span class="header-item">Total Amount</span>
|
|
<span class="header-item">Actions</span>
|
|
</div>
|
|
<div class="order-table-row">
|
|
<span class="row-item">#ORD78901</span>
|
|
<span class="row-item">Priya Singh</span>
|
|
<span class="row-item">2023-10-26</span>
|
|
<span class="row-item status-delivered">Delivered</span>
|
|
<span class="row-item">$1,850.00</span>
|
|
<span class="row-item"><a href="#" class="action-link">View</a></span>
|
|
</div>
|
|
<div class="order-table-row">
|
|
<span class="row-item">#ORD78902</span>
|
|
<span class="row-item">Rahul Kumar</span>
|
|
<span class="row-item">2023-10-25</span>
|
|
<span class="row-item status-pending">Pending</span>
|
|
<span class="row-item">$999.00</span>
|
|
<span class="row-item"><a href="#" class="action-link">View</a></span>
|
|
</div>
|
|
<div class="order-table-row">
|
|
<span class="row-item">#ORD78903</span>
|
|
<span class="row-item">Anjali Mehta</span>
|
|
<span class="row-item">2023-10-24</span>
|
|
<span class="row-item status-shipped">Shipped</span>
|
|
<span class="row-item">$3,200.00</span>
|
|
<span class="row-item"><a href="#" class="action-link">View</a></span>
|
|
</div>
|
|
<div class="order-table-row">
|
|
<span class="row-item">#ORD78904</span>
|
|
<span class="row-item">Vikram Desai</span>
|
|
<span class="row-item">2023-10-23</span>
|
|
<span class="row-item status-canceled">Canceled</span>
|
|
<span class="row-item">$450.00</span>
|
|
<span class="row-item"><a href="#" class="action-link">View</a></span>
|
|
</div>
|
|
</div>
|
|
<div class="pagination-controls">
|
|
<button class="pagination-btn">« Previous</button>
|
|
<span class="page-info">Page 1 of 5</span>
|
|
<button class="pagination-btn">Next »</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Return/Exchange Information - Jewelry Store</title>
|
|
<link rel="stylesheet" href="style.css" />
|
|
<div class="container">
|
|
<section class="return-exchange-section">
|
|
<h1>Return & Exchange Information</h1>
|
|
|
|
<p>At [Your Jewelry Store Name], your satisfaction is our highest priority. We understand that sometimes a piece of jewelry may not be exactly what you envisioned. Please review our policy below for returns and exchanges.</p>
|
|
|
|
<h2>Eligibility & Timeframe</h2>
|
|
<ul>
|
|
<li>Items must be returned or exchanged within <strong>30 days</strong> of the original purchase date.</li>
|
|
<li>Merchandise must be in its original, unworn condition, free from any damage or alterations.</li>
|
|
<li>All original packaging, certificates (e.g., diamond certificates), and tags must be included.</li>
|
|
<li>Custom-designed or engraved items are generally non-returnable and non-exchangeable, unless there is a manufacturing defect.</li>
|
|
</ul>
|
|
|
|
<h2>Return Process</h2>
|
|
<p>To initiate a return:</p>
|
|
<ol>
|
|
<li><strong>Contact Us:</strong> Before shipping, please contact our customer service team at <a href="mailto:support@yourjewelry.com">support@yourjewelry.com</a> or call us at <a href="tel:+12345678900">+1 (234) 567-8900</a> to receive a Return Merchandise Authorization (RMA) number. Returns without an RMA number may experience delays or be rejected.</li>
|
|
<li><strong>Package Your Item:</strong> Securely package your item(s) in the original box with all accompanying materials.</li>
|
|
<li><strong>Ship Safely:</strong> We highly recommend using a traceable and insured shipping method for your return, as we are not responsible for lost or damaged returns during transit. Shipping costs for returns are typically the responsibility of the customer, unless the return is due to our error.</li>
|
|
<li><strong>Processing:</strong> Once we receive and inspect your returned item, we will process your refund to the original payment method within 7-10 business days. You will receive an email notification once your refund has been issued.</li>
|
|
</ol>
|
|
|
|
<h2>Exchange Process</h2>
|
|
<p>If you wish to exchange an item for a different size, style, or product:</p>
|
|
<ul>
|
|
<li>Follow the same steps as a return to send back the original item.</li>
|
|
<li>Simultaneously, you may place a new order for the desired item on our website. This ensures that the item you want is in stock and shipped to you promptly.</li>
|
|
<li>Once your returned item is received and processed, a refund will be issued.</li>
|
|
<li>If the new item has a different price, the difference will be charged or refunded accordingly.</li>
|
|
</ul>
|
|
|
|
<h2>Non-Returnable Items</h2>
|
|
<p>Please note that the following items cannot be returned or exchanged:</p>
|
|
<ul>
|
|
<li>Custom-designed or personalized jewelry.</li>
|
|
<li>Engraved items (unless manufacturing defect).</li>
|
|
<li>Items that have been altered or resized by a third-party jeweler.</li>
|
|
<li>Items purchased during final sale events or marked as "final sale."</li>
|
|
<li>Gift cards.</li>
|
|
</ul>
|
|
|
|
<h2>Damaged or Defective Items</h2>
|
|
<p>If you receive a damaged or defective item, please contact us immediately (within 48 hours of delivery). We will arrange for a return and replacement or refund at no additional cost to you.</p>
|
|
|
|
<div class="contact-info">
|
|
<h3>Need Further Assistance?</h3>
|
|
<p>Our dedicated customer service team is here to help you with any questions regarding your return or exchange.</p>
|
|
<p><strong>Email:</strong> <a href="mailto:support@yourjewelry.com">support@yourjewelry.com</a></p>
|
|
<p><strong>Phone:</strong> <a href="tel:+12345678900">+1 (234) 567-8900</a> (Mon-Fri, 9 AM - 5 PM EST)</p>
|
|
</div>
|
|
|
|
<a href="#" class="button">Start a Return/Exchange</a>
|
|
</section>
|
|
</div>
|
|
<div class="footer-1-wrapper"><section class="footer-1-section"><div class="footer-1-top"><div class="footer-1-brand"><h3 class="footer-1-logo">Gleam Jewels</h3><p class="footer-1-newsletter-text">Unlock exclusive sparkle! Join our newsletter for dazzling new arrivals, special offers, and styling tips.</p><div class="footer-1-newsletter-form"><input type="email" placeholder="Your email address"><button class="footer-1-subscribe-btn">Shine With Us</button></div><p class="footer-1-privacy-note"><span>By subscribing you agree to with our </span><a href="#">Privacy Policy</a><span> and provide consent to receive updates from our company.</span></p></div><div class="footer-1-columns"><div class="footer-1-column"><h4>Explore</h4><ul><li><a href="rings.html">Rings</a></li><li><a href="necklaces.html">Necklaces</a></li><li><a href="bangles.html">Bangles</a></li><li><a href="earrings.html">Earrings</a></li><li><a href="new_arrivals.html">New Arrivals</a></li></ul></div><div class="footer-1-column"><h4>Support</h4><ul><li><a href="about_us.html">About Us</a></li><li><a href="contact_us.html">Contact Us</a></li><li><a href="faq.html">FAQ</a></li><li><a href="shipping_returns.html">Shipping & Returns</a></li><li><a href="customer_dashboard.html">Customer Dashboard</a></li></ul></div><div class="footer-1-column footer-1-social"><h4>Follow us</h4><ul><li><i class="fab fa-facebook"></i><span>Facebook</span></li><li><i class="fab fa-instagram"></i><span>Instagram</span></li><li><i class="fab fa-x-twitter"></i><span>X</span></li><li><i class="fab fa-linkedin"></i><span>LinkedIn</span></li><li><i class="fab fa-youtube"></i><span>Youtube</span></li></ul></div></div></div><div class="footer-1-bottom"><p>© 2025 Gleam Jewels. All rights reserved.</p><ul class="footer-1-links"><li><a href="product_detail.html">Product Detail</a></li><li><a href="order_confirmation.html">Order Confirmation</a></li><li><a href="admin_login.html">Admin Login</a></li><li><a href="admin_dashboard.html">Admin Dashboard</a></li><li><a href="admin_product_management.html">Admin Product Management</a></li><li><a href="admin_add_product.html">Admin Add Product</a></li><li><a href="admin_edit_product.html">Admin Edit Product</a></li><li><a href="admin_order_management.html">Admin Order Management</a></li><li><a href="admin_user_management.html">Admin User Management</a></li></ul></div></section></div>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Return/Exchange Information - Jewelry Store</title>
|
|
<link rel="stylesheet" href="style.css" />
|
|
</div>
|
|
<script>
|
|
document.addEventListener('DOMContentLoaded', function() {
|
|
document.body.style.display = 'none';
|
|
setTimeout(function() { document.body.style.display = ''; }, 10);
|
|
});
|
|
</script>
|
|
</body>
|
|
</html> |