<?php 

// $ar = array();
// $sh->config->user_statics  = json_decode($sh->config->user_statics);
// foreach ($sh->config->user_statics as $key => $value) {
//     $ar[] = $value->new_users;
// }
// $ar = json_encode($ar);
// $orders      = $db->orderBy('id','DESC')->get(T_ORDERS,10);

$rang_link = '';
$code = 'm';
$main_range = 'This Year';
$title = "Yearly";

$array = array('01' => 0 ,'02' => 0 ,'03' => 0 ,'04' => 0 ,'05' => 0 ,'06' => 0 ,'07' => 0 ,'08' => 0 ,'09' => 0 ,'10' => 0 ,'11' => 0 ,'12' => 0);
$pt->users_array = implode(', ', $array);
$pt->posts_array = implode(', ', $array);
$pt->videos_array = implode(', ', $array);
$pt->comments_array = implode(', ', $array);
$pt->likes_array = implode(', ', $array);
$pt->dislikes_array = implode(', ', $array);

if (empty($_GET['range'])) {
    $_GET['range'] = 'This Year';
}
if (!empty($_GET['range']) && in_array($_GET['range'], array('Today','Yesterday','This Week','This Month','Last Month','This Year'))) {
    if ($_GET['range'] == 'Today' || $_GET['range'] == 'Yesterday') {
        $main_range = 'Today';
        $title = "Daily";
    }
    elseif ($_GET['range'] == 'This Week') {
        $main_range = 'This Week';
        $title = "Weekly";
    }
    elseif ($_GET['range'] == 'This Month' ||$_GET['range'] == 'Last Month') {
        $main_range = 'This Month';
        $title = "Monthly";
        $month_days = cal_days_in_month(CAL_GREGORIAN, date('m'), date('Y'));
        if ($_GET['range'] == 'Last Month') {
            $month_days = cal_days_in_month(CAL_GREGORIAN, date('m',strtotime("-1 month")), date('Y'));
        }
    }
    $info = $db->where('name',$_GET['range'])->getOne(T_DASHBOARD_REPORTS);
    $infoData = json_decode($info->value);

    $pt->users_array = $infoData->users_array;
    $pt->posts_array = $infoData->posts_array;
    $pt->videos_array = $infoData->videos_array;
    $pt->comments_array = $infoData->comments_array;
    $pt->likes_array = $infoData->likes_array;
    $pt->dislikes_array = $infoData->dislikes_array;
}
$start = '';
$end = '';
$first_code = '';
$second_code = '';
if (!empty($_GET['range']) && !in_array($_GET['range'], array('Today','Yesterday','This Week','This Month','Last Month','This Year'))) {
    $arr = explode('-', $_GET['range']);
    if (preg_match('~(0[1-9]|1[012])[- /.](0[1-9]|[12][0-9]|3[01])[- /.](19|20)\d\d~m', $arr[0]) && preg_match('~(0[1-9]|1[012])[- /.](0[1-9]|[12][0-9]|3[01])[- /.](19|20)\d\d~m', $arr[1])) {
        $start = PT_Secure($arr[0]);
        $end = PT_Secure($arr[1]);
        $this_start = strtotime($start);
        $this_end = strtotime($end);
        $month_days = cal_days_in_month(CAL_GREGORIAN, date('m',strtotime($start)), date('Y',strtotime($start)));
        $diff = abs(strtotime($end) - strtotime($start));
        $years = floor($diff / (365*60*60*24));
        $months = floor(($diff - $years * 365*60*60*24) / (30*60*60*24));
        $days = floor(($diff - $years * 365*60*60*24 - $months*30*60*60*24)/ (60*60*24));
        if ($years >= 1) {
            $array = array();
            for ($i=date('Y',strtotime($start)); $i <= date('Y',strtotime($end)); $i++) { 
                $array["'".$i."'"] = 0;
            }
            $main_range = 'Custom';
            $code = 'Y';
            $title = "Yearly";
        }
        elseif ($months >= 1) {
            $array = array('01' => 0 ,'02' => 0 ,'03' => 0 ,'04' => 0 ,'05' => 0 ,'06' => 0 ,'07' => 0 ,'08' => 0 ,'09' => 0 ,'10' => 0 ,'11' => 0 ,'12' => 0);
            $code = 'm';
            $main_range = 'This Year';
            $title = "Monthly";
            if (date('Y',strtotime($start)) == date('Y',strtotime($end))) {
                $array = array();
                for ($i=date('m',strtotime($start)); $i <= date('m',strtotime($end)); $i++) { 
                    $array["'".(int)$i."'"] = 0;
                }
                $code = 'm';
                $main_range = 'Custom';
            }
            else{
                $month = cal_days_in_month(CAL_GREGORIAN, date('m',strtotime($start)), date('Y',strtotime($start)));
                $array = array();
                for ($i=(int)date('m',strtotime($start)); $i <= 12; $i++) { 
                    $array["'".(int)$i.'-'.date('Y',strtotime($start))."'"] = 0;
                }
                for ($i=1; $i <= (int)date('m',strtotime($end)); $i++) { 
                    $array["'".(int)$i.'-'.date('Y',strtotime($end))."'"] = 0;
                }
                $first_code = 'm';
                $second_code = 'Y';
                $main_range = 'Custom';
            }
        }
        elseif ($days > 7) {
            if (date('m',strtotime($start)) == date('m',strtotime($end))) {
                $array = array();
                for ($i=date('d',strtotime($start)); $i <= date('d',strtotime($end)); $i++) { 
                    $array["'".(int)$i."'"] = 0;
                }
                $code = 'd';
                $main_range = 'Custom';
            }
            else{
                $month = cal_days_in_month(CAL_GREGORIAN, date('m',strtotime($start)), date('Y',strtotime($start)));
                $array = array();
                for ($i=(int)date('d',strtotime($start)); $i <= $month; $i++) { 
                    $array["'".(int)$i.'-'.date('m',strtotime($start))."'"] = 0;
                }
                for ($i=1; $i <= (int)date('d',strtotime($end)); $i++) { 
                    $array["'".(int)$i.'-'.date('m',strtotime($end))."'"] = 0;
                }
                $first_code = 'd';
                $second_code = 'm';
                $main_range = 'Custom';
            }
            $title = "Daily";
        }
        elseif ($days >= 1 && $days < 8) {
            $title = "Daily";
            $code = 'l';
            $array = array('Saturday' => 0 , 'Sunday' => 0 , 'Monday' => 0 , 'Tuesday' => 0 , 'Wednesday' => 0 , 'Thursday' => 0 , 'Friday' => 0);
            if (date('m',strtotime($start)) == date('m',strtotime($end))) {
                $array = array();
                for ($i=date('d',strtotime($start)); $i <= date('d',strtotime($end)); $i++) { 
                    $array["'".(int)$i."'"] = 0;
                }
                $code = 'd';
                $main_range = 'Custom';
            }
            else{
                $month = cal_days_in_month(CAL_GREGORIAN, date('m',strtotime($start)), date('Y',strtotime($start)));
                $array = array();
                for ($i=(int)date('d',strtotime($start)); $i <= $month; $i++) { 
                    $array["'".(int)$i.'-'.date('m',strtotime($start))."'"] = 0;
                }
                for ($i=1; $i <= (int)date('d',strtotime($end)); $i++) { 
                    $array["'".(int)$i.'-'.date('m',strtotime($end))."'"] = 0;
                }
                $first_code = 'd';
                $second_code = 'm';
                $main_range = 'Custom';
            }
        }
        $users_array = $array;
        $posts_array = $array;
        $videos_array = $array;
        $comments_array = $array;
        $likes_array = $array;
        $dislikes_array = $array;

        //$year_sub = $db->where('status','Received')->where('time',$this_start,'>=')->where('time',$this_end,'<=')->get(T_ORDERS);
        $users = $db->where('time',$this_start,'>=')->where('time',$this_end,'<=')->get(T_USERS);
        $posts = $db->where('time',$this_start,'>=')->where('time',$this_end,'<=')->get(T_POSTS);
        $videos = $db->where('time',$this_start,'>=')->where('time',$this_end,'<=')->get(T_VIDEOS);
        $comments = $db->where('time',$this_start,'>=')->where('time',$this_end,'<=')->get(T_COMMENTS);
        $likes = $db->where('time',$this_start,'>=')->where('time',$this_end,'<=')->where('type',1)->get(T_DIS_LIKES);
        $dislikes = $db->where('time',$this_start,'>=')->where('time',$this_end,'<=')->where('type',2)->get(T_DIS_LIKES);
        foreach ($users as $key => $value) {
            $day = date($code,$value->time);
            if ($main_range == 'Custom' && !empty($first_code) && !empty($second_code)) {
                $day = "'".(int)date($first_code,$value->time).'-'.(int)date($second_code,$value->time)."'";
            }
            elseif ($main_range == 'Custom') {
                $day = "'".(int)date($code,$value->time)."'";
            }
            if (in_array($day, array_keys($users_array))) {
                $users_array[$day] += 1; 
            }
        }
        foreach ($posts as $key => $value) {
            $day = date($code,$value->time);
            if ($main_range == 'Custom' && !empty($first_code) && !empty($second_code)) {
                $day = "'".(int)date($first_code,$value->time).'-'.(int)date($second_code,$value->time)."'";
            }
            elseif ($main_range == 'Custom') {
                $day = "'".(int)date($code,$value->time)."'";
            }
            if (in_array($day, array_keys($users_array))) {
                $posts_array[$day] += 1; 
            }
        }
        foreach ($videos as $key => $value) {
            $day = date($code,$value->time);
            if ($main_range == 'Custom' && !empty($first_code) && !empty($second_code)) {
                $day = "'".(int)date($first_code,$value->time).'-'.(int)date($second_code,$value->time)."'";
            }
            elseif ($main_range == 'Custom') {
                $day = "'".(int)date($code,$value->time)."'";
            }
            if (in_array($day, array_keys($users_array))) {
                $videos_array[$day] += 1; 
            }
        }
        foreach ($comments as $key => $value) {
            $day = date($code,$value->time);
            if ($main_range == 'Custom' && !empty($first_code) && !empty($second_code)) {
                $day = "'".(int)date($first_code,$value->time).'-'.(int)date($second_code,$value->time)."'";
            }
            elseif ($main_range == 'Custom') {
                $day = "'".(int)date($code,$value->time)."'";
            }
            if (in_array($day, array_keys($users_array))) {
                $comments_array[$day] += 1; 
            }
        }
        foreach ($likes as $key => $value) {
            $day = date($code,$value->time);
            if ($main_range == 'Custom' && !empty($first_code) && !empty($second_code)) {
                $day = "'".(int)date($first_code,$value->time).'-'.(int)date($second_code,$value->time)."'";
            }
            elseif ($main_range == 'Custom') {
                $day = "'".(int)date($code,$value->time)."'";
            }
            if (in_array($day, array_keys($users_array))) {
                $likes_array[$day] += 1; 
            }
        }
        foreach ($dislikes as $key => $value) {
            $day = date($code,$value->time);
            if ($main_range == 'Custom' && !empty($first_code) && !empty($second_code)) {
                $day = "'".(int)date($first_code,$value->time).'-'.(int)date($second_code,$value->time)."'";
            }
            elseif ($main_range == 'Custom') {
                $day = "'".(int)date($code,$value->time)."'";
            }
            if (in_array($day, array_keys($users_array))) {
                $dislikes_array[$day] += 1; 
            }
        }
        $pt->users_array = implode(', ', $users_array);
        $pt->posts_array = implode(', ', $posts_array);
        $pt->videos_array = implode(', ', $videos_array);
        $pt->comments_array = implode(', ', $comments_array);
        $pt->likes_array = implode(', ', $likes_array);
        $pt->dislikes_array = implode(', ', $dislikes_array);
    }
}
        
?>
<div class="page-header d-md-flex justify-content-between">
    <div>
        <h3>Welcome back, <?php echo $pt->user->name; ?></h3>
    </div>
    
    <div class="mt-3 mt-md-0">
        <div id="dashboard-daterangepicker" class="btn btn-outline-light">
            <?php 
            if (!empty($_GET['range']) && in_array($_GET['range'], array('Today','Yesterday','This Week','This Month','Last Month','This Year'))) {
                echo $_GET['range'];
            }else if (!empty($start) && !empty($end)){
                echo $_GET['range'];
            }else{
                echo 'This Year';
            } ?>
        </div>
    </div>
</div>
<?php $getStatus = getStatus(); if (!empty($getStatus) && !empty(checkIfThereIsError($getStatus))) {?><div class="alert alert-danger"><strong>Important!</strong> There are some errors found on your system, please review <a href="<?php echo PT_LoadAdminLinkSettings('system_status'); ?>" data-ajax="?path=system_status">System Status</a>.</div><?php }?>
<div class="row">
    <div class="col-lg-6">
        <div class="card">
            <div class="card-body">
                <div class="d-flex justify-content-between">
                    <h6 class="card-title mb-2">Dashboard</h6>
                </div>
                <p class="text-muted mb-4">Users Chart</p>
                <div id="users"></div>
            </div>
        </div>
        <div class="card">
            <div class="card-body">
                <div class="d-flex justify-content-between">
                </div>
                <p class="text-muted mb-4">Videos , Posts Chart</p>
                <canvas id="posts"></canvas>
            </div>
        </div>
    </div>

    <div class="col-lg-6">
        <div class="row">
            <div class="col-md-6">
                <div class="card">
                    <div class="card-body">
                        <h6 class="card-title">TOTAL VIDEOS</h6>
                        <div class="d-flex align-items-center mb-3">
                            <div>
                                <div class="avatar">
                                    <span class="avatar-title bg-primary-bright text-primary rounded-pill">
                                        <i class="material-icons">video_library</i>
                                    </span>
                                </div>
                            </div>
                            <div class="font-weight-bold ml-1 font-size-30 ml-3">{{CONFIG total_videos}}</div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-6">
                <div class="card">
                    <div class="card-body">
                        <h6 class="card-title">TOTAL VIDEOS VIEWS</h6>
                        <div class="d-flex align-items-center mb-3">
                            <div>
                                <div class="avatar">
                                    <span class="avatar-title bg-info-bright text-info rounded-pill">
                                        <i class="material-icons">remove_red_eye</i>
                                    </span>
                                </div>
                            </div>
                            <div class="font-weight-bold ml-1 font-size-30 ml-3">{{CONFIG total_views}}</div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-6">
                <div class="card">
                    <div class="card-body">
                        <h6 class="card-title">TOTAL USERS</h6>
                        <div class="d-flex align-items-center mb-3">
                            <div>
                                <div class="avatar">
                                    <span class="avatar-title bg-warning-bright text-warning rounded-pill">
                                        <i class="material-icons">people</i>
                                    </span>
                                </div>
                            </div>
                            <div class="font-weight-bold ml-1 font-size-30 ml-3">{{CONFIG total_users}}</div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-6">
                <div class="card">
                    <div class="card-body">
                        <h6 class="card-title">TOTAL SUBSCRIPTIONS</h6>
                        <div class="d-flex align-items-center mb-3">
                            <div>
                                <div class="avatar">
                                    <span class="avatar-title bg-secondary-bright text-secondary rounded-pill">
                                        <i class="material-icons">person_add</i>
                                    </span>
                                </div>
                            </div>
                            <div class="font-weight-bold ml-1 font-size-30 ml-3">{{CONFIG total_subs}}</div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-6">
                <div class="card">
                    <div class="card-body">
                        <h6 class="card-title">TOTAL VIDEOS COMMENTS</h6>
                        <div class="d-flex align-items-center mb-3">
                            <div>
                                <div class="avatar">
                                    <span class="avatar-title bg-success-bright text-success rounded-pill">
                                        <i class="material-icons">comment</i>
                                    </span>
                                </div>
                            </div>
                            <div class="font-weight-bold ml-1 font-size-30 ml-3">{{CONFIG total_comments}}</div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-md-6">
                <div class="card">
                    <div class="card-body">
                        <h6 class="card-title">TOTAL VIDEOS LIKES</h6>
                        <div class="d-flex align-items-center mb-3">
                            <div>
                                <div class="avatar">
                                    <span class="avatar-title bg-primary-bright text-primary rounded-pill">
                                        <i class="material-icons">thumb_up</i>
                                    </span>
                                </div>
                            </div>
                            <div class="font-weight-bold ml-1 font-size-30 ml-3">{{CONFIG total_likes}}</div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-md-6">
                <div class="card">
                    <div class="card-body">
                        <h6 class="card-title">TOTAL VIDEOS DISLIKES</h6>
                        <div class="d-flex align-items-center mb-3">
                            <div>
                                <div class="avatar">
                                    <span class="avatar-title bg-info-bright text-info rounded-pill">
                                        <i class="material-icons">thumb_down</i>
                                    </span>
                                </div>
                            </div>
                            <div class="font-weight-bold ml-1 font-size-30 ml-3">{{CONFIG total_dislikes}}</div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-md-6">
                <div class="card">
                    <div class="card-body">
                        <h6 class="card-title">TOTAL SAVED VIDEOS</h6>
                        <div class="d-flex align-items-center mb-3">
                            <div>
                                <div class="avatar">
                                    <span class="avatar-title bg-warning-bright text-warning rounded-pill">
                                        <i class="material-icons">save</i>
                                    </span>
                                </div>
                            </div>
                            <div class="font-weight-bold ml-1 font-size-30 ml-3">{{CONFIG total_saved}}</div>
                        </div>
                    </div>
                </div>
            </div>


        </div>
    </div>
    <div class="col-lg-12">
        <div class="card">
            <div class="card-body">
                <div class="d-flex justify-content-between">
                </div>
                <p class="text-muted mb-4">Comments , Likes , Dislikes Chart</p>
                <canvas id="comments"></canvas>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript">
    jQuery(document).ready(function($) {
        var range = { "Today": [moment() , moment()], 
                      "Yesterday": [moment().subtract(1, 'days') , moment().subtract(1, 'days')], 
                      "This_Week": [moment().subtract(6, 'days') , moment()],
                      "This_Month": [moment().startOf('month') , moment().endOf('month')],
                      "Last_Month": [moment().subtract(1, 'month').startOf('month') , moment().subtract(1, 'month').endOf('month')],
                      "This_Year": [moment().subtract(1, 'year').startOf('year') , moment().subtract(1, 'year').endOf('year')]}; 
        <?php 
        if (!empty($_GET['range']) && in_array($_GET['range'], array('Today','Yesterday','This Week','This Month','Last Month','This Year'))) { 
            if ($_GET['range'] == 'Today') { ?>
                var start = range.Today[0];
                var end = range.Today[1];
            <?php }elseif ($_GET['range'] == 'Yesterday') { ?>
                var start = range.Yesterday[0];
                var end = range.Yesterday[1];
            <?php }elseif ($_GET['range'] == 'This Week') { ?>
                var start = range.This_Week[0];
                var end = range.This_Week[1];
            <?php }elseif ($_GET['range'] == 'This Month') { ?>
                var start = range.This_Month[0];
                var end = range.This_Month[1];
            <?php }elseif ($_GET['range'] == 'Last Month') { ?>
                var start = range.Last_Month[0];
                var end = range.Last_Month[1];
            <?php }elseif ($_GET['range'] == 'This Year') { ?>
                var start = range.This_Year[0];
                var end = range.This_Year[1];
            <?php } ?>
        <?php } elseif (!empty($_GET['range']) && !empty($start) && !empty($end)) { ?>
            var start = "<?php echo($start) ?>";
            var end = "<?php echo($end) ?>";
        <?php } else{ ?>
            var start = range.This_Year[0];
            var end = range.This_Year[1];
        <?php } ?>

        function cb(start, end) {
            //$('#dashboard-daterangepicker span').html(start.format('MMMM D, YYYY') + ' - ' + end.format('MMMM D, YYYY'));
        }
        $('#dashboard-daterangepicker').daterangepicker({
            startDate: start,
            endDate: end,
            opens: $('body').hasClass('rtl') ? 'right' : 'left',
            ranges: {
                'Today': [moment(), moment()],
                'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
                'This Week': [moment().subtract(6, 'days'), moment()],
                'This Month': [moment().startOf('month'), moment().endOf('month')],
                'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')],
                'This Year': [moment().subtract(1, 'year').startOf('year'), moment().subtract(1, 'year').endOf('year')],
            }
        }, cb);

        

        cb(start, end);

        // setTimeout(function (argument) {
        //     $('.ranges ul li').removeClass('active');
        // },800);
        
        $(document).on('click', '.ranges ul li', function(event) {
            event.preventDefault();
            if ($(this).attr('data-range-key') != 'Custom Range') {
                $(document).off('click', '.ranges ul li');
                $('#redirect_link').attr('href', "<?php echo PT_LoadAdminLinkSettings('dashboard').$rang_link; ?>&range="+$(this).attr('data-range-key'));
                $('#redirect_link').attr('data-ajax', "?path=dashboard<?php echo('&'.$rang_link) ?>&range="+$(this).attr('data-range-key'));
                $('#redirect_link').click();
            }
        });
        $(document).on('click', '.applyBtn', function(event) {
            event.preventDefault();
            $(document).off('click', '.applyBtn');
            $('#redirect_link').attr('href', "<?php echo PT_LoadAdminLinkSettings('dashboard').$rang_link; ?>&range="+$(this).parent('.drp-buttons').find('.drp-selected').html());
            $('#redirect_link').attr('data-ajax', "?path=dashboard<?php echo('&'.$rang_link) ?>&range="+$(this).parent('.drp-buttons').find('.drp-selected').html());
            $('#redirect_link').click();
        });
    var rgbToHex = function (rgb) {
        var hex = Number(rgb).toString(16);
        if (hex.length < 2) {
            hex = "0" + hex;
        }
        return hex;
    };

    var fullColorHex = function (r, g, b) {
        var red = rgbToHex(r);
        var green = rgbToHex(g);
        var blue = rgbToHex(b);
        return red + green + blue;
    };

    var colors = {
        primary: $('.colors .bg-primary').css('background-color'),
        primaryLight: $('.colors .bg-primary-bright').css('background-color'),
        secondary: $('.colors .bg-secondary').css('background-color'),
        secondaryLight: $('.colors .bg-secondary-bright').css('background-color'),
        info: $('.colors .bg-info').css('background-color'),
        infoLight: $('.colors .bg-info-bright').css('background-color'),
        success: $('.colors .bg-success').css('background-color'),
        successLight: $('.colors .bg-success-bright').css('background-color'),
        danger: $('.colors .bg-danger').css('background-color'),
        dangerLight: $('.colors .bg-danger-bright').css('background-color'),
        warning: $('.colors .bg-warning').css('background-color'),
        warningLight: $('.colors .bg-warning-bright').css('background-color'),
    };
    //console.log(colors.primary[1]);
    colors.primary = '#' + fullColorHex(colors.primary[0], colors.primary[1], colors.primary[2]);
    colors.secondary = '#' + fullColorHex(colors.secondary[0], colors.secondary[1], colors.secondary[2]);
    colors.info = '#' + fullColorHex(colors.info[0], colors.info[1], colors.info[2]);
    colors.success = '#' + fullColorHex(colors.success[0], colors.success[1], colors.success[2]);
    colors.danger = '#' + fullColorHex(colors.danger[0], colors.danger[1], colors.danger[2]);
    colors.warning = '#' + fullColorHex(colors.warning[0], colors.warning[1], colors.warning[2]);


    function users() {
        if ($('#users').length) {
            var options = {
                chart: {
                    type: 'bar',
                    fontFamily: "Inter",
                    offsetX: -26,
                    stacked: false,
                    height: 265,
                    width: '102%',
                    toolbar: {
                        show: false
                    }
                },
                dataLabels: {
                    enabled: false
                },
                series: [{
                    name: 'Users',
                    data: [<?php echo $pt->users_array; ?>]
                }],
                plotOptions: {
                    bar: {
                        horizontal: false,
                        columnWidth: '50%',
                        endingShape: 'rounded'
                    },
                },
                colors: ['#5066e1'],
                xaxis: {
                    <?php if ($main_range == 'Today' || $main_range == 'Yesterday') { ?>
                        categories: [
                            '00 AM',
                            '1 AM',
                            '2 AM',
                            '3 AM',
                            '4 AM',
                            '5 AM',
                            '6 AM',
                            '7 AM',
                            '8 AM',
                            '9 AM',
                            '10 AM',
                            '11 AM',
                            '12 PM',
                            '1 PM',
                            '2 PM',
                            '3 PM',
                            '4 PM',
                            '5 PM',
                            '6 PM',
                            '7 PM',
                            '8 PM',
                            '9 PM',
                            '10 PM',
                            '11 PM'
                        ]
                    <?php }elseif ($main_range == 'This Week') { ?>
                    categories: [
                        'Saturday',
                        'Sunday',
                        'Monday',
                        'Tuesday',
                        'Wednesday',
                        'Thursday',
                        'Friday'
                    ]
                    <?php }elseif ($main_range == 'This Month') { ?>
                        <?php if ($month_days == 31) { ?>
                            categories: [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31]
                        <?php }elseif ($month_days == 30) { ?>
                            categories: [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30]
                        <?php }elseif ($month_days == 29) { ?>
                            categories: [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29]
                        <?php }elseif ($month_days == 28) {  ?>
                            categories: [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28]
                        <?php } ?>
                    <?php }elseif ($main_range == 'This Year') { ?>
                    categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct','Nov','Dec']
                    <?php }elseif ($main_range == 'Custom') {
                        echo "categories: [".implode(',',array_keys($array))."]";
                    } ?>
                },
                tooltip: {
                    y: {
                        formatter: function (val) {
                            return val
                        }
                    }
                }
            };

            var chart = new ApexCharts(
                document.querySelector("#users"),
                options
            );

            chart.render();
        }
    }

    users();
    function posts() {
        var element = document.getElementById("posts");
        element.height = 100;
        new Chart(element, {
            type: 'line',
            data: {
                <?php if ($main_range == 'Today' || $main_range == 'Yesterday') { ?>
                        labels: [
                            '00 AM',
                            '1 AM',
                            '2 AM',
                            '3 AM',
                            '4 AM',
                            '5 AM',
                            '6 AM',
                            '7 AM',
                            '8 AM',
                            '9 AM',
                            '10 AM',
                            '11 AM',
                            '12 PM',
                            '1 PM',
                            '2 PM',
                            '3 PM',
                            '4 PM',
                            '5 PM',
                            '6 PM',
                            '7 PM',
                            '8 PM',
                            '9 PM',
                            '10 PM',
                            '11 PM'
                        ]
                    <?php }elseif ($main_range == 'This Week') { ?>
                    labels: [
                        'Saturday',
                        'Sunday',
                        'Monday',
                        'Tuesday',
                        'Wednesday',
                        'Thursday',
                        'Friday'
                    ]
                    <?php }elseif ($main_range == 'This Month') { ?>
                        <?php if ($month_days == 31) { ?>
                            labels: [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31]
                        <?php }elseif ($month_days == 30) { ?>
                            labels: [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30]
                        <?php }elseif ($month_days == 29) { ?>
                            labels: [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29]
                        <?php }elseif ($month_days == 28) {  ?>
                            labels: [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28]
                        <?php } ?>
                    <?php }elseif ($main_range == 'This Year') { ?>
                    labels: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct','Nov','Dec']
                    <?php }elseif ($main_range == 'Custom') {
                        echo "labels: [".implode(',',array_keys($array))."]";
                    } ?>,
                datasets: [
                {
                    label: 'Posts',
                    data: [<?php echo $pt->posts_array; ?>],
                    borderColor: colors.primary,
                    backgroundColor: colors.primaryLight,
                },{
                    label: 'Videos',
                    data: [<?php echo $pt->videos_array; ?>],
                    borderColor: colors.success,
                    backgroundColor: colors.successLight,
                }
                ]
            },
            options: {
                title: {
                    display: true,
                    text: 'Videos , Posts Chart'
                }
            }
        });
    }
    posts();
    function comments() {
        var element = document.getElementById("comments");
        element.height = 100;
        new Chart(element, {
            type: 'line',
            data: {
                <?php if ($main_range == 'Today' || $main_range == 'Yesterday') { ?>
                        labels: [
                            '00 AM',
                            '1 AM',
                            '2 AM',
                            '3 AM',
                            '4 AM',
                            '5 AM',
                            '6 AM',
                            '7 AM',
                            '8 AM',
                            '9 AM',
                            '10 AM',
                            '11 AM',
                            '12 PM',
                            '1 PM',
                            '2 PM',
                            '3 PM',
                            '4 PM',
                            '5 PM',
                            '6 PM',
                            '7 PM',
                            '8 PM',
                            '9 PM',
                            '10 PM',
                            '11 PM'
                        ]
                    <?php }elseif ($main_range == 'This Week') { ?>
                    labels: [
                        'Saturday',
                        'Sunday',
                        'Monday',
                        'Tuesday',
                        'Wednesday',
                        'Thursday',
                        'Friday'
                    ]
                    <?php }elseif ($main_range == 'This Month') { ?>
                        <?php if ($month_days == 31) { ?>
                            labels: [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31]
                        <?php }elseif ($month_days == 30) { ?>
                            labels: [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30]
                        <?php }elseif ($month_days == 29) { ?>
                            labels: [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29]
                        <?php }elseif ($month_days == 28) {  ?>
                            labels: [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28]
                        <?php } ?>
                    <?php }elseif ($main_range == 'This Year') { ?>
                    labels: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct','Nov','Dec']
                    <?php }elseif ($main_range == 'Custom') {
                        echo "labels: [".implode(',',array_keys($array))."]";
                    } ?>,
                datasets: [
                {
                    label: 'comments',
                    data: [<?php echo $pt->comments_array; ?>],
                    borderColor: colors.warning,
                    backgroundColor: colors.warningLight,
                },{
                    label: 'Likes',
                    data: [<?php echo $pt->likes_array; ?>],
                    borderColor: colors.info,
                    backgroundColor: colors.infoLight,
                },{
                    label: 'Dislikes',
                    data: [<?php echo $pt->dislikes_array; ?>],
                    borderColor: colors.danger,
                    backgroundColor: colors.dangerLight,
                }
                ]
            },
            options: {
                title: {
                    display: true,
                    text: 'Comments , Likes , Dislikes Chart'
                }
            }
        });
    }
    comments();
});
</script>

