
<?php $__env->startSection('title','KM BackOffice'); ?>
<?php $__env->startSection('content'); ?>
<div class="main-content">
    <?php echo $__env->make('layouts/partials/back/header', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
    
    <main>
        <div class="banner">
            <span class="fas <?php echo e($page['data']['icon']); ?>"></span>
            <span><?php echo e($page['data']['name']); ?></span>
        </div>
        <div class="container" id="blade">
            <!-- member -->
            <?php if($report_role['status'] == true): ?>
            <div class="recent-grid2">
                <?php $__currentLoopData = $report_role['data']; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $item): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                <?php if($loop->first): ?>
                <div class="cards-third">
                    <div>
                        <p class="fas fa-users"></p>
                    </div>
                    <div>
                        <h1><?php echo e($item["total"]); ?></h1>
                        <h5><?php echo e($item["name"]); ?></h5>
                    </div>
                </div>
                <div class="cards-thi1">
                    <?php elseif($loop->last): ?>
                    <div class="cards-third2">
                        <div>
                            <p class="fas fa-user-tie"></p>
                        </div>
                        <div>
                            <h6>จำนวนสมาชิกระดับ <br> <?php echo e($item["name"]); ?></h6>
                            <h1><?php echo e($item["total"]); ?></h1>
                        </div>
                    </div>
                </div>
                <?php else: ?>
                <div class="cards-third2">
                    <div>
                        <p class="fas fa-user-tie"></p>
                    </div>
                    <div>
                        <h6>จำนวนสมาชิกระดับ <br> <?php echo e($item["name"]); ?></h6>
                        <h1><?php echo e($item["total"]); ?></h1>
                    </div>
                </div>
                <?php endif; ?>

                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
            </div>
            <?php endif; ?>
            <br>
            <hr class="dashed" />

            <!-- content -->
            <?php if($report_category['status'] == true): ?>
            <div class="recent-grid1">
                <?php $__currentLoopData = $report_category['data']; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $item): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                <?php if($loop->first): ?>
                <div class="cards-second">
                    <div>
                        <p class="fas fa-book"></p>
                    </div>
                    <div>
                        <h1><?php echo e($item["total"]); ?></h1>
                        <span><?php echo e($item["name"]); ?></span>
                    </div>
                </div>
                <div class="cards-sec1">
                    <?php elseif($loop->last): ?>
                    <div class="cards-second2">
                        <div>
                            <p class="fas fa-book-open"></p>
                        </div>
                        <div>
                            <h6>จำนวนเนื้อหา<br><?php echo e($item["name"]); ?></h6>
                            <h1><?php echo e($item["total"]); ?></h1>
                        </div>
                    </div>
                </div>
                <?php else: ?>
                <div class="cards-second2">
                    <div>
                        <p class="fas fa-book-open"></p>
                    </div>
                    <div>
                        <h6>จำนวนเนื้อหา<br><?php echo e($item["name"]); ?></h6>
                        <h1><?php echo e($item["total"]); ?></h1>
                    </div>
                </div>
                <?php endif; ?>
                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
            </div>
            <?php endif; ?>
            <br>
            <hr class="dashed" />

            <!-- chart -->
            <div class="recent-grid">
                <div class="card">
                    <div class="card-header">
                        <h3>จำนวนเนื้อหาความรู้ 5 ปีย้อนหลัง</h3>
                    </div>
                    <div class="card-body">
                        <?php if($report_category['status'] == true): ?>
                        <?php $__currentLoopData = $report_category['data']; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $item): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                        <?php endif; ?>
                        <!-- highchart -->
                        <figure class="highcharts-figure">
                            <div id="container"></div>
                            <p class="highcharts-description">
                            </p>
                        </figure>
                        <script>
                        // Create the chart
                        </script>
                    </div>
                </div>

            </div>
            <br>
            <hr class="dashed" />

            <!-- post -->
            <?php if($report_post['status'] == true): ?>
            <div class="recent-grid2">
                <?php $__currentLoopData = $report_post['data']; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $item): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                <?php if($loop->first): ?>
                <div class="cards-third">
                    <div>
                        <p class="fas fa-comments"></p>
                    </div>
                    <div>
                        <h1><?php echo e($item["total"]); ?></h1>
                        <h5><?php echo e($item["name"]); ?></h5>
                    </div>
                </div>
                <div class="cards-thi1">
                    <?php elseif($loop->last): ?>
                    <div class="cards-third2">
                        <div>
                            <p class="fas fa-comment-dots"></p>
                        </div>
                        <div>
                            <h6>จำนวนกระทู้ <br> <?php echo e($item["name"]); ?></h6>
                            <h1><?php echo e($item["total"]); ?></h1>
                        </div>
                    </div>
                </div>
                <?php else: ?>
                <div class="cards-third2">
                    <div>
                        <p class="fas fa-comment-dots"></p>
                    </div>
                    <div>
                        <h6>จำนวนกระทู้ <br> <?php echo e($item["name"]); ?></h6>
                        <h1><?php echo e($item["total"]); ?></h1>
                    </div>
                </div>
                <?php endif; ?>

                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
            </div>
            <?php endif; ?>
            <br>
            <hr class="dashed" />
        </div>
    </main>
</div>

<script>
$(document).ready(function() {
    barchart();
});

function barchart() {
    $.ajax({
        type: "get",
        url: 'summary/percentArticle',
        headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        },
        success: function(result) {
            // console.log(result['data']);
            Highcharts.chart('container', {
                chart: {
                    type: 'column'
                },
                title: {
                    text: ''
                },
                subtitle: {
                    text: ''
                },
                accessibility: {
                    announceNewData: {
                        enabled: true
                    }
                },
                xAxis: {
                    type: 'category'
                },
                yAxis: {
                    title: {
                        text: 'จำนวนความรู้ในแต่ละปี (ชุด)'
                    }

                },
                legend: {
                    enabled: false
                },
                plotOptions: {
                    series: {
                        borderWidth: 0,
                        dataLabels: {
                            enabled: true,
                            format: '{point.y:.0f}'
                        }
                    }
                },

                tooltip: {
                    headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
                    pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y:.2f}%</b> ของทั้งหมด<br/>'
                },

                series: [{
                    name: "ปีที่อัปโหลดความรู้",
                    colorByPoint: true,
                    data: result['data']
                }]

            });
        }
    });
}
</script>
<?php $__env->stopSection(); ?>
<?php echo $__env->make('layouts.back.master', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /var/www/html/km-web/resources/views/backOffice/summary.blade.php ENDPATH**/ ?>