File: index.php

<?php 
include_once "assets/includes/autoloader.includes.php";

metaTag_header('Dashboard');
$page ='Dashboard';
$ubpage ='Dashboard'


?>
<body>
<div class="wrapper">



<!-- ========top bar========== -->
<?php include "assets/includes/top_menu.includes.php";  ?>
<!-- ==========End Top bar==================== -->


<!-- ========side menu========== -->
<?php include "assets/includes/side_menu.includes.php";  ?>
<!-- ==========End side menu==================== -->

<?php 
     $userTracking = New User();
     $userTracking_data= $userTracking->getSingleUser(base64_decode($_SESSION['userNumber']));
     $userTracking_row= $userTracking_data->fetch(PDO::FETCH_ASSOC);




$Dashboard = new Dashboard(); 

$countCars = $Dashboard->countCars();
$countDestination = $Dashboard->countDestination();
$countHoteln = $Dashboard->countHoteln();
$countRoom = $Dashboard->countRoom();
$countTours = $Dashboard->countTours();
$countSafari = $Dashboard->countSafari();
$countDriers = $Dashboard->countDriers();
$countUsers = $Dashboard->countUsers();


$pack=$countTours+$countSafari;


 ?>


<div class="main-panel">

    <div class="container">
        <div class="panel-header bg-primary-gradient" style="background: linear-gradient(-45deg,#229b61,#0a4f2b) !important;;}">
                    <div class="page-inner py-5">
                        <div class="d-flex align-items-left align-items-md-center flex-column flex-md-row">
                            <div>
                                <h2 class="text-white pb-2 fw-bold">Dashboard</h2>
                                <h5 class="text-white op-7 mb-2"></h5>
                            </div>
                            <div class="ml-md-auto py-2 py-md-0">
                                <a href="../../" target="_blank" class="btn btn-white btn-border btn-round mr-2">View Website</a>
                                <a href="addDriver.php" class="btn btn-secondary btn-round">Add Driver</a>
                            </div>
                        </div>
                    </div>
        </div>
        
        <div class="page-inner mt--5">
            <div class="row mt--2">
                    <div class="col-sm-6 col-md-3">
                        <div class="card card-stats card-primary card-round">
                            <div class="card-body">
                                <div class="row">
                                    <div class="col-5">
                                        <div class="icon-big text-center"> 
                                        <i class="flaticon-users"></i>
                                        </div>
                                    </div>
                                    <div class="col-7 col-stats">
                                        <div class="numbers">
                                        <p class="card-category">Cars</p>
                                        <h4 class="card-title"><?=$countCars; ?></h4>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>




                    <div class="col-sm-6 col-md-3">
                        <div class="card card-stats card-secondary card-round">
                            <div class="card-body">
                                <div class="row">
                                    <div class="col-5">
                                        <div class="icon-big text-center">
                                        <i class="flaticon-users"></i>
                                        </div>
                                    </div>
                                    <div class="col-7 col-stats">
                                        <div class="numbers">
                                        <p class="card-category">Top Destinations</p>
                                        <h4 class="card-title"><?=$countDestination; ?></h4>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>



                    <div class="col-sm-6 col-md-3">
                        <div class="card card-stats card-success card-round">
                            <div class="card-body">
                                <div class="row">
                                    <div class="col-5">
                                        <div class="icon-big text-center">
                                        <i class="flaticon-users"></i>
                                        </div>
                                    </div>
                                    <div class="col-7 col-stats">
                                        <div class="numbers">
                                        <p class="card-category">Hotels</p>
                                        <h4 class="card-title"><?=$countHoteln; ?></h4>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>


                    <div class="col-sm-6 col-md-3">
                        <div class="card card-stats card-info card-round">
                            <div class="card-body">
                                <div class="row">
                                    <div class="col-5">
                                        <div class="icon-big text-center">
                                        <i class="flaticon-users"></i>
                                        </div>
                                    </div>
                                    <div class="col-7 col-stats">
                                        <div class="numbers">
                                        <p class="card-category">Rooms</p>
                                        <h4 class="card-title"><?=$countRoom; ?></h4>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                
            </div>







                    <div class="row">
                        <div class="col-sm-6 col-md-3">
                            <div class="card card-stats card-round">
                                <div class="card-body ">
                                    <div class="row">
                                        <div class="col-5">
                                            <div class="icon-big text-center">
                                                <i class="flaticon-chart-pie text-warning"></i>
                                            </div>
                                        </div>
                                        <div class="col-7 col-stats">
                                            <div class="numbers">
                                                <p class="card-category">Excursions</p>
                                                <h4 class="card-title"><?=$countTours; ?></h4>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>


                        <div class="col-sm-6 col-md-3">
                            <div class="card card-stats card-round">
                                <div class="card-body ">
                                    <div class="row">
                                        <div class="col-5">
                                            <div class="icon-big text-center">
                                                <i class="flaticon-chart-pie text-warning"></i>
                                            </div>
                                        </div>
                                        <div class="col-7 col-stats">
                                            <div class="numbers">
                                                <p class="card-category">Safari</p>
                                                <h4 class="card-title"><?=$countSafari; ?></h4>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>


                        <div class="col-sm-6 col-md-3">
                            <div class="card card-stats card-round">
                                <div class="card-body ">
                                    <div class="row">
                                        <div class="col-5">
                                            <div class="icon-big text-center">
                                                <i class="flaticon-chart-pie text-warning"></i>
                                            </div>
                                        </div>
                                        <div class="col-7 col-stats">
                                            <div class="numbers">
                                                <p class="card-category">Drivers</p>
                                                <h4 class="card-title"><?=$countDriers; ?></h4>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="col-sm-6 col-md-3">
                            <div class="card card-stats card-round">
                                <div class="card-body ">
                                    <div class="row">
                                        <div class="col-5">
                                            <div class="icon-big text-center">
                                                <i class="flaticon-chart-pie text-warning"></i>
                                            </div>
                                        </div>
                                        <div class="col-7 col-stats">
                                            <div class="numbers">
                                                <p class="card-category">User Accounts</p>
                                                <h4 class="card-title"><?=$countUsers; ?></h4>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
















                    <div class="row mt--2">
    <div class="col-md-6">
        <div class="card full-height">
            <div class="card-body">
                <div class="card-title">Overall statistics</div>
                <div class="card-category"> information about statistics in system</div>
                <div class="d-flex flex-wrap justify-content-around pb-2 pt-4">
                    <div class="px-2 pb-2 pb-md-0 text-center">
                        <div id="circles-1"></div>
                        <h6 class="fw-bold mt-3 mb-0">All Packages</h6>
                    </div>
                    <div class="px-2 pb-2 pb-md-0 text-center">
                        <div id="circles-2"></div>
                        <h6 class="fw-bold mt-3 mb-0">Sales</h6>
                    </div>
                    <div class="px-2 pb-2 pb-md-0 text-center">
                        <div id="circles-3"></div>
                        <h6 class="fw-bold mt-3 mb-0">Users</h6>
                    </div>
                </div>
            </div>
        </div>
    </div>
<div class="col-md-6">
<div class="card full-height">
<div class="card-body">
<div class="card-title">Total income & spend statistics</div>
<div class="row py-3">
<div class="col-md-4 d-flex flex-column justify-content-around">
<div>
<h6 class="fw-bold text-uppercase text-success op-8">Total Income</h6>
<h3 class="fw-bold">$9.782</h3>
</div>
<div>
<h6 class="fw-bold text-uppercase text-danger op-8">Total Spend</h6>
<h3 class="fw-bold">$1,248</h3>
</div>
</div>
<div class="col-md-8">
<div id="chart-container">
<canvas id="totalIncomeChart"></canvas>
</div>
</div>
</div>
</div>
</div>
</div>
</div>








        </div>
    </div>

<!-- ========side menu========== -->
<?php include "assets/includes/footer.includes.php";  ?>
<!-- ==========End side menu==================== -->

</div>





</div>



<?=Tag_footer(); ?>

</body>
</html>
📄 index.php
