====================================================================
DOKUMENTASI PERUBAHAN SPESIFIK PER FILE - SIDEBAR INTEGRATION
====================================================================

INSTRUKSI UMUM:
Untuk setiap file, ada 3 perubahan yang harus dilakukan:
1. Hapus CSS sidebar dari <style> section
2. Ganti HTML sidebar dengan <?php include '../sidebar.php'; ?>
3. Ganti Bootstrap script dengan <?php include '../sidebar-footer.php'; ?>

====================================================================
FILE 1: admin_admin/index.php
====================================================================

PERUBAHAN 1: Extract CSS Sidebar
Lokasi: <style> section
Cari dan HAPUS:
        .sidebar {
            min-height: 100vh;
            background-color: #212529;
            color: white;
            position: sticky;
            top: 0;
        }
        .sidebar a {
            color: rgba(255, 255, 255, 0.8);
            text-decoration: none;
            transition: color 0.3s;
        }
        .sidebar a:hover {
            color: white;
        }
        .sidebar .nav-link.active {
            background-color: rgba(255, 255, 255, 0.1);
            color: white;
        }
        .sidebar .nav-item {
            margin-bottom: 5px;
        }
        .content {
            padding: 20px;
        }

PERTAHANKAN:
        .custom-file-label::after {
            content: "Browse";
        }
        .text-uppercase {
            text-transform: uppercase;
        }

---

PERUBAHAN 2: Replace HTML Sidebar
Lokasi: Line ~227-315 (dalam <div class="container-fluid">)
Cari dari:
            <!-- Sidebar -->
            <div class="col-md-3 col-lg-2 px-0 sidebar">

SAMPAI:
                </div>
            </div>
            
            <!-- Content -->

GANTI SELURUH SIDEBAR BLOCK (dari opening <div class="col-md-3...> SAMPAI CLOSING </div> setelah dropdown) DENGAN:
<?php include '../sidebar.php'; ?>

---

PERUBAHAN 3: Replace Bootstrap Script
Cari:
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js"></script>

GANTI DENGAN:
    <?php include '../sidebar-footer.php'; ?>

====================================================================
FILE 2: admin_cabang_lomba/index.php
====================================================================

PERUBAHAN 1: Extract CSS Sidebar
Lokasi: Baris 24-40 dalam <style> section
HAPUS SEMUA CSS SIDEBAR (tidak ada CSS spesifik yang perlu dipertahankan)

---

PERUBAHAN 2: Replace HTML Sidebar
Lokasi: Baris 53-131
Cari dari:
            <!-- Sidebar -->
            <div class="col-md-3 col-lg-2 px-0 sidebar">

SAMPAI:
                </div>
            </div>
            
            <!-- Content -->

GANTI DENGAN:
<?php include '../sidebar.php'; ?>

---

PERUBAHAN 3: Replace Bootstrap Script
Lokasi: Baris 307
Cari:
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js"></script>

GANTI DENGAN:
    <?php include '../sidebar-footer.php'; ?>

====================================================================
FILE 3: admin_juri/index.php
====================================================================

PERUBAHAN 1: Extract CSS Sidebar
Lokasi: Baris 223-243 dalam <style> section
HAPUS CSS SIDEBAR yang standard

PERTAHANKAN:
        .custom-file-label::after {
            content: "Browse";
        }
        .text-uppercase {
            text-transform: uppercase;
        }

---

PERUBAHAN 2: Replace HTML Sidebar
Lokasi: Baris 251-329
Cari dari:
            <!-- Sidebar -->
            <div class="col-md-3 col-lg-2 px-0 sidebar">

Sampai:
                </div>
            </div>

            <!-- Content -->

GANTI DENGAN:
<?php include '../sidebar.php'; ?>

---

PERUBAHAN 3: Replace Bootstrap Script
Cari di akhir file:
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js"></script>

GANTI DENGAN:
    <?php include '../sidebar-footer.php'; ?>

====================================================================
FILE 4: admin_penilaian/index.php
====================================================================

KOMPLEKSITAS: HIGH - File ini sangat panjang dengan banyak custom CSS
PERHATIAN: Verify exact line numbers sebelum melakukan replace

PERUBAHAN 1: Extract CSS Sidebar
Lokasi: Dalam <style> section (SCAN FILE UNTUK EXACT LINES)
HAPUS HANYA CSS YANG DIMULAI DENGAN .sidebar (7 rules)

PERTAHANKAN SEMUA CSS LAIN:
- .medal-gold, .medal-silver, .medal-bronze
- .peringkat-1, .peringkat-2, .peringkat-3
- .print-only
- @media print
- .stats-box
- .nav-tabs .nav-link
- Dan semua CSS lain yang tidak related to .sidebar

---

PERUBAHAN 2: Replace HTML Sidebar
Lokasi: Baris 335 (FIND EXACT ENDING)
Cari dari:
            <!-- Sidebar -->
            <div class="col-md-3 col-lg-2 px-0 sidebar">

Sampai:
                </div>
            </div>

            <!-- Content -->

GANTI DENGAN:
<?php include '../sidebar.php'; ?>

---

PERUBAHAN 3: Replace Bootstrap Script
Cari di akhir file sebelum </html>:
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js"></script>

GANTI DENGAN:
    <?php include '../sidebar-footer.php'; ?>

====================================================================
FILE 5: admin_penilaian1/index.php
====================================================================

Instruksi SAMA seperti admin_penilaian/index.php
Sidebar HTML dimulai pada Baris 324 (approximate)

Lakukan 3 perubahan yang sama:
1. Extract CSS sidebar (keep custom medal/peringkat styles)
2. Replace HTML sidebar dengan include
3. Replace bootstrap script dengan include

====================================================================
FILE 6: admin_penilaian2/index.php
====================================================================

Instruksi SAMA seperti admin_penilaian/index.php
Sidebar HTML dimulai pada Baris 334 (approximate)

Lakukan 3 perubahan yang sama.

====================================================================
FILE 7: admin_penilaian3/index.php
====================================================================

Instruksi SAMA seperti admin_penilaian/index.php
Sidebar HTML dimulai pada Baris 334 (approximate)

Lakukan 3 perubahan yang sama.

====================================================================
FILE 8: admin_peserta_kabupaten/index.php
====================================================================

PERUBAHAN 1: Extract CSS Sidebar
Hapus standard sidebar CSS styles

PERTAHANKAN: Table styling dan lainnya

---

PERUBAHAN 2: Replace HTML Sidebar
Sidebar HTML dimulai pada Baris 257

Cari dari:
            <!-- Sidebar -->
            <div class="col-md-3 col-lg-2 px-0 sidebar">

Sampai:
                </div>
            </div>

            <!-- Content -->

GANTI DENGAN:
<?php include '../sidebar.php'; ?>

---

PERUBAHAN 3: Replace Bootstrap Script
Cari:
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js"></script>

GANTI DENGAN:
    <?php include '../sidebar-footer.php'; ?>

====================================================================
FILE 9: admin_peserta_kabupaten_2/index.php
====================================================================

Sidebar HTML dimulai pada Baris 251

Lakukan 3 perubahan SAMA dengan admin_peserta_kabupaten/index.php

====================================================================
FILE 10: admin_peserta_kota/index.php
====================================================================

Sidebar HTML dimulai pada Baris 255

Lakukan 3 perubahan SAMA dengan admin_peserta_kabupaten/index.php

====================================================================
FILE 11: admin_status_lomba/index.php
====================================================================

Sidebar HTML dimulai pada Baris 415

Lakukan 3 perubahan yang sama:
1. Extract CSS sidebar
2. Replace HTML sidebar dengan include
3. Replace bootstrap script dengan include

====================================================================
FILE 12 & 13: SKIP
====================================================================

admin_kelola_peserta/index.php - SUDAH SELESAI - JANGAN DIMODIFIKASI
admin_kelola_sekolah/index.php - SUDAH SELESAI - JANGAN DIMODIFIKASI

====================================================================
TEMPLATE STRING REPLACEMENT UNTUK SETIAP FILE:
====================================================================

REPLACEMENT 1 - CSS SIDEBAR REMOVAL:
Find this exact string:
        .sidebar {
            min-height: 100vh;
            background-color: #212529;
            color: white;
            position: sticky;
            top: 0;
        }
        .sidebar a {
            color: rgba(255, 255, 255, 0.8);
            text-decoration: none;
            transition: color 0.3s;
        }
        .sidebar a:hover {
            color: white;
        }
        .sidebar .nav-link.active {
            background-color: rgba(255, 255, 255, 0.1);
            color: white;
        }
        .sidebar .nav-item {
            margin-bottom: 5px;
        }
        .content {
            padding: 20px;
        }

Replace with: (NOTHING - hapus kosong)

---

REPLACEMENT 2 - HTML SIDEBAR REMOVAL:
Find the opening:
            <!-- Sidebar -->
            <div class="col-md-3 col-lg-2 px-0 sidebar">

Find the closing (LIHAT SETIAP FILE):
            </div>
            
            <!-- Content -->

Replace seluruh block diantara dengan:
<?php include '../sidebar.php'; ?>

---

REPLACEMENT 3 - BOOTSTRAP SCRIPT:
Find:
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js"></script>

Replace with:
    <?php include '../sidebar-footer.php'; ?>

====================================================================
FILE YANG DIPERLUKAN UNTUK DIBUAT:
====================================================================

1. admin/admin_dashboard/sidebar.php
   - Berisi HTML sidebar structure
   - Berisi CSS sidebar styles dalam <style> tag
   - Logic untuk active link highlighting

2. admin/admin_dashboard/sidebar-footer.php
   - Berisi: <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js"></script>

====================================================================
VERIFICATION CHECKLIST:
====================================================================

Setelah setiap file dimodifikasi:

[ ] File masih dapat di-parse oleh PHP (no syntax errors)
[ ] Sidebar ditampilkan dengan benar di setiap halaman
[ ] Navigation links berfungsi dengan benar
[ ] Active link highlighting berfungsi
[ ] User dropdown menu berfungsi
[ ] Logout link berfungsi
[ ] Page-specific CSS masih berfungsi dengan baik
[ ] Layout responsive tetap berfungsi
[ ] Console browser tidak ada error

====================================================================
END OF DOCUMENTATION
====================================================================
