<?php include("includes/session.php");
ini_set('display_errors', 1);
ini_set('display_startup_errors', 1);
error_reporting(E_ALL);?>
<!DOCTYPE html>
<html lang="en" data-layout="vertical" data-topbar="light" data-sidebar="light"  data-sidebar-size="lg" data-sidebar-image="none">
	
<?php include("includes/head.php"); ?>
	<body>
		
		<!-- Main Wrapper -->
		<div class="main-wrapper">
		
			<!-- Header -->
		<?php include("includes/header.php"); ?>
			<!-- /Header -->
			
			<!-- Sidebar -->
				<?php include("includes/sidebar.php"); ?>
			<!-- /Sidebar -->

			<!-- Page Wrapper -->
		<div class="page-wrapper">
    <div class="content container-fluid">
        
        
        <!-- Welcome Message -->
        <div class="row">
            <div class="col-12">
                <div class="card mb-4">
                    <div class="card-body text-center">
                        <h4 class="mb-3">Welcome, <span><?php echo htmlspecialchars($employee_name); ?></span>!</h4>
                        <p class="mb-0">
                            Your Employee Code: <strong><?php echo htmlspecialchars($employee_code); ?></strong>
                        </p>
                        <p class="mb-0">
                           Designation : <strong><?php echo htmlspecialchars($designation); ?></strong>
                        </p>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <!-- Targets Section -->
            <div class="col-xl-3 col-sm-6 col-12">
                <div class="card">
                    <div class="card-body">
                        <div class="dash-widget-header">
                            <span class="dash-widget-icon bg-1">
                                <i class="fas fa-bullseye"></i>
                            </span>
                            <div class="dash-count">
                                <div class="dash-title">Targets</div>
                                <div class="dash-counts">
                                    <p>15</p>
                                </div>
                            </div>
                        </div>
                        <div class="progress progress-sm mt-3">
                            <div class="progress-bar bg-5" role="progressbar" style="width: 60%" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"></div>
                        </div>
                        <p class="text-muted mt-3 mb-0"><span class="text-info me-1"><i class="fas fa-info-circle me-1"></i>60% completed</span> of this month's target</p>
                    </div>
                </div>
            </div>

            <!-- Achievements Section -->
            <div class="col-xl-3 col-sm-6 col-12">
                <div class="card">
                    <div class="card-body">
                        <div class="dash-widget-header">
                            <span class="dash-widget-icon bg-2">
                                <i class="fas fa-trophy"></i>
                            </span>
                            <div class="dash-count">
                                <div class="dash-title">Achievements</div>
                                <div class="dash-counts">
                                    <p>5</p>
                                </div>
                            </div>
                        </div>
                        <div class="progress progress-sm mt-3">
                            <div class="progress-bar bg-6" role="progressbar" style="width: 80%" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100"></div>
                        </div>
                        <p class="text-muted mt-3 mb-0"><span class="text-success me-1"><i class="fas fa-check-circle me-1"></i>4 new achievements</span> this quarter</p>
                    </div>
                </div>
            </div>

            <!-- Sales Report Section -->
            <div class="col-xl-3 col-sm-6 col-12">
                <div class="card">
                    <div class="card-body">
                        <div class="dash-widget-header">
                            <span class="dash-widget-icon bg-3">
                                <i class="fas fa-chart-line"></i>
                            </span>
                            <div class="dash-count">
                                <div class="dash-title">Sales Report</div>
                                <div class="dash-counts">
                                    <p>$12,500</p>
                                </div>
                            </div>
                        </div>
                        <div class="progress progress-sm mt-3">
                            <div class="progress-bar bg-7" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
                        </div>
                        <p class="text-muted mt-3 mb-0"><span class="text-success me-1"><i class="fas fa-arrow-up me-1"></i>5% increase</span> since last month</p>
                    </div>
                </div>
            </div>

            <!-- Upcoming News Section -->
            <div class="col-xl-3 col-sm-6 col-12">
                <div class="card">
                    <div class="card-body">
                        <div class="dash-widget-header">
                            <span class="dash-widget-icon bg-4">
                                <i class="far fa-newspaper"></i>
                            </span> 
                            <div class="dash-count">
                                <div class="dash-title">Upcoming News</div>
                                <div class="dash-counts">
                                    <p>3</p>
                                </div>
                            </div>
                        </div>
                        <div class="progress progress-sm mt-3">
                            <div class="progress-bar bg-8" role="progressbar" style="width: 50%" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
                        </div>
                        <p class="text-muted mt-3 mb-0"><span class="text-warning me-1"><i class="fas fa-calendar-alt me-1"></i>Upcoming team meeting</span> on Friday</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

			<!-- /Page Wrapper -->

		</div>
		<!-- /Main Wrapper -->

		<!-- jQuery -->
		<script src="assets/js/jquery-3.7.1.min.js"></script>
		
		<!-- Bootstrap Core JS -->
		<script src="assets/js/bootstrap.bundle.min.js"></script>
		
		<!-- Feather Icon JS -->
		<script src="assets/js/feather.min.js"></script>
		
		<!-- Slimscroll JS -->
		<script src="assets/plugins/slimscroll/jquery.slimscroll.min.js"></script>
		
		<!-- Chart JS -->
		<script src="assets/plugins/apexchart/apexcharts.min.js"></script>
		<script src="assets/plugins/apexchart/chart-data.js"></script>

		<!-- Theme Settings JS -->
		<script src="assets/js/theme-settings.js"></script>
		<script src="assets/js/greedynav.js"></script>
		
		<!-- Custom JS -->
		<script src="assets/js/script.js"></script>

	</body>

<!-- Mirrored from kanakku.dreamstechnologies.com/html/template/index.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 07 Feb 2024 11:48:59 GMT -->
</html>