/home/awneajlw/.trash/storage.2/framework/views/92c6f8cfcb5118d4022d84ae3bc19dbc.php
<?php echo $__env->make('admin.component.header', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
<?php echo $__env->make('admin.component.topnav', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
<?php echo $__env->make('admin.component.navbar', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>



<!--**********************************
            Content body start
        ***********************************-->
<div class="content-body" ">

    <div class="container-fluid mt-3">

        <div class="row">
            <div class="col-lg-3 col-sm-6">
                <div class="card gradient-1">
                    <div class="card-body" >
                        <h3 class="card-title text-white"><?php echo e(__('SE.users')); ?></h3>
                        <div class="d-inline-block">
                            <h2 class="text-white"><?php echo e($user); ?></h2>
                           <a class="m-0 p-0" href="<?php echo e(url('/user')); ?>"> <p class="text-white mb-0"><?php echo e(__('SE.users')); ?> <i class="fa-solid fa-arrow-right m-2"></i></p></a>
                        </div>
                        <span class="float-right display-5 opacity-5"><i class="fa fa-users"></i></span>
                    </div>
                </div>
            </div>
            <div class="col-lg-3 col-sm-6">
                <div class="card gradient-2">
                    <div class="card-body">
                        <h3 class="card-title text-white"><?php echo e(__('SE.branches')); ?></h3>
                        <div class="d-inline-block">
                            <h2 class="text-white"><?php echo e($branch); ?></h2>
                            <a href="<?php echo e(url('/branch')); ?>"><p class="text-white mb-0"><?php echo e(__('SE.branches')); ?> <i class="fa-solid fa-arrow-right m-2"></i></p></a>
                        </div>
                        <span class="float-right display-5 opacity-5"><i class="fa-solid fa-code-branch"></i></span>
                    </div>
                </div>
            </div>
            <div class="col-lg-3 col-sm-6">
                <div class="card gradient-3">
                    <div class="card-body">
                        <h3 class="card-title text-white"><?php echo e(__('SE.inventory')); ?></h3>
                        <div class="d-inline-block">
                            <h2 class="text-white"><?php echo e($inventory); ?></h2>
                            <a href="<?php echo e(url("/inventory")); ?>"><p class="text-white mb-0"><?php echo e(__('SE.inventory')); ?> <i class="fa-solid fa-arrow-right m-2"></i></p></a>
                        </div>
                        <span class="float-right display-5 opacity-5"><i class="fa-solid fa-warehouse"></i></span>
                    </div>
                </div>
            </div>
            <div class="col-lg-3 col-sm-6">
                <div class="card gradient-4">
                    <div class="card-body">
                        <h3 class="card-title text-white"><?php echo e(__('SE.inventory_category')); ?></h3>
                        <div class="d-inline-block">
                            <h2 class="text-white"><?php echo e($category); ?></h2>
                            <a href="<?php echo e(url('/inventoryCategory')); ?>"><p class="text-white mb-0"><?php echo e(__('SE.inventory_category')); ?> <i class="fa-solid fa-arrow-right m-2"></i></p></a>
                        </div>
                        <span class="float-right display-5 opacity-5"><i class="fa-solid fa-layer-group"></i></span>
                    </div>
                </div>
            </div>
        </div>

        <div class="row" >
            <div class="col-lg-12">
                <div class="row">
                    <div class="col-12">
                        <div class="card" >
                            <div class="row">
                                <div class="col-md-6" >
                                    
                                    <div id="categoryInventoryChart" style="height: 370px; width: 100%;"></div>
                                </div>
                                <div class="col-md-6">
                                    
                                    <div id="branchInventoryChart" style="height: 370px; width: 100%;"></div>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-lg-12">
                <div class="row">
                    <div class="col-12">
                        <div class="card">

                            
                            <div id="branchSalesChart" style="height: 370px; width: 100%;"></div>


                        </div>
                    </div>
                </div>
            </div>
        </div>
        
        <div class="row">
            <div class="col-lg-12">
                <div class="row">
                    <div class="col-12">
                        <div class="card">
                            
                            <div id="categorySalesChart" style="height: 370px; width: 100%;"></div>

                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-lg-12">
                <div class="row">
                    <div class="col-12">
                        <div class="card">
                            <div class="row p-5">
                                <h1 class="text-center mt-5 display-5" style=" margin: 25px; color: #252424; font-family: sans-serif;" ><?php echo e(__('SE.today_attendance')); ?></h1>

                                <div class="col-lg-4 col-md-6 col-sm-12" style="box-shadow: rgb(149 157 165 / 10%) 0px 8px 24px; margin-top: 20px; padding: 15px; border-radius: 25px;">
                                    <div class="small-box" style="background: white;">
                                        <div style="display: flex;">
                                            <div class="bg-circle" style="background: radial-gradient(#ffb6c1, transparent);">
                                                <i class="fas fa-user"
                                                    style="font-size: 20px;padding: 15px; color: white;">
                                                </i>
                                            </div>
                                            <div class="inner mx-3">
                                                <p class="card-heading" style="font-size: 15px;"><?php echo e(__('SE.logged_in_user')); ?></p>
                                                <h3 class="card-text"><?php echo e(@$numEmployeesStarted); ?></h3>
                                            </div>

                                        </div>

                                    </div>
                                </div>



                                <div class="col-lg-4 col-md-6 col-sm-12" style="box-shadow: rgb(149 157 165 / 10%) 0px 8px 24px; margin-top: 20px; padding: 15px; border-radius: 25px;">
                                    <div class="small-box" style="background: white;">
                                        <div style="display: flex;">
                                            <div class="bg-circle" style="background: radial-gradient(#ffb6c1, transparent);">
                                                <i class="fas fa-user"
                                                    style="font-size: 20px;padding: 15px; color: white;">
                                                </i>
                                            </div>
                                            <div class="inner mx-3">
                                                <p class="card-heading" style="font-size: 15px;"><?php echo e(__('SE.on_break_user')); ?></p>
                                                <h3 class="card-text"><?php echo e(@$numEmployeesOnBreak); ?></h3>
                                            </div>

                                        </div>

                                    </div>
                                </div>


                                <div class="col-lg-4 col-md-6 col-sm-12" style="box-shadow: rgb(149 157 165 / 10%) 0px 8px 24px; margin-top: 20px; padding: 15px; border-radius: 25px;">
                                    <div class="small-box" style="background: white;">
                                        <div style="display: flex;">
                                            <div class="bg-circle" style="background: radial-gradient(#ffb6c1, transparent);">
                                                <i class="fas fa-user"
                                                    style="font-size: 20px;padding: 15px; color: white;">
                                                </i>
                                            </div>
                                            <div class="inner mx-3">
                                                <p class="card-heading" style="font-size: 15px;"><?php echo e(__('SE.logged_out_user')); ?></p>
                                                <h3 class="card-text"><?php echo e(@$numEmployeesEnded); ?></h3>
                                            </div>

                                        </div>

                                    </div>
                                </div>

                            </div>




                            
                            <div class="row p-4">

                                <div class="col-sm-12 " >
                                    
                                    <table class="table " >
                                        <thead>
                                            <tr>
                                            <th scope="col" style="color: black; font-weight: 500; background-color: #0000001c;"><?php echo e(__('SE.name')); ?></th>
                                            <th scope="col" style="color: black; font-weight: 500; background-color: #0000001c;"><?php echo e(__('SE.location')); ?></th>
                                            <th scope="col" style="color: black; font-weight: 500; background-color: #0000001c;"><?php echo e(__('SE.login_time')); ?></th>
                                            <th scope="col" style="color: black; font-weight: 500; background-color: #0000001c;"><?php echo e(__('SE.logout_time')); ?></th>
                                            <th scope="col" style="color: black; font-weight: 500; background-color: #0000001c;"><?php echo e(__('SE.break')); ?></th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <?php $__currentLoopData = $data; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $employeeId => $employeeData): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                                <?php $__currentLoopData = $employeeData['activities']; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $activity): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                                <tr>
                                                        <td><?php echo e($activity['name']); ?></td>
                                                        <td>
                                                            <a target="_blank" href="https://www.google.com/maps?q=<?php echo e($activity['lat']); ?>,<?php echo e($activity['lng']); ?>">
                                                                <?php echo e($activity['lat']); ?>, <?php echo e($activity['lng']); ?>

                                                            </a>
                                                        </td>
                                                        <td><?php echo e($activity['startTime']->format('d-m-Y H:i:s')); ?></td>
                                                        <td><?php echo e($activity['endTime'] ? $activity['endTime']->format('d-m-Y H:i:s') : ''); ?></td>
                                                        <td><?php echo e($activity['totalBreakTime']); ?> minutes</td>
                                                    </tr>
                                                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                        </tbody>
                                        </table>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>


    </div>
    <!-- #/ container -->
</div>
<!--**********************************
            Content body end
        ***********************************-->


<?php echo $__env->make('admin.component.footer', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>


<script src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>

<script>
    window.onload = function() {
        // Category Inventory Pie Chart
        var categoryInventoryChart = new CanvasJS.Chart("categoryInventoryChart", {
            animationEnabled: true,
            theme: "light2",
            title:{
                text: "<?php echo e(__('SE.inventory_by_category')); ?>"
            },
            data: [{
                type: "doughnut",
                yValueFormatString: "#,##0.## items",
                indexLabel: "{label} ({y})",
                dataPoints: [
                    <?php $__currentLoopData = $categoryInventory; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $data): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                    { label: "<?php echo e(@$data->category->name); ?>", y: <?php echo e(@$data->total); ?> },
                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                ]
            }]
        });

        // Branch Inventory Pie Chart
        var branchInventoryChart = new CanvasJS.Chart("branchInventoryChart", {
            animationEnabled: true,
            theme: "light1",
            title:{
                text: "<?php echo e(__('SE.inventory_by_branch')); ?>"
            },
            data: [{
                type: "pie",
                yValueFormatString: "#,##0.## items",
                indexLabel: "{label} ({y})",
                dataPoints: [
                    <?php $__currentLoopData = $branchInventory; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $data): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                    { label: "<?php echo e(@$data->branch->name); ?>", y: <?php echo e(@$data->total); ?> },
                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                ]
            }]
        });


        var branchchart = new CanvasJS.Chart("branchSalesChart", {
            animationEnabled: true,
            theme: "light2",
            title:{
                text: "<?php echo e(__('SE.total_sales_and_quantity_sold_by_branch')); ?>"
            },
            axisX: {
                title: "<?php echo e(__('SE.branches')); ?>"
            },
            axisY: [{
                title: "<?php echo e(__('SE.total_sales')); ?>",
                beginAtZero: true
            },{
                title: "<?php echo e(__('SE.total_quantity_sold')); ?>",
                beginAtZero: true,
                opposite: true
            }],
            data: [{
                type: "column",
                name: "<?php echo e(__('SE.total_sales')); ?>",
                showInLegend: true,
                yValueFormatString: "$#,##0",
                dataPoints: [
                    <?php $__currentLoopData = $branchNames; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $index => $branchName): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                        { label: "<?php echo e(@$branchName); ?>", y: <?php echo e(@$totalSales[$index]); ?> },
                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                ]
            },{
                type: "line",  // This could also be "spline", "column", etc.
                name: "<?php echo e(__('SE.total_quantity_sold')); ?>",
                axisYType: "secondary",
                showInLegend: true,
                yValueFormatString: "#,##0 units",
                dataPoints: [
                    <?php $__currentLoopData = $branchNames; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $index => $branchName): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                        { label: "<?php echo e($branchName); ?>", y: <?php echo e($totalQuantities[$index]); ?> },
                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                ]
            }]
        });


        var categorySalesChart = new CanvasJS.Chart("categorySalesChart", {
            animationEnabled: true,
            theme: "light2",
            title: {
                text: "<?php echo e(__('SE.total_quantity_sold_by_category')); ?>"
            },
            axisX: {
                title: "<?php echo e(__('SE.categories')); ?>"
            },
            axisY: {
                title: "<?php echo e(__('SE.total_quantity_sold')); ?>",
                beginAtZero: true
            },
            data: [{
                type: "area",
                yValueFormatString: "#,##0 items",
                indexLabel: "{y}",
                dataPoints: [
                    <?php $__currentLoopData = $categorySalesData; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $data): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                    { label: "<?php echo e(@$data->category_name); ?>", y: <?php echo e(@$data->total_quantity_sold); ?> },
                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                ]
            }]
        });


        categorySalesChart.render();
        branchchart.render();
        categoryInventoryChart.render();
        branchInventoryChart.render();
    }
</script>
<?php /**PATH /home/awneajlw/public_html/safeeyesjewelers.com/resources/views/admin/dashboard/index.blade.php ENDPATH**/ ?>