HOME

Mini Shell 1.0
DIR:/home/sarvhitsaral.in/www/storage/framework/views/
Current File : /home/sarvhitsaral.in/www/storage/framework/views/b7bc1318048764db4e084a012ad286e7.php
<?php echo $__env->make('layouts.header', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
<?php echo $__env->make('layouts.sidebar', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
<style>
.event-highlight{width:30px;}
.holiday-tooltip { display:none; background: #f7f7f7; color: #555; text-transform: capitalize; width: 300px; box-shadow: 0px 0px 5px 1px #aaaaaad6; padding: 10px; }
.holiday-tooltip ul li::before { content: "\f0a4"; font-family: FontAwesome; display: inline-block; margin: 0 10px 0 0; }
.holiday-tooltip ul li { margin-bottom: 10px; border-bottom: 1px dashed #000; font-size:13px;}
</style>

<div class="content-body">
    <!-- row -->
    <div class="container-fluid">

        <div class="row">
            <div class="col-xl-4 mb-4 home-box">
                <!-- Dashboard example card 1-->
                <a class="card lift" href="#!">
                    <div class="card-body d-flex justify-content-center flex-column">
                        <div class="d-flex align-items-center justify-content-between">
                            <div class="me-3">
                                <img src="<?php echo e(asset('images/icons/icon-02.png')); ?>" alt="Total Students">
                                <h5>Total <br>Students</h5>
                                <div class="small home-title"><?php echo e($studentCount); ?></div>
                            </div>
                        </div>
                    </div>
                </a>
            </div>
            <div class="col-xl-4 mb-4 home-box">
                <!-- Dashboard example card 2-->
                <a class="card lift box-area" href="#!">
                    <div class="card-body d-flex justify-content-center flex-column">
                        <div class="d-flex align-items-center justify-content-between">
                            <div class="me-3">
                                <img src="<?php echo e(asset('images/icons/icon-03.png')); ?>" alt="Total Staff">
                                <h5>Total <br>Staff</h5>
                                <div class="small home-title"><?php echo e($staffCount); ?></div>
                            </div>
                        </div>
                    </div>
                </a>
            </div>
            <div class="col-xl-4 mb-4 home-box">
                <!-- Dashboard example card 3-->
                <a class="card lift" href="#!">
                    <div class="card-body d-flex justify-content-center flex-column">
                        <div class="d-flex align-items-center justify-content-between">
                            <div class="me-3">
                                <img src="<?php echo e(asset('images/icons/icon-04.png')); ?>" alt="Today's Absentees">
                                <h5>Today's <br>Absentees</h5>
                                <div class="small home-title"><?php echo e($absenteesCount); ?></div>
                            </div>
                        </div>
                    </div>
                </a>
            </div>
        </div>

        <div class="row">
            <div class="col-xl-6 col-lg-8">
                <div class="card">
                    <div class="card-header">
                    <?php
                        $classWiseStudents = 0;
                    ?>

                    <?php $__currentLoopData = $studentRecordsByClass; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $studentCount): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                        <?php
                            $classWiseStudents += $studentCount['total_students'];
                        ?>
                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                        <h4 class="card-title">Class Wise Strength [<?php echo e($classWiseStudents); ?>]</h4>
                    </div>
                    <div class="card-body Chart-body">
                        <div class="row">
                            <div class="col-xl-12 col-lg-8">
                                <canvas id="studentChart" style="height: 230px;"></canvas>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xl-6 col-lg-4">
                <div class="card">
                    <div class="card-body text-center">
                        <div id="app-calendar" class="app-fullcalendar">
                            <div class="holiday-tooltip">
                                <ul>
                                    <li class="event-description"></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>


    </div>
</div>



<?php echo $__env->make('layouts.footer', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
<script>
    var allClassData = <?php echo json_encode($allClass->map(function($item) { return ['class_id' => $item->class_id, 'class_name' => $item->class_name]; })->toArray(), 512) ?>;
    var studentRecords = <?php echo json_encode($studentRecordsByClass, 15, 512) ?>;

    // Prepare an object to store total_students for each class_id
    var totalStudentsByClassId = {};

    // Loop through the studentRecords and store total_students for each class_id
    for (var i = 0; i < studentRecords.length; i++) {
        var classId = studentRecords[i].class_id;
        var totalStudents = studentRecords[i].total_students;
        totalStudentsByClassId[classId] = totalStudents;
    }

    // Prepare an array to store total_students for each class_name in the same order as allClassData
    var dataValues = allClassData.map(classData => totalStudentsByClassId[classData.class_id] || 0);

    // Set a fixed set of colors to choose from
    var colors = [
        '255, 99, 132',
        '75, 192, 192',
        '54, 162, 235',
        '255, 206, 86',
        '153, 102, 255',
    ];

    // Prepare arrays to store backgroundColor and borderColor for each data point
    var backgroundColors = [];
    var borderColors = [];

    // Loop through dataValues to assign colors dynamically
    for (var i = 0; i < dataValues.length; i++) {
        var value = dataValues[i];
        var colorIndex = i % colors.length; // Calculate the color index based on the fixed set of colors
        var rgbaBackground = 'rgba(' + colors[colorIndex] + ', 0.2)';
        var rgbaBorder = 'rgba(' + colors[colorIndex] + ', 1)';

        // If the value is 0, skip the color and move to the next one
        if (value === 0) {
        backgroundColors.push('rgba(0, 0, 0, 0)'); // Transparent color for zero values
        borderColors.push('rgba(0, 0, 0, 0)'); // Transparent color for zero values
        } else {
        backgroundColors.push(rgbaBackground);
        borderColors.push(rgbaBorder);
        }
    }

    var data = {
    labels: allClassData.map(classData => classData.class_name),
    datasets: [{
        label: 'School-wise Students',
        data: dataValues,
        backgroundColor: backgroundColors,
        borderColor: borderColors,
        borderWidth: 1,
        fill: false
    }]
    };

    var options = {
      scales: {
        yAxes: [{
          ticks: {
            beginAtZero: true
          }
        }]
      },
      legend: {
        display: false
      },
      elements: {
        point: {
          radius: 0
        }
      }

    };
    if ($("#studentChart").length) {
      var barChartCanvas = $("#studentChart").get(0).getContext("2d");
      var barChart = new Chart(barChartCanvas, {
        type: 'bar',
        data: data,
        options: options
      });
    }
</script>

<script>
    ! function(e) {
    "use strict";
    var t = function() {
        this.$body = e("body"),  this.$calendar = e("#app-calendar"), this.$calendarObj = null
    };
    t.prototype.init = function() {
        var t = new Date,
        n = (t.getDate(), t.getMonth(), t.getFullYear(), new Date(e.now())),
        o = this;

        var holidays = [];
            <?php $__currentLoopData = $annual; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $holiday): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                holidays.push({
                    title: "<?php echo str_replace(["\r\n", "\r", "\n"], "\\n", addslashes($holiday->holiday_desc)); ?>",
                    start: "<?php echo e($holiday->holiday_start); ?>",
                    end: "<?php echo e($holiday->holiday_end); ?>",
                    description: "<?php echo str_replace(["\r\n", "\r", "\n"], "\\n", addslashes($holiday->holiday_desc)); ?>",
                    className: "bg-danger event-highlight",
                });
            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>

            var groupedHolidays = {};
            holidays.forEach(function(event) {
                var date = event.start;
                if (groupedHolidays[date]) {
                    groupedHolidays[date].title += ", " + event.title;
                } else {
                    groupedHolidays[date] = {
                        title: event.title,
                        start: event.start,
                        end: event.end,
                        description: event.description,
                        className: event.className
                    };
                }
            });
            var combinedHolidays = Object.values(groupedHolidays);

        // Define the getEventDescriptions function here within the same scope
        function getEventDescriptions(date) {
            var eventDescriptions = [];
            for (var i = 0; i < holidays.length; i++) {
                var holidayStart = new Date(holidays[i].start);
                
                if (date.getFullYear() === holidayStart.getFullYear() &&
                    date.getMonth() === holidayStart.getMonth() &&
                    date.getDate() === holidayStart.getDate()) {
                    eventDescriptions.push(holidays[i].description);
                }
            }
            return eventDescriptions;
        }

        var renderedEvents = [];

        o.$calendarObj = o.$calendar.fullCalendar({
            slotDuration: "00:15:00",
            minTime: "08:00:00",
            maxTime: "19:00:00",
            defaultView: "month",
            handleWindowResize: !0,
            height: e(window).height() - 100,
            header: {
                left: "prev,next today",
                center: "title",
                right: "month,agendaWeek,agendaDay"
            },
            events: combinedHolidays,
            eventRender: function(event, element) {
                // Check if the event has already been rendered
                if (renderedEvents.indexOf(event._id) === -1) {
                    // Check if the event spans multiple days
                    var eventStart = moment(event.start).startOf('day');
                    var eventEnd = moment(event.end).startOf('day');
                    var dayDiff = eventEnd.diff(eventStart, 'days');

                    if (dayDiff > 0) {
                        for (var i = 1; i <= dayDiff; i++) {
                            var nextDay = moment(eventStart).add(i, 'days');
                            var duplicateEvent = {
                                title: event.title,
                                start: nextDay.toISOString(),
                                end: nextDay.toISOString(),
                                description: event.description,
                                className: event.className
                            };
                            // Append the duplicated event to the 'holidays' array
                            holidays.push(duplicateEvent);
                        }
                    }

                    // Mark the event as rendered
                    renderedEvents.push(event._id);
                }
            },
            eventMouseover: function(calEvent, jsEvent) {
                var $tooltip = e(".holiday-tooltip");
                var eventDescriptions = getEventDescriptions(new Date(calEvent.start));
                $tooltip.find("li").remove();
                eventDescriptions.forEach(function(description) {
                    $tooltip.find("ul").append("<li>" + description + "</li>");
                });
                $tooltip.css({
                    top: jsEvent.pageY - 10,
                    left: jsEvent.pageX + 20,
                    zIndex: 10000
                }).fadeIn(200);
            },
            eventMouseout: function(calEvent, jsEvent) {
                e(".holiday-tooltip").fadeOut(200);
            },
            editable: false,
            droppable: false,
            eventLimit: !0,
            selectable: !0,
        });
    }, e.CalendarApp = new t, e.CalendarApp.Constructor = t
}(window.jQuery),

function(e) {
    "use strict";
    e.CalendarApp.init()
}(window.jQuery);


</script><?php /**PATH /home/sarvhitsaral.in/www/resources/views/school/dashboard/dashboard.blade.php ENDPATH**/ ?>