<div class="container mt-5">
        <h2 class="mb-4">Promotions Management</h2>

        <!-- Request Content Promotion -->
        <div class="card mb-4">
            <div class="card-header">
                <h5>Request Content Promotion</h5>
            </div>
            <div class="card-body">
                <form id="promotionRequestForm">
                    <!-- Budget -->
                    <div class="form-group">
                        <label for="promotionBudget">Budget ($)</label>
                        <input type="number" class="form-control" id="promotionBudget" placeholder="Enter your budget" required>
                    </div>

                    <!-- Target Audience -->
                    
                    <!-- Duration -->
                    <div class="form-group">
                        <label for="promotionDuration">Duration (days)</label>
                        <input type="number" class="form-control" id="promotionDuration" placeholder="Enter duration in days" required>
                    </div>

                    <!-- Submit Button -->
                    <button type="submit" class="btn btn-primary">Submit Promotion Request</button>
                </form>
            </div>
        </div>

        <!-- Active Campaigns -->
        <div class="card">
            <div class="card-header">
                <h5>Active Campaigns</h5>
            </div>
            <div class="card-body">
                <table class="table table-bordered">
                    <thead>
                        <tr>
                            <th>#</th>
                            <th>Title</th>
                            <th>Budget ($)</th>
                        
                            <th>Duration (days)</th>
                            <th>Status</th>
                            <th>Performance</th>
                        </tr>
                    </thead>
                    <tbody>
                        <!-- Dummy Data -->
                        <tr>
                            <td>1</td>
                            <td>The Adventure Begins</td>
                            <td>500</td>
                 
                            <td>30</td>
                            <td>Active</td>
                            <td>Clicks: 2,340, Views: 12,500</td>
                        </tr>
                        <tr>
                            <td>2</td>
                            <td>Learn to Code</td>
                            <td>800</td>
                   
                            <td>60</td>
                            <td>Active</td>
                            <td>Clicks: 4,120, Views: 20,300</td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>