<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Help - Flex Market</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<div class="container mt-4">
    <h3>Help & Support</h3>
    
    <div class="card mb-3">
        <div class="card-header">How to Upload a Product</div>
        <div class="card-body">
            <ol>
                <li>Go to Upload Product page</li>
                <li>Fill in product details (title, description, price, etc.)</li>
                <li>Upload product images (minimum 1, maximum 5)</li>
                <li>Submit for admin approval</li>
            </ol>
        </div>
    </div>

    <div class="card mb-3">
        <div class="card-header">Managing Offers</div>
        <div class="card-body">
            <p>When a buyer makes an offer on your product, you will receive a notification. You can accept or reject offers from the Offers page.</p>
        </div>
    </div>

    <div class="card mb-3">
        <div class="card-header">Contact Support</div>
        <div class="card-body">
            <p><strong>Email:</strong> support@flexmarket.com</p>
            <p><strong>Phone:</strong> +91-XXXXXXXXXX</p>
            <p><strong>Hours:</strong> Mon-Fri 9AM-6PM</p>
        </div>
    </div>
    
    <a href="<?= base_url('seller/dashboard') ?>" class="btn btn-secondary">Back</a>
</div>
</body>
</html>
