<?php include 'header.php'; ?>
<?php include 'sidebar.php'; ?>

    <!-- Main Content -->
    <main class="main-content" id="mainContent">
        <div class="page-title">
            <h1>Dashboard</h1>
        </div>

        <div class="row">
            <div class="col-md-6">
                <div class="content-card">
                    <h3>Welcome to Gentelella!</h3>
                    <p>This is a faithful recreation of the Gentelella admin template using Bootstrap 5. The sidebar features:</p>
                    <ul>
                        <li>Large icons on the left side of each menu item</li>
                        <li>Toggle functionality to collapse/expand</li>
                        <li>Smooth transitions and hover effects</li>
                        <li>Responsive design for mobile devices</li>
                        <li>Dropdown menus for each item</li>
                        <li>Footer with quick action buttons (visible only in expanded mode)</li>
                    </ul>
                </div>
            </div>
            <div class="col-md-6">
                <div class="content-card">
                    <h3>Features</h3>
                    <p>This template includes:</p>
                    <ul>
                        <li>Fixed header with navigation</li>
                        <li>Collapsible sidebar with icons</li>
                        <li>User profile dropdown</li>
                        <li>Responsive layout</li>
                        <li>Clean footer</li>
                        <li>Multi-level dropdown menus</li>
                        <li>Sidebar footer with tooltips (hidden when collapsed)</li>
                    </ul>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-12">
                <div class="content-card">
                    <h3>Sample Content</h3>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
                    <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
                </div>
            </div>
        </div>
    </main>

<?php include 'footer.php'; ?>