import os

files = ['kemiskinan.html', 'spbu.html', 'jalan.html', 'persil.html']
tabs = ['kemiskinan', 'spbu', 'jalan', 'persil']

old_nav = '''    <div class="nav-tabs" role="tablist" aria-label="Fitur utama">
      <button class="nav-tab active" onclick="switchTab('kemiskinan')">Kemiskinan</button>
      <button class="nav-tab" onclick="switchTab('spbu')">SPBU</button>
      <button class="nav-tab" onclick="switchTab('jalan')">Jalan</button>
      <button class="nav-tab" onclick="switchTab('persil')">Persil</button>
    </div>'''

for file, active_tab in zip(files, tabs):
    with open(file, 'r', encoding='utf-8') as f:
        content = f.read()
    
    new_nav_lines = ['    <div class="nav-tabs" role="tablist" aria-label="Fitur utama">']
    labels = ['Kemiskinan', 'SPBU', 'Jalan', 'Persil']
    for t, l in zip(tabs, labels):
        cls = 'nav-tab active' if t == active_tab else 'nav-tab'
        new_nav_lines.append(f'      <a href="{t}.html" style="text-decoration: none;" class="{cls}">{l}</a>')
    new_nav_lines.append('    </div>')
    new_nav = '\n'.join(new_nav_lines)
    
    content = content.replace(old_nav, new_nav)
    
    old_init = '''<script>
renderPanel('kemiskinan');
preloadFeatureLayers();
</script>'''
    new_init = f'''<script>
initPage('{active_tab}');
</script>'''
    content = content.replace(old_init, new_init)
    
    content = content.replace('<div class="brand-title">WebGIS Poverty</div>', '<a href="index.html" style="text-decoration:none; color:inherit"><div class="brand-title">WebGIS Poverty</div></a>')
    
    with open(file, 'w', encoding='utf-8') as f:
        f.write(content)