<?php
// คิวรีตัวเลขสถิติภาพรวม
$stats = [
    'provinces' => $pdo->query("SELECT COUNT(DISTINCT province) FROM learning_resources WHERE status = 'approved'")->fetchColumn() ?: 77,
    'districts' => $pdo->query("SELECT COUNT(DISTINCT district) FROM learning_resources WHERE status = 'approved'")->fetchColumn() ?: 928,
    'subdistricts' => $pdo->query("SELECT COUNT(DISTINCT sub_district) FROM learning_resources WHERE status = 'approved'")->fetchColumn() ?: 7255,
    'resources' => $pdo->query("SELECT COUNT(*) FROM learning_resources WHERE status = 'approved'")->fetchColumn(),
    'activities' => $pdo->query("SELECT COUNT(*) FROM featured_activities")->fetchColumn(),
    'visitors' => isset($visitor_count) ? number_format($visitor_count) : '0'
];

// คิวรีข้อมูล 10 อันดับจังหวัดที่มีแหล่งเรียนรู้มากที่สุด
$top_provinces_query = $pdo->query("SELECT province, COUNT(*) as count FROM learning_resources WHERE status = 'approved' GROUP BY province ORDER BY count DESC LIMIT 10")->fetchAll();
$top_labels = array_column($top_provinces_query, 'province');
$top_values = array_map('intval', array_column($top_provinces_query, 'count'));

// ฟังก์ชันสำหรับคอมไพล์รายงานสรุปประเภทตาราง Pivot ในภาษา PHP
function compileSummaryReport($pdo, $type) {
    $branches = [];
    $column = '';
    
    if ($type == 'wisdom') {
        $branches = ['สาขาเกษตรกรรม', 'สาขาอุตสาหกรรมและหัตถกรรม (ด้านการผลิตและการบริโภค)', 'สาขาการแพทย์แผนไทย', 'สาขาการจัดการทรัพยากรธรรมชาติและสิ่งแวดล้อม', 'สาขากองทุนและธุรกิจชุมชน', 'สาขาศิลปกรรม', 'สาขาการจัดการองค์กร', 'สาขาภาษาและวรรณกรรม', 'สาขาศาสนาและประเพณี', 'สาขาสวัสดิการ', 'สาขาการศึกษา', 'สาขาโภชนาการ'];
        $column = 'wisdom_branch';
    } elseif ($type == 'subject') {
        $branches = ['ภาษาไทย', 'ภาษาต่างประเทศ (ภาษาอังกฤษ)', 'คณิตศาสตร์', 'วิทยาศาสตร์', 'เทคโนโลยีดิจิทัล', 'การงานอาชีพ', 'สุขภาวะและศิลปะ', 'สังคมศึกษา ศาสนา และวัฒนธรรม'];
        $column = 'subject';
    } elseif ($type == 'type') {
        $branches = ['บุคคล', 'สื่อ นวัตกรรม เทคโนโลยี และสิ่งประดิษฐ์คิดค้น', 'สถานที่'];
        $column = 'type';
    }
    
    $sql = "SELECT province, $column as category, COUNT(*) as count FROM learning_resources WHERE status = 'approved' GROUP BY province, $column";
    $results = $pdo->query($sql)->fetchAll();
    
    $summary = [];
    foreach ($results as $row) {
        $prov = trim($row['province'] ?? 'ไม่ระบุ');
        if (empty($prov)) {
            $prov = 'ไม่ระบุ';
        }
        
        if (!isset($summary[$prov])) {
            $summary[$prov] = array_fill_keys($branches, 0);
        }
        
        $cat = trim($row['category'] ?? '');
        if (in_array($cat, $branches)) {
            $summary[$prov][$cat] = (int)$row['count'];
        }
    }
    
    ksort($summary); // เรียงตามจังหวัด ก-ฮ
    return [
        'branches' => $branches,
        'data' => $summary
    ];
}

// โหลดข้อมูลรายงานล่วงหน้า
$subject_report = compileSummaryReport($pdo, 'subject');
$wisdom_report = compileSummaryReport($pdo, 'wisdom');
$type_report = compileSummaryReport($pdo, 'type');
?>

<div class="view-section container">
    
    <!-- Stats Matrix Pivot Tables -->
    <div id="stats-tables-container">
        
        <!-- 1. Subject Pivot Table -->
        <div class="bg-white rounded-3xl border border-slate-100 p-6 md:p-8 shadow-sm mb-12">
            <h3 class="text-center font-bold text-lg text-slate-800 mb-6 flex items-center justify-center gap-2">
                <i class="fas fa-book-open text-[#6a5acd]"></i>
                สถิติสรุปภาพรวมแยกตาม สาระการเรียนรู้ (77 จังหวัด)
            </h3>
            <?php renderPivotTable($subject_report, 'สาระการเรียนรู้'); ?>
        </div>

        <!-- 2. Wisdom Pivot Table -->
        <div class="bg-white rounded-3xl border border-slate-100 p-6 md:p-8 shadow-sm mb-12">
            <h3 class="text-center font-bold text-lg text-slate-800 mb-6 flex items-center justify-center gap-2">
                <i class="fas fa-leaf text-[#6a5acd]"></i>
                สถิติสรุปภาพรวมแยกตาม สาขาภูมิปัญญาท้องถิ่น (77 จังหวัด)
            </h3>
            <?php renderPivotTable($wisdom_report, 'สาขาภูมิปัญญา'); ?>
        </div>

        <!-- 3. Type Pivot Table -->
        <div class="bg-white rounded-3xl border border-slate-100 p-6 md:p-8 shadow-sm mb-6">
            <h3 class="text-center font-bold text-lg text-slate-800 mb-6 flex items-center justify-center gap-2">
                <i class="fas fa-tags text-[#6a5acd]"></i>
                สถิติสรุปภาพรวมแยกตาม ประเภทแหล่งเรียนรู้ (77 จังหวัด)
            </h3>
            <?php renderPivotTable($type_report, 'ประเภทแหล่งเรียนรู้'); ?>
        </div>

    </div>
</div>

<?php
// ฟังก์ชันย่อยสำหรับวาด HTML ตารางสรุปภาพรวมแบบพรีเมียม
function renderPivotTable($report, $title) {
    $branches = $report['branches'];
    $data = $report['data'];
    ?>
    <div class="table-container overflow-x-auto border border-slate-100 rounded-2xl">
        <table class="summary-report-table stats-report border-none w-full" style="border: 1px solid #cddffb;">
            <thead>
                <tr>
                    <th rowspan="2" style="background: #cddffb; color:#000; border: 1px solid #b5ccf5; font-weight:700;">ที่</th>
                    <th rowspan="2" style="background: #cddffb; color:#000; border: 1px solid #b5ccf5; font-weight:700;">จังหวัด</th>
                    <th colspan="<?php echo count($branches); ?>" style="background: #cddffb; color:#000; border: 1px solid #b5ccf5; font-weight:700;">
                        <?php echo $title; ?>
                    </th>
                </tr>
                <tr>
                    <?php foreach ($branches as $branch): ?>
                        <th style="background: #e8f0fe; color:#000; border: 1px solid #b5ccf5; font-size: 0.85rem; font-weight:600; min-width: 100px;">
                            <?php echo $branch; ?>
                        </th>
                    <?php endforeach; ?>
                </tr>
            </thead>
            <tbody class="divide-y divide-slate-100">
                <?php 
                $idx = 1;
                $totals = array_fill_keys($branches, 0);
                
                foreach ($data as $prov => $vals): 
                ?>
                    <tr class="hover:bg-slate-50/50 transition-colors">
                        <td style="border: 1px solid #eee; text-align: center; font-weight: 500;"><?php echo $idx++; ?></td>
                        <td class="text-left" style="border: 1px solid #eee; font-weight: 600; color: #1e293b;"><?php echo htmlspecialchars($prov); ?></td>
                        <?php foreach ($branches as $branch): ?>
                            <?php 
                            $count = $vals[$branch] ?? 0;
                            $totals[$branch] += $count;
                            ?>
                            <td style="border: 1px solid #eee; text-align: center; <?php echo $count > 0 ? 'font-bold text-slate-800' : 'text-slate-300'; ?>">
                                <?php echo $count; ?>
                            </td>
                        <?php endforeach; ?>
                    </tr>
                <?php endforeach; ?>
                
                <!-- Total Row -->
                <tr class="total-row" style="background: #cddffb;">
                    <td colspan="2" class="text-center" style="color:#000; font-weight:bold; border: 1px solid #b5ccf5;">จำนวนรวมทั้งหมด</td>
                    <?php foreach ($branches as $branch): ?>
                        <td style="color:#000; font-weight:bold; border: 1px solid #b5ccf5; text-align: center;">
                            <?php echo $totals[$branch]; ?>
                        </td>
                    <?php endforeach; ?>
                </tr>
            </tbody>
        </table>
    </div>
    <?php
}
?>

<script>
    // Initialize Top 10 Provinces Bar Chart
    document.addEventListener('DOMContentLoaded', function() {
        const top10Ctx = document.getElementById('top10Chart')?.getContext('2d');
        if (top10Ctx) {
            new Chart(top10Ctx, {
                type: 'bar',
                data: {
                    labels: <?php echo json_encode($top_labels); ?>,
                    datasets: [{
                        data: <?php echo json_encode($top_values); ?>,
                        backgroundColor: '#652cf5',
                        borderRadius: 8
                    }]
                },
                options: {
                    indexAxis: 'y',
                    responsive: true,
                    maintainAspectRatio: false,
                    plugins: { legend: { display: false } },
                    scales: {
                        x: { beginAtZero: true, grid: { color: '#f1f5f9' } },
                        y: { 
                            grid: { display: false },
                            ticks: { font: { size: 11, family: 'Sarabun' } }
                        }
                    }
                }
            });
        }
    });
</script>