<?php
require_once __DIR__ . '/../includes/pagination.php';
require_once __DIR__ . '/../includes/access_control.php';
ensureIndexes($pdo);

// ดึงรายชื่อจังหวัดทั้งหมดที่มีการบันทึกข้อมูลจริงในฐานข้อมูลมาแสดงผลในตัวกรอง Dropdown
$province_query = $pdo->query("SELECT DISTINCT province FROM learning_resources WHERE status = 'approved' AND province IS NOT NULL AND province != '' ORDER BY province ASC")->fetchAll();

// จัดการตัวกรองจังหวัดตามค่าที่ค้นหาผ่านทาง GET
$selected_province = isset($_GET['province']) ? trim($_GET['province']) : '';

// นิยามคอลัมน์สาขาภูมิปัญญาท้องถิ่นสำหรับรายงานสรุป (Pivot Summary Table)
$branches = ['สาขาเกษตรกรรม', 'สาขาอุตสาหกรรมและหัตถกรรม (ด้านการผลิตและการบริโภค)', 'สาขาการแพทย์แผนไทย', 'สาขาการจัดการทรัพยากรธรรมชาติและสิ่งแวดล้อม', 'สาขากองทุนและธุรกิจชุมชน', 'สาขาศิลปกรรม', 'สาขาการจัดการองค์กร', 'สาขาภาษาและวรรณกรรม', 'สาขาศาสนาและประเพณี', 'สาขาสวัสดิการ', 'สาขาการศึกษา', 'สาขาโภชนาการ'];

if (empty($selected_province)) {
    // ----------------------------------------------------
    // STATE A: คอมไพล์รายงานสรุปแยกตามสาขาภูมิปัญญาท้องถิ่น (77 จังหวัด)
    // ใช้ GROUP BY ที่ฝั่ง DB อยู่แล้ว — เร็วกับข้อมูลใหญ่
    // ----------------------------------------------------
    $sql = "SELECT province, wisdom_branch as category, COUNT(*) as count FROM learning_resources WHERE status = 'approved' GROUP BY province, wisdom_branch";
    $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);
} else {
    // ----------------------------------------------------
    // STATE B: ดึงรายชื่อแหล่งเรียนรู้ของจังหวัดที่เลือก — DB-level pagination
    // ----------------------------------------------------
    [$page, $per_page, $offset] = paginationParams();

    $count_stmt = $pdo->prepare("SELECT COUNT(*) FROM learning_resources WHERE status = 'approved' AND province = ?");
    $count_stmt->execute([$selected_province]);
    $total = (int)$count_stmt->fetchColumn();

    $search_stmt = $pdo->prepare("
        SELECT id, name, knowledge_detail, sub_district, district, province, zip_code, status
        FROM learning_resources
        WHERE status = 'approved' AND province = ?
        ORDER BY district ASC, name ASC
        LIMIT ? OFFSET ?
    ");
    $search_stmt->bindValue(1, $selected_province);
    $search_stmt->bindValue(2, $per_page, PDO::PARAM_INT);
    $search_stmt->bindValue(3, $offset, PDO::PARAM_INT);
    $search_stmt->execute();
    $resources = $search_stmt->fetchAll();

    $pg = paginateSql($total, $page, $per_page);
    $pg['items'] = $resources;
}
?>

<div class="view-section container">
    <div class="bg-white rounded-3xl shadow-xl border border-slate-100 p-6 md:p-8">
        
        <!-- Section Title & Badge Header -->
        <div class="mb-6 flex flex-col md:flex-row md:items-center justify-between gap-4 border-b border-slate-100 pb-5">
            <div>
                <h2 class="text-2xl font-bold text-slate-800 flex items-center gap-2">
                    <i class="fa-solid fa-layer-group text-[#6a5acd]"></i> 
                    ข้อมูลแหล่งเรียนรู้รายจังหวัด
                </h2>
                <p class="text-sm text-slate-500 mt-1">
                    <?php echo empty($selected_province) ? 'แสดงตารางสรุปรายงานพื้นที่แยกตามภูมิปัญญา' : 'แสดงตารางรายชื่อแหล่งเรียนรู้ของ จังหวัด' . htmlspecialchars($selected_province); ?>
                </p>
            </div>
            
            <?php if (!empty($selected_province)): ?>
                <span class="text-xs bg-[#6a5acd]/10 text-[#6a5acd] font-bold px-3 py-1.5 rounded-xl border border-[#6a5acd]/20 self-start md:self-center">
                    พบทั้งหมด <?php echo number_format($total ?? 0); ?> รายการ
                </span>
            <?php endif; ?>
        </div>
        
        <!-- Filter Form -->
        <form action="index.php" method="GET" class="mb-8">
            <input type="hidden" name="view" value="directory">
            
            <div class="flex flex-col sm:flex-row gap-3">
                <div class="relative flex-1">
                    <div class="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none text-slate-400">
                        <i class="fa-solid fa-location-dot"></i>
                    </div>
                    <select name="province" id="province-filter" class="w-full pl-10 pr-4 py-3 border border-slate-200 rounded-2xl focus:border-[#6a5acd] focus:ring-4 focus:ring-[#6a5acd]/10 transition-all outline-none bg-white text-slate-700 font-medium appearance-none">
                        <option value="">เลือกจังหวัด (แสดงตารางสรุปรายงาน)</option>
                        <?php foreach ($province_query as $p_row): ?>
                            <?php 
                            $p_name = htmlspecialchars($p_row['province']);
                            $selected = ($selected_province === $p_name) ? 'selected' : '';
                            ?>
                            <option value="<?php echo $p_name; ?>" <?php echo $selected; ?>>
                                จังหวัด<?php echo $p_name; ?>
                            </option>
                        <?php endforeach; ?>
                    </select>
                    <div class="absolute inset-y-0 right-0 pr-4 flex items-center pointer-events-none text-slate-400">
                        <i class="fa-solid fa-chevron-down text-xs"></i>
                    </div>
                </div>
                
                <button type="submit" class="bg-[#6a5acd] hover:bg-[#483d8b] text-white px-8 py-3 rounded-2xl font-bold shadow-md hover:-translate-y-0.5 transition-all flex items-center justify-center gap-2">
                    <i class="fa-solid fa-magnifying-glass"></i> ค้นหา
                </button>
            </div>
        </form>

        <!-- ---------------------------------------------------- -->
        <!-- STATE A: หน้าสรุปรายงานภาพรวมภูมิปัญญาท้องถิ่น (เมื่อไม่ได้เลือกจังหวัด) -->
        <!-- ---------------------------------------------------- -->
        <?php if (empty($selected_province)): ?>
            <div id="directory-summary-view" 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;">สาขาภูมิปัญญาท้องถิ่น (จำนวน)</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 if (!empty($summary)): ?>
                            <?php 
                            $idx = 1;
                            $totals = array_fill_keys($branches, 0);
                            foreach ($summary 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;">
                                        <a href="index.php?view=directory&province=<?php echo urlencode($prov); ?>" class="text-[#6a5acd] hover:underline">
                                            <?php echo htmlspecialchars($prov); ?>
                                        </a>
                                    </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>
                        <?php else: ?>
                            <tr>
                                <td colspan="<?php echo count($branches) + 2; ?>" class="text-center py-20 bg-slate-50/50 text-slate-500 font-bold">
                                    ยังไม่มีข้อมูลสรุปรายงานแหล่งเรียนรู้ในตาราง
                                </td>
                            </tr>
                        <?php endif; ?>
                    </tbody>
                </table>
            </div>

        <!-- ---------------------------------------------------- -->
        <!-- STATE B: ตารางรายชื่อทำเนียบแหล่งเรียนรู้ (เมื่อเลือกจังหวัดที่สืบค้น) -->
        <!-- ---------------------------------------------------- -->
        <?php else: ?>
            <div id="directory-list-view" class="table-container overflow-x-auto border border-slate-100 rounded-2xl shadow-inner">
                <table id="resource-table" class="w-full border-collapse text-left text-sm text-slate-600">
                    <thead>
                        <tr class="bg-slate-50 border-b border-slate-100 font-semibold text-slate-700">
                            <th class="px-6 py-4 text-center" width="6%">ที่</th>
                            <th class="px-6 py-4" width="22%">ชื่อแหล่งเรียนรู้</th>
                            <th class="px-6 py-4" width="30%">องค์ความรู้</th>
                            <th class="px-6 py-4 text-center" width="8%">ตำบล</th>
                            <th class="px-6 py-4 text-center" width="10%">อำเภอ</th>
                            <th class="px-6 py-4 text-center" width="10%">จังหวัด</th>
                            <th class="px-6 py-4 text-center" width="8%">รหัสไปรษณีย์</th>
                            <th class="px-6 py-4 text-center" width="6%">ดูรายละเอียด</th>
                        </tr>
                    </thead>
                    <tbody id="directory-body" class="divide-y divide-slate-100 font-medium">
                        <?php if (!empty($resources)): ?>
                            <?php foreach ($resources as $idx => $item): ?>
                                <tr class="hover:bg-slate-50/50 transition-colors">
                                    <td class="px-6 py-4 text-center font-bold text-slate-400"><?php echo ($pg['page'] - 1) * $pg['per_page'] + $idx + 1; ?></td>
                                    
                                    <td class="px-6 py-4">
                                        <span class="font-bold text-slate-800 text-[15px] block truncate max-w-[200px]" title="<?php echo htmlspecialchars($item['name']); ?>">
                                            <?php echo htmlspecialchars($item['name']); ?>
                                        </span>
                                    </td>
                                    
                                    <td class="px-6 py-4">
                                        <span class="text-xs text-slate-500 block line-clamp-2 leading-relaxed" style="display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;" title="<?php echo htmlspecialchars($item['knowledge_detail'] ?? ''); ?>">
                                            <?php echo htmlspecialchars($item['knowledge_detail'] ?? '-'); ?>
                                        </span>
                                    </td>
                                    
                                    <td class="px-6 py-4 text-center text-slate-500"><?php echo htmlspecialchars($item['sub_district'] ?? '-'); ?></td>
                                    
                                    <td class="px-6 py-4 text-center text-slate-500"><?php echo htmlspecialchars($item['district'] ?? '-'); ?></td>
                                    
                                    <td class="px-6 py-4 text-center">
                                        <span class="inline-block bg-[#6a5acd]/10 text-[#6a5acd] px-2.5 py-0.5 rounded-full text-xs font-semibold">
                                            <?php echo htmlspecialchars($item['province'] ?? '-'); ?>
                                        </span>
                                    </td>
                                    
                                    <td class="px-6 py-4 text-center text-slate-500"><?php echo htmlspecialchars($item['zip_code'] ?? '-'); ?></td>
                                    
                                    <td class="px-6 py-4 text-center">
                                        <button onclick="openResourceModal(<?php echo $item['id']; ?>)" class="inline-flex items-center justify-center w-8 h-8 rounded-xl bg-slate-100 text-[#6a5acd] hover:bg-[#6a5acd] hover:text-white transition-all shadow-sm">
                                            <i class="fa-solid fa-search text-sm"></i>
                                        </button>
                                    </td>
                                </tr>
                            <?php endforeach; ?>
                        <?php else: ?>
                            <tr>
                                <td colspan="8" class="text-center py-20 bg-slate-50/50 text-slate-500 font-bold">
                                    <i class="fa-regular fa-folder-open text-5xl text-slate-300 mb-3"></i>
                                    <p>ไม่พบข้อมูลแหล่งเรียนรู้ในตารางสำหรับจังหวัดนี้</p>
                                </td>
                            </tr>
                        <?php endif; ?>
                    </tbody>
                </table>
                
                <?php
                if ($total > 0) {
                    $base = $_GET;
                    $base['view'] = 'directory';
                    renderPagination($pg, $base);
                }
                ?>

                <!-- Back to Summary button -->
                <div class="p-6 border-t border-slate-100 flex justify-start bg-slate-50/20">
                    <a href="index.php?view=directory" class="btn-back-summary inline-flex items-center gap-2 px-5 py-2.5 bg-slate-600 text-white rounded-xl hover:bg-slate-700 transition-all font-bold shadow-md hover:-translate-y-0.5">
                        <i class="fas fa-arrow-left"></i> กลับหน้าสรุปรายงาน
                    </a>
                </div>
            </div>
        <?php endif; ?>

    </div>
</div>