<?php
/*
Template Name: Muncipility Template
Description: A custom page template for special layouts or functionality.
*/

include get_stylesheet_directory() . '/header-custom.php';

?>
<style>
.kazang-faq-custom-container{
	width: 80%;
    margin: 0 auto;
    padding: 20px;
}
select {
    background-color: #BEC400;
}
.kazang-faq-custom-container .content h1{
	font-size: 28px;
    font-family: Arial, sans-serif;
    color: #000000;
    line-height: 35px;
}
</style>
<div class="kazang-faq-custom-container">
<div class="content">
    <h1>Provinces and Municipalities</h1>

    <!-- Province Dropdown -->
    <label for="province">Select Province:</label>
    <select id="province" name="province">
        <option value="">-- Select a Province --</option>
        <option value="Eastern Cape">Eastern Cape</option>
        <option value="Free State">Free State</option>
        <option value="Gauteng">Gauteng</option>
        <option value="KwaZulu-Natal">KwaZulu-Natal</option>
        <option value="Limpopo">Limpopo</option>
        <option value="Mpumalanga">Mpumalanga</option>
        <option value="Northern Cape">Northern Cape</option>
        <option value="North West">North West</option>
        <option value="Western Cape">Western Cape</option>
    </select>
    <br><br>

    <!-- Municipality Dropdown -->
    <label for="municipality">Select Municipality:</label>
    <select id="municipality" name="municipality">
        <option value="">-- Select a Municipality --</option>
    </select>
    <br><br>

    <!-- Town Dropdown -->
    <label for="town">Select Town:</label>
    <select id="town" name="town">
        <option value="">-- Select a Town --</option>
    </select>
    <br><br>

    <!-- Go Button -->
    <form id="search-form" method="GET" action="/search-2/">

        <input type="hidden" name="province" id="selected-province">
        <input type="hidden" name="municipality" id="selected-municipality">
        <input type="hidden" name="town" id="selected-town">

        <button id="go-button" type="submit" disabled>Go</button>
    </form>
</div>
</div>

<?php 
include get_stylesheet_directory() . '/footer-custom.php';
?>

<script>
    const municipalities = {
        "Eastern Cape": {
            "Alfred Nzo District Municipality": ["DC44-Main District"],
            "Amahlathi Local Municipality": ["EC124-Main District"],
            "Amathole District Municipality": ["DC12-Main District"],
            "Blue Crane Route Local Municipality": ["EC102-Main District"],
            "Buffalo City Metropolitan Municipality": ["BUF-Main District"],
            "Chris Hani District Municipality": ["DC13-Main District"],
            "Dr AB Xuma Local Municipality": ["EC137-Main District"],
            "Dr Beyers Naudé Local Municipality": ["EC101-Main District"],
            "Elundini Local Municipality": ["EC141 District"],
            "Emalahleni Local Municipality": ["MP312 District"],
            "Enoch Mgijima Local Municipality": ["EC139-Main District"],
            "Great Kei Local Municipality": ["EC123 District"],
            "Ingquza Hill Local Municipality": ["EC153 District"],
            "Intsika Yethu Local Municipality": ["EC135-Main District"],
            "Inxuba Yethemba Local Municipality": ["EC131-Main District"],
            "Joe Gqabi District Municipality": ["DC14-Main District"],
            "King Sabata Dalindyebo Local Municipality": ["EC157-Main District"],
            "Kouga Local Municipality": ["EC108-Main District"],
            "KouKamma Local Municipality": ["EC109-Main District"],
            "Makana Local Municipality": ["EC104-Main District"],
            "Matatiele Local Municipality": ["EC441-Main District"],
            "Mbhashe Local Municipality": ["EC121-Main District"],
            "Mhlontlo Local Municipality": ["EC156-Main District"],
            "Mnquma Local Municipality": ["EC122-Main District"],
            "Ndlambe Local Municipality": ["EC105-Main District"],
            "Nelson Mandela Bay Metropolitan Municipality": ["NMA-Main District"],
            "Ngqushwa Local Municipality": ["EC126-Main District"],
            "Ntabankulu Local Municipality": ["EC444-Main District"],
            "Nyandeni Local Municipality": ["EC155-Main District"],
            "OR Tambo District Municipality": ["DC15-Main District"],
            "Port St Johns Local Municipality": ["EC154-Main District"],
            "Raymond Mhlaba Local Municipality": ["EC129-Main District"],
            "Sakhisizwe Local Municipality": ["EC138-Main District"],
            "Sarah Baartman District Municipality": ["DC10-Main District"],
            "Senqu Local Municipality": ["EC142-Main District"],
            "Sunday's River Valley Local Municipality": ["EC106-Main District"],
            "Umzimvubu Local Municipality": ["EC442-Main District"],
            "Walter Sisulu Local Municipality": ["EC145-Main District"],
            "Winnie Madikizela-Mandela Local Municipality": ["EC443-Main District"]
        },
        "Free State": {
            "Dihlabeng Local Municipality": ["FS192-Main District"],
            "Fezile Dabi District Municipality": ["DC20-Main District"],
            "Kopanong Local Municipality": ["FS162-Main District"],
            "Lejweleputswa District Municipality": ["DC18-Main District"],
            "Letsemeng Local Municipality": ["FS161-Main District"],
            "Mafube Local Municipality": ["FS205-Main District"],
            "Maluti-a-Phofung Local Municipality": ["FS194-Main District"],
            "Mangaung Metropolitan Municipality": ["MAN-Main District"],
            "Mantsopa Local Municipality": ["FS196-Main District"],
            "Masilonyana Local Municipality": ["FS181-Main District"],
            "Matjhabeng Local Municipality": ["FS184-Main District"],
            "Metsimaholo Local Municipality": ["FS204-Main District"],
            "Mohokare Local Municipality": ["FS163-Main District"],
            "Moqhaka Local Municipality": ["FS201-Main District"],
            "Nala Local Municipality": ["FS185-Main District"],
            "Ngwathe Local Municipality": ["FS203-Main District"],
            "Nketoana Local Municipality": ["FS193-Main District"],
            "Phumelela Local Municipality": ["FS195-Main District"],
            "Setsoto Local Municipality": ["FS191-Main District"],
            "Thabo Mofutsanyana District Municipality": ["DC19-Main District"],
            "Tokologo Local Municipality": ["FS182-Main District"],
            "Tswelopele Local Municipality": ["FS183-Main District"],
            "Xhariep District Municipality": ["DC16-Main District"],
        },
        "Gauteng": {
            "City of Ekurhuleni": ["FS192-Main District"],
            "City of Johannesburg Metropolitan Municipality": ["FS192-Main District"],
            "City of Tshwane Metropolitan Municipality": ["FS192-Main District"],
            "Emfuleni Local Municipality": ["FS192-Main District"],
            "Lesedi Local Municipality": ["GT423-Main District"],
            "Merafong Local Municipality": ["GT484-Main District"],
            "Midvaal Local Municipality": ["GT422-Main District"],
            "Mogale City Local Municipality": ["FS192-Main District"],
            "Rand West City Local Municipality": ["FS192-Main District"],
            "Sedibeng District Municipality": ["dc42-Main District"],
            "West Rand District Municipality": ["DC48-Main District"],
        },
        "KwaZulu-Natal": {
            "AbaQulusi Local Municipality": ["KZN263-Main District"],
            "Alfred Duma Local Municipality": ["KZN238-Main District"],
            "Amajuba District Municipality": ["DC25-Main District"],
            "Big 5 Hlabisa Local Municipality (The)": ["KZN276-Main District"],
            "City of uMhlathuze Local Municipality": ["KZN282-Main District"],
            "Dannhauser Local Municipality": ["KZN254-Main District"],
            "Dr Nkosazana Dlamini Zuma Local Municipality": ["KZN436-Main District"],
            "eDumbe Local Municipality": ["KZN261-Main District"],
            "Emadlangeni Local Municipality": ["KZN253-Main District"],
            "Endumeni Local Municipality": ["KZN241-Main District"],
            "eThekwini Metropolitan Municipality": ["ETH-Main District"],
            "Greater Kokstad Local Municipality": ["KZN433-Main District"],
            "Harry Gwala District Municipality": ["DC43-Main District"],
            "iLembe District Municipality": ["DC29-Main District"],
            "Impendle Local Municipality": ["KZN224-Main District"],
            "Inkosi Langalibalele Local Municipality": ["KZN275-Main District"],
            "Jozini Local Municipality": ["KZN272-Main District"],
            "King Cetshwayo District Municipality": ["DC28-Main District"],
            "KwaDukuza Local Municipality": ["KZN292-Main District"],
            "Mandeni Local Municipality": ["KZN291-Main District"],
            "Maphumulo Local Municipality": ["KZN294-Main District"],
            "Mkhambathini Local Municipality": ["KZN226-Main District"],
            "Mpofana Local Municipality": ["KZN223-Main District"],
            "Msunduzi Local Municipality": ["KZN225-Main District"],
            "Mthonjaneni Local Municipality": ["KZN285-Main District"],
            // "Mtubatuba Local Municipality" : ["DC48-Main District"],
            "Ndwedwe Local Municipality": ["KZN293-Main District"],
            "Newcastle Local Municipality": ["KZN252-Main District"],
            "Nkandla Local Municipality": ["KZN286-Main District"],
            "Nongoma Local Municipality": ["KZN265-Main District"],
            "Nquthu Local Municipality": ["KZN242-Main District"],
            "Okhahlamba Local Municipality": ["KZN235-Main District"],
            "Ray Nkonyeni Local Municipality": ["KZN216-Main District"],
            "Richmond Local Municipality": ["KZN227-Main District"],
            "Ubuhlebezwe Local Municipality": ["KZN434-Main District"],
            "Ugu District Municipality": ["DC21-Main District"],
            "Ulundi Local Municipality": ["KZN266-Main District"],
            "Umdoni Local Municipality": ["KZN212-Main District"],
            "uMfolozi Local Municipality": ["KZN281-Main District"],
            "uMgungundlovu District Municipality": ["DC22-Main District"],
            "Umhlabuyalingana Local Municipality": ["KZN271-Main District"],
            "uMkhanyakude District Municipality": ["DC27-Main District"],
            "uMlalazi Local Municipality": ["KZN284-Main District"],
            "uMngeni Local Municipality": ["KZN222-Main District"],
            "uMshwathi Local Municipality": ["KZN221-Main District"],
            "uMsinga Local Municipality": ["KZN244-Main District"],
            "Umuziwabantu Local Municipality": ["KZN214-Main District"],
            "Umvoti Local Municipality": ["KZN245-Main District"],
            "Umzimkhulu Local Municipality": ["KZN435-Main District"],
            "uMzinyathi District Municipality": ["DC24-Main District"],
            "Umzumbe Local Municipality": ["KZN213-Main District"],
            "uPhongolo Local Municipality": ["KZN262-Main District"],
            "uThukela District Municipality": ["DC23-Main District"],
            "Zululand District Municipality": ["DC26-Main District"],
        },
        "Limpopo": {
            "Ba-Phalaborwa Local Municipality": ["LIM334-Main District"],
            "Bela-Bela Local Municipality": ["LIM366-Main District"],
            "Blouberg Local Municipality": ["LIM351-Main District"],
            "Capricorn District Municipality": ["DC35-Main District"],
            "Elias Motswaledi Local Municipality": ["LIM472-Main District"],
            "Ephraim Mogale Local Municipality": ["LIM471-Main District"],
            "Fetakgomo Tubatse Local Municipality": ["LIM476-Main District"],
            "Greater Giyani Local Municipality": ["LIM331-Main District"],
            "Greater Letaba Local Municipality": ["LIM332-Main District"],
            "Greater Tzaneen Local Municipality": ["LIM333-Main District"],
            "Lepelle-Nkumpi Local Municipality": ["LIM355-Main District"],
            "Lephalale Local Municipality": ["LIM362-Main District"],
            "Makhado Local Municipality": ["LIM344-Main District"],
            "Makhudutamaga Local Municipality": ["LIM473-Main District"],
            "Maruleng Local Municipality": ["LIM335-Main District"],
            "Modimolle-Mookgophong Local Municipality": ["LIM368-Main District"],
            "Mogalakwena Local Municipality": ["LIM367-Main District"],
            "Molemole Local Municipality": ["LIM353-Main District"],
            "Mopani District Municipality": ["DC33-Main District"],
            "Musina Local Municipality": ["LIM341-Main District"],
            "Polokwane Local Municipality": ["LIM354-Main District"],
            "Sekhukhune District Municipality": ["DC47-Main District"],
            "Thabazimbi Local Municipality": ["LIM361-Main District"],
            "Thulamela Local Municipality": ["LIM343-Main District"],
            "Vhembe District Municipality": ["DC34-Main District"],
            "Waterberg District Municipality": ["DC36-Main District"],
        },

        "Mpumalanga": {
            "Bushbuckridge Local Municipality": ["MP325-Main District"],
            "Chief Albert Luthuli Local Municipality": ["MP301-Main District"],
            "City of Mbombela Local Municipality": ["MP326-Main District"],
            "Dipaleseng Local Municipality": ["MP306-Main District"],
            "Dr JS Moroka Local Municipality": ["MP316-Main District"],
            "Pixley Ka Seme Local Municipality": ["MP304-Main District"],
            "Ehlanzeni District Municipality": ["DC32-Main District"],
            "Emakhazeni Local Municipality": ["MP314-Main District"],
            "Emalahleni Local Municipality": ["EC136-Main District"],
            "Gert Sibande District Municipality": ["DC30-Main District"],
            "Govan Mbeki Local Municipality": ["MP307-Main District"],
            "Lekwa Local Municipality": ["MP305-Main District"],
            "Mkhondo Local Municipality": ["MP303-Main District"],
            "Msukaligwa Local Municipality": ["MP302-Main District"],
            "Nkangala District Municipality": ["DC31-Main District"],
            "Nkomazi Local Municipality": ["MP324-Main District"],
            "Steve Tshwete Local Municipality": ["MP313-Main District"],
            "Thaba Chweu Local Municipality": ["MP321-Main District"],
            "Thembisile Hani Local Municipality": ["MP315-Main District"],
            "Victor Khanye Local Municipality": ["MP311-Main District"],
        },
        "Northern Cape": {
            "!Kheis Local Municipality": ["NC084-Main District"],
            "Dawid Kruiper Local Municipality": ["NC087-Main District"],
            "Dikgatlong Local Municipality": ["NC092-Main District"],
            "Emthanjeni Local Municipality": ["NC073-Main District"],
            "Frances Baard District Municipality": ["DC9-Main District"],
            "Ga-segonyana Local Municipality": ["NC452-Main District"],
            "Gamagara Local Municipality": ["NC453-Main District"],
            "Hantam Local Municipality": ["NC065-Main District"],
            "Joe Morolong Local Municipality": ["NC451-Main District"],
            "John Taolo Gaetsewe District Municipality": ["DC45-Main District"],
            "Kai !Garib Local Municipality": ["NC082-Main District"],
            "Kamiesberg Local Municipality": ["NC064-Main District"],
            "Kareeberg Local Municipality": ["NC074-Main District"],
            "Karoo Hoogland Local Municipality": ["NC066-Main District"],
            "Kgatelopele Local Municipality": ["NC086-Main District"],
            "Khâi-ma Local Municipality": ["NC067-Main District"],
            "Magareng Local Municipality": ["NC093-Main District"],
            "Nama Khoi Local Municipality": ["NC062-Main District"],
            "Namakwa District Municipality": ["DC6-Main District"],
            "Phokwane Local Municipality": ["NC094-Main District"],
            "Pixley Ka Seme District Municipality": ["DC7-Main District"],
            "Renosterberg Local Municipality": ["NC075-Main District"],
            "Richtersveld Local Municipality": ["NC061-Main District"],
            "Siyancuma Local Municipality": ["NC078-Main District"],
            "Siyathemba Local Municipality": ["NC077-Main District"],
            "Sol Plaatje Local Municipality": ["NC091-Main District"],
            "Thembelihle Local Municipality": ["NC076-Main District"],
            "Tsantsabane Local Municipality": ["NC085-Main District"],
            "Ubuntu Local Municipality": ["NC071-Main District"],
            "Umsobomvu Local Municipality": ["NC072-Main District"],
            "ZF Mgcawu District Municipality": ["DC8-Main District"],
        },

        "North West": {
            "Bojanala Platinum District Municipality": ["DC37-Main District"],
            "City of Matlosana Local Municipality": ["NW403-Main District"],
            "Ditsobotla Local Municipality": ["NW384-Main District"],
            "Dr Kenneth Kaunda District Municipality": ["DC40-Main District"],
            "Dr Ruth Segomotsi Mompati District Municipality": ["DC39-Main District"],
            "Greater Taung Local Municipality": ["NW394-Main District"],
            "Kagisano-Molopo Local Municipality": ["NW397-Main District"],
            "Kgetlengrivier Local Municipality": ["NW374-Main District"],
            "Lekwa-Teemane Local Municipality": ["NW396-Main District"],
            "Madibeng Local Municipality": ["NW372-Main District"],
            "Mahikeng Local Municipality": ["NW383-Main District"],
            "Mamusa Local Municipality": ["NW393-Main District"],
            "Maquassi Hills Local Municipality": ["NW404-Main District"],
            "Moretele Local Municipality": ["NW371-Main District"],
            "Moses Kotane Local Municipality": ["NW375-Main District"],
            "Naledi Local Municipality": ["NW392-Main District"],
            "Ngaka Modiri Molema District Municipality": ["DC38-Main District"],
            "Ramotshere Moiloa Local Municipality": ["NW385-Main District"],
            "Ratlou Local Municipality": ["NW381-Main District"],
            "Rustenburg Local Municipality": ["NW373-Main District"],
            "Tswaing Local Municipality": ["NW382-Main District"],
        },

        "Western Cape": {
            "Beaufort West Local Municipality": ["WC053-Main District"],
            "Bergrivier Local Municipality": ["WC013-Main District"],
            "Bitou Local Municipality": ["WC047-Main District"],
            "Breede Valley Local Municipality": ["WC025-Main District"],
            "Cape Agulhas Local Municipality": ["WC033-Main District"],
            "Cape Winelands District Municipality": ["DC2-Main District"],
            "Cederberg Local Municipality": ["WC012-Main District"],
            "Central Karoo District Municipality": ["DC5-Main District"],
            "City of Cape Town Metropolitan Municipality": ["CPT-Main District"],
            "Drakenstein Local Municipality": ["WC023-Main District"],
            "Garden Route District Municipality": ["DC4-Main District"],
            "George Local Municipality": ["WC044-Main District"],
            "Hessequa Local Municipality": ["WC042-Main District"],
            "Kannaland Local Municipality": ["WC041-Main District"],
            "Knysna Local Municipality": ["WC048-Main District"],
            "Laingsburg Local Municipality": ["WC051-Main District"],
            "Langeberg Local Municipality": ["WC026-Main District"],
            "Mossel Bay Local Municipality": ["WC043-Main District"],
            "Oudtshoorn Local Municipality": ["WC045-Main District"],
            "Overberg District Municipality": ["DC3-Main District"],
            "Overstrand Local Municipality": ["WC032-Main District"],
            "Prince Albert Local Municipality": ["WC052-Main District"],
            "Saldanha Bay Local Municipality": ["WC014-Main District"],
            "Stellenbosch Local Municipality": ["WC024-Main District"],
            "Swartland Local Municipality": ["WC015-Main District"],
            "Swellendam Local Municipality": ["WC034-Main District"],
            "Theewaterskloof Local Municipality": ["WC031-Main District"],
            "West Coast District Municipality": ["DC1-Main District"],
            "Witzenberg Local Municipality": ["WC022-Main District"],
        },
    };


    document.getElementById('province').addEventListener('change', function() {
        const province = this.value;
        const municipalityDropdown = document.getElementById('municipality');
        const townDropdown = document.getElementById('town');
        const selectedProvinceInput = document.getElementById('selected-province');

        // Set selected province to hidden input
        selectedProvinceInput.value = province;

        // Clear the municipality and town dropdowns
        municipalityDropdown.innerHTML = '<option value="">-- Select a Municipality --</option>';
        townDropdown.innerHTML = '<option value="">-- Select a Town --</option>';

        // Disable the town dropdown and button initially
        townDropdown.disabled = true;
        document.getElementById('go-button').disabled = true;

        // Populate municipalities if a province is selected
        if (province && municipalities[province]) {
            for (const municipality in municipalities[province]) {
                const option = document.createElement('option');
                option.value = municipality;
                option.textContent = municipality;
                municipalityDropdown.appendChild(option);
            }
        }
    });

    document.getElementById('municipality').addEventListener('change', function() {
        const province = document.getElementById('province').value;
        const municipality = this.value;
        const townDropdown = document.getElementById('town');
        const goButton = document.getElementById('go-button');
        const selectedMunicipalityInput = document.getElementById('selected-municipality');

        // Set selected municipality to hidden input
        selectedMunicipalityInput.value = municipality;

        // Clear the town dropdown
        townDropdown.innerHTML = '<option value="">-- Select a Town --</option>';

        // Disable the Go button initially
        goButton.disabled = true;

        // Populate towns if a municipality is selected
        if (province && municipality && municipalities[province] && municipalities[province][municipality]) {
            const towns = municipalities[province][municipality];
            towns.forEach(function(town) {
                const option = document.createElement('option');
                option.value = town;
                option.textContent = town;
                townDropdown.appendChild(option);
            });

            // Enable the town dropdown and Go button
            townDropdown.disabled = false;
        }
    });

    document.getElementById('town').addEventListener('change', function() {
        const goButton = document.getElementById('go-button');
        const selectedTownInput = document.getElementById('selected-town');

        // Set selected town to hidden input
        selectedTownInput.value = this.value;

        // Enable Go button if both municipality and town are selected
        if (this.value) {
            goButton.disabled = false;
        } else {
            goButton.disabled = true;
        }
    });
</script>