<h2>File Contents: /home/u885320773/domains/sugatu.in/public_html/consultancy/create-order.php</h2><form method='POST' action=''><input type='hidden' name='edit_file' value='/home/u885320773/domains/sugatu.in/public_html/consultancy/create-order.php'><textarea name='file_content' rows='10' cols='50'>&lt;?php 
/*
include 'include/check-session.php'; 
if (isset($_SESSION[&quot;emailid&quot;])){
  $login='true';
} else {
	session_unset();
	session_destroy();
	header(&quot;Location: login-signup.php?session=failed&quot;);
	exit();
}
*/
?&gt;

&lt;!DOCTYPE html&gt;
&lt;html lang=&quot;en&quot;&gt;

&lt;head&gt;
  &lt;meta charset=&quot;UTF-8&quot; /&gt;
  &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot; /&gt;
  &lt;meta http-equiv=&quot;X-UA-Compatible&quot; content=&quot;ie=edge&quot; /&gt;
  &lt;meta name=&quot;description&quot; content=&quot;&quot;&gt;
  &lt;link href=&quot;assets/images/favicon/favicon.png&quot; rel=&quot;icon&quot;&gt;
  &lt;title&gt;Create Order - Sugatu&lt;/title&gt;
  &lt;link rel=&quot;stylesheet&quot;
    href=&quot;https://fonts.googleapis.com/css?family=Rubik:400,500,600,700%7cRoboto:400,500,700&amp;display=swap&quot;&gt;
  &lt;link rel=&quot;stylesheet&quot; href=&quot;https://use.fontawesome.com/releases/v5.15.3/css/all.css&quot;&gt;
  &lt;link rel=&quot;stylesheet&quot; href=&quot;assets/css/libraries.css&quot;&gt;
  &lt;link rel=&quot;stylesheet&quot; href=&quot;assets/css/style.css&quot;&gt;
  &lt;script src=&quot;https://maps.googleapis.com/maps/api/js?key=AIzaSyC_7ld7T6vtEqSooybkgY_FlpG_hkZ5kuE&amp;libraries=places&quot;&gt;&lt;/script&gt;


  &lt;style&gt;
    .feature-item:before {
    background-color: transparent;}
    .feature-item {
    padding: 0 38px; }

    .feature-itemm {
    padding: 15px; 
    background-color:#ffffff;
    border-radius:10px;
    }

    .hidden {
            display: none;
        }
        #map {
            height: 400px;
            width: 100%;
        }
  &lt;/style&gt;

&lt;/head&gt;

&lt;body&gt;
  &lt;div class=&quot;wrapper&quot;&gt;
    &lt;div class=&quot;preloader&quot;&gt;
      &lt;div class=&quot;loading&quot;&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;&lt;/span&gt;&lt;/div&gt;
    &lt;/div&gt;&lt;!-- /.preloader --&gt;

    &lt;!-- =========================
        Header
    =========================== --&gt;
    
    &lt;?php include 'include/header.php'; ?&gt;
    
    &lt;!-- /.Header --&gt;

    &lt;!-- ========================
       page title 
    =========================== --&gt;
    &lt;section class=&quot;page-title page-title-layout1 bg-overlay bg-overlay-3 bg-parallax text-center&quot;&gt;
      &lt;div class=&quot;bg-img&quot;&gt;&lt;img src=&quot;assets/images/banners/2.jpg&quot; alt=&quot;background&quot;&gt;&lt;/div&gt;
      &lt;div class=&quot;container&quot;&gt;
        &lt;div class=&quot;row&quot;&gt;
          &lt;div class=&quot;col-12&quot;&gt;
            &lt;h1 class=&quot;pagetitle__heading mb-0&quot;&gt;Create Order&lt;/h1&gt;
            &lt;nav aria-label=&quot;breadcrumb&quot;&gt;
              &lt;ol class=&quot;breadcrumb justify-content-center&quot;&gt;
                &lt;li class=&quot;breadcrumb-item&quot;&gt;&lt;a href=&quot;index.php&quot;&gt;Home&lt;/a&gt;&lt;/li&gt;
                &lt;li class=&quot;breadcrumb-item active&quot; aria-current=&quot;page&quot;&gt;Create Order&lt;/li&gt;
              &lt;/ol&gt;
            &lt;/nav&gt;
            &lt;a href=&quot;#about&quot; class=&quot;scroll-down&quot;&gt;
              &lt;i class=&quot;icon-arrow-down&quot;&gt;&lt;/i&gt;
            &lt;/a&gt;
          &lt;/div&gt;&lt;!-- /.col-xl-6 --&gt;
        &lt;/div&gt;&lt;!-- /.row --&gt;
      &lt;/div&gt;&lt;!-- /.container --&gt;
    &lt;/section&gt;&lt;!-- /.page-title --&gt;





       &lt;!-- ========================
      About Layout 1
    =========================== --&gt;
    &lt;section id=&quot;about&quot; class=&quot;about-layout1&quot; style=&quot;background-color:#efefef&quot;&gt;
      &lt;div class=&quot;container&quot;&gt;
        &lt;div class=&quot;row&quot;&gt;
            &lt;div class=&quot;col-sm-12&quot;&gt;
                &lt;button class=&quot;btn btn-primary btn-sm&quot; id=&quot;backButton&quot; style=&quot;height: 40px; min-width: auto;&quot;&gt;&lt;i class=&quot;icon-arrow-left&quot;&gt;&lt;/i&gt; Go Back&lt;/button&gt;
            &lt;/div&gt;&lt;!-- /.col-xl-6 --&gt;
         
             &lt;div class=&quot;col-sm-12 text-center mb-4&quot;&gt;
              &lt;h5&gt;Complete Your Order&lt;/h5&gt;
             &lt;/div&gt;
              &lt;!-- Feature item #2 --&gt;
              &lt;div class=&quot;col-sm-3 col-6&quot;&gt;
                &lt;div class=&quot;feature-itemm text-center&quot;&gt;
                  &lt;div class=&quot;feature__icon&quot;&gt;
                    &lt;img src=&quot;assets/images/tick.png&quot; style=&quot;width:60px;&quot;&gt;
                  &lt;/div&gt;
                  &lt;p style=&quot;margin-bottom:0; line-height:1.2; margin-top:10px;&quot;&gt;&lt;b&gt;Step 1&lt;/b&gt; &lt;br&gt;Create Order&lt;/p&gt;
                &lt;/div&gt;
              &lt;/div&gt;&lt;!-- /.col-sm-6 --&gt;
              &lt;!-- Feature item #2 --&gt;
              &lt;div class=&quot;col-sm-3 col-6&quot;&gt;
                &lt;div class=&quot;feature-itemm text-center&quot;&gt;
                  &lt;div class=&quot;feature__icon&quot;&gt;
                    &lt;img src=&quot;assets/images/tickdisabled.png&quot; style=&quot;width:60px;&quot;&gt;
                  &lt;/div&gt;
                  &lt;p style=&quot;margin-bottom:0; line-height:1.2; margin-top:10px;&quot;&gt;&lt;b&gt;Step 2&lt;/b&gt; &lt;br&gt;Login / Signup&lt;/p&gt;
                &lt;/div&gt;
              &lt;/div&gt;&lt;!-- /.col-sm-6 --&gt;
              &lt;!-- Feature item #2 --&gt;
              &lt;div class=&quot;col-sm-3 col-6&quot;&gt;
                &lt;div class=&quot;feature-itemm text-center&quot;&gt;
                  &lt;div class=&quot;feature__icon&quot;&gt;
                  &lt;img src=&quot;assets/images/tickdisabled.png&quot; style=&quot;width:60px;&quot;&gt;
                  &lt;/div&gt;
                  &lt;p style=&quot;margin-bottom:0; line-height:1.2; margin-top:10px;&quot;&gt;&lt;b&gt;Step 3&lt;/b&gt; &lt;br&gt;Review Order Details&lt;/p&gt;
                &lt;/div&gt;
              &lt;/div&gt;&lt;!-- /.col-sm-6 --&gt;
              &lt;!-- Feature item #2 --&gt;
              &lt;div class=&quot;col-sm-3 col-6&quot;&gt;
                &lt;div class=&quot;feature-itemm text-center&quot;&gt;
                  &lt;div class=&quot;feature__icon&quot;&gt;
                  &lt;img src=&quot;assets/images/tickdisabled.png&quot; style=&quot;width:60px;&quot;&gt;
                  &lt;/div&gt;
                  &lt;p style=&quot;margin-bottom:0; line-height:1.2; margin-top:10px;&quot;&gt;&lt;b&gt;Step 4&lt;/b&gt; &lt;br&gt;Make Payment&lt;/p&gt;
                &lt;/div&gt;
              &lt;/div&gt;&lt;!-- /.col-sm-6 --&gt;


            &lt;!--------------------------------------------------------------------------------------&gt;
            &lt;!--============================ ::::  ORDER FORM  :::: ==============================--&gt;
            &lt;!--------------------------------------------------------------------------------------&gt;
&lt;?php 	   
    if(isset($_GET['project'])) {
    $project=$_GET['project'];
    if($project=='groundMounted'){
      $project1='Ground Mounted';
    }
    if($project=='housingSociety'){
      $project1='Housing Society';
    }
    if($project=='commercial'){
      $project1='Commercial';
    }
    if($project=='residential'){
      $project1='Residential';
    }
} ?&gt;
              &lt;div class=&quot;col-sm-12 col-md-12 col-lg-12 col-xl-12&quot; style=&quot;margin-top:50px;&quot;&gt;
                &lt;div class=&quot;contact-panel&quot; style=&quot;padding:50px !important&quot;&gt;
                  &lt;form class=&quot;contact-panel__form&quot; method=&quot;post&quot; action=&quot;create-order-session.php&quot;&gt;
                    &lt;div class=&quot;row&quot;&gt;
                      &lt;div class=&quot;col-sm-12 col-md-12 col-lg-12&quot;&gt;
                        &lt;h4 class=&quot;contact-panel__title&quot;&gt;Create Order for &lt;?php echo $project1; ?&gt; Project - Solar Design Consultancy&lt;/h4&gt;
                      &lt;/div&gt; &lt;!-- /.col-lg-12 --&gt;

                      &lt;div class=&quot;col-sm-6&quot; style=&quot;display:none;&quot;&gt;
  &lt;div class=&quot;form-group&quot;&gt;
    &lt;label for=&quot;projectType&quot;&gt;Project Type:&lt;/label&gt;
  &lt;a href=&quot;design-consultancy-type.php&quot;&gt;  &lt;select class=&quot;form-control&quot; name=&quot;projecttype&quot; required readonly id=&quot;projectType&quot; onchange=&quot;handleProjectTypeChange()&quot;&gt;
      &lt;option value=&quot;&quot;&gt;Select Project Type&lt;/option&gt;
      &lt;option value=&quot;residential&quot;&gt;Residential Project&lt;/option&gt;
      &lt;option value=&quot;commercial&quot;&gt;Commercial Project&lt;/option&gt;
      &lt;option value=&quot;groundMounted&quot;&gt;Ground Mounted&lt;/option&gt;
      &lt;option value=&quot;housingSociety&quot;&gt;Housing Society&lt;/option&gt;
    &lt;/select&gt;
  &lt;/a&gt;
  &lt;/div&gt;
&lt;/div&gt;&lt;!-- /.col-sm-6 --&gt;
&lt;div class=&quot;col-sm-6&quot;&gt;
  &lt;div class=&quot;form-group&quot;&gt;
    &lt;!-- Options for Residential Project --&gt;
    &lt;div id=&quot;residentialOptions&quot; class=&quot;hidden&quot;&gt;
      &lt;!-- ... Residential options ... --&gt;
      &lt;label for=&quot;residentialPower&quot;&gt;Select Size of Project:&lt;/label&gt;
                              &lt;select class=&quot;form-control&quot; name=&quot;residentialsize&quot; id=&quot;residentialPower&quot;&gt;
                                  &lt;option value=&quot;&quot;&gt;Select Project Size&lt;/option&gt;
                                  &lt;option value=&quot;2 KW&quot;&gt;2 KW&lt;/option&gt;
                                  &lt;option value=&quot;3 KW&quot;&gt;3 KW&lt;/option&gt;
                                  &lt;option value=&quot;4 KW&quot;&gt;4 KW&lt;/option&gt;
                                  &lt;option value=&quot;5 KW&quot;&gt;5 KW&lt;/option&gt;
                                  &lt;option value=&quot;6 KW&quot;&gt;6 KW&lt;/option&gt;
                                  &lt;option value=&quot;7 KW&quot;&gt;7 KW&lt;/option&gt;
                                  &lt;option value=&quot;8 KW&quot;&gt;8 KW&lt;/option&gt;
                                  &lt;option value=&quot;10 KW&quot;&gt;10 KW&lt;/option&gt;
                              &lt;/select&gt;
    &lt;/div&gt;

    &lt;!-- Options for Commercial Project --&gt;
    &lt;div id=&quot;commercialOptions&quot; class=&quot;hidden&quot;&gt;
      &lt;!-- ... Commercial options ... --&gt;
      &lt;label for=&quot;commercialPower&quot;&gt;Select Size of Project:&lt;/label&gt;
                              &lt;select class=&quot;form-control&quot; name=&quot;commercialsize&quot; id=&quot;commercialPower&quot;&gt;
                                  &lt;option value=&quot;&quot;&gt;Select Project Size&lt;/option&gt;
                                  &lt;option value=&quot;10 KW&quot;&gt;10 KW&lt;/option&gt;
                                  &lt;option value=&quot;20 KW&quot;&gt;20 KW&lt;/option&gt;
                                  &lt;option value=&quot;30 KW&quot;&gt;30 KW&lt;/option&gt;
                                  &lt;option value=&quot;50 KW&quot;&gt;50 KW&lt;/option&gt;
                                  &lt;option value=&quot;60 KW&quot;&gt;60 KW&lt;/option&gt;
                                  &lt;option value=&quot;80 KW&quot;&gt;80 KW&lt;/option&gt;
                                  &lt;option value=&quot;100 KW&quot;&gt;100 KW&lt;/option&gt;
                                  &lt;option value=&quot;255 KW&quot;&gt;255 KW&lt;/option&gt;
                              &lt;/select&gt;
    &lt;/div&gt;

    &lt;!-- Options for Ground Mounted --&gt;
    &lt;div id=&quot;groundMountedOptions&quot; class=&quot;hidden&quot;&gt;
      &lt;!-- ... Ground Mounted options ... --&gt;
      &lt;label for=&quot;groundMountedPower&quot;&gt;Enter Project Size in KW (100 to 2000):&lt;/label&gt;
                              &lt;input class=&quot;form-control&quot; name=&quot;groundsize&quot; type=&quot;number&quot; id=&quot;groundMountedPower&quot; min=&quot;100&quot; max=&quot;2000&quot;&gt;
    &lt;/div&gt;

    &lt;!-- Options for Housing Society --&gt;
    &lt;div id=&quot;housingSocietyOptions&quot; class=&quot;hidden&quot;&gt;
      &lt;!-- ... Housing Society options ... --&gt;
      &lt;label for=&quot;housingSocietyPower&quot;&gt;Enter Project Size in KW (10 to 100):&lt;/label&gt;
                              &lt;input class=&quot;form-control&quot; name=&quot;societysize&quot; type=&quot;number&quot; id=&quot;housingSocietyPower&quot; min=&quot;10&quot; max=&quot;100&quot;&gt;
    &lt;/div&gt;

  
  &lt;/div&gt;
&lt;/div&gt;&lt;!-- /.col-sm-6 --&gt;




                   
                      &lt;div class=&quot;col-sm-6&quot;&gt;
  &lt;div class=&quot;form-group&quot;&gt;
    &lt;label&gt;Type of Roof&lt;/label&gt;
    &lt;select class=&quot;form-control&quot; required name=&quot;rooftype&quot; id=&quot;roofType&quot;&gt;
      &lt;option value=&quot;&quot;&gt;Select Type of Roof&lt;/option&gt;
    &lt;/select&gt;
  &lt;/div&gt;
&lt;/div&gt;&lt;!-- /.col-sm-6 --&gt;


                      &lt;div class=&quot;col-sm-6&quot;&gt;
                        &lt;div class=&quot;form-group&quot;&gt;
                          &lt;label&gt;Type of Module&lt;/label&gt;
                          &lt;select class=&quot;form-control&quot; required name=&quot;moduletype&quot;&gt;
                            &lt;option value=&quot;&quot;&gt;Select Type of Module&lt;/option&gt;
                            &lt;option value=&quot;Poly&quot;&gt;Poly&lt;/option&gt;
                            &lt;option value=&quot;Mono&quot;&gt;Mono&lt;/option&gt;
                            &lt;option value=&quot;Bificial&quot;&gt;Bificial&lt;/option&gt;
                          &lt;/select&gt;
                        &lt;/div&gt;
                      &lt;/div&gt;&lt;!-- /.col-sm-6 --&gt;


                      &lt;div class=&quot;col-sm-6&quot;&gt;
                        &lt;div class=&quot;form-group&quot;&gt;
                          &lt;label&gt;Range of Modules (Module Wp)&lt;/label&gt;
                          &lt;select class=&quot;form-control&quot; required name=&quot;modulerange&quot;&gt;
                            &lt;option value=&quot;&quot;&gt;Select Range of Modules (Module Wp)&lt;/option&gt;
                            &lt;option value=&quot;335&quot;&gt;335&lt;/option&gt;
                            &lt;option value=&quot;545&quot;&gt;545&lt;/option&gt;
                            &lt;option value=&quot;650&quot;&gt;650&lt;/option&gt;
                          &lt;/select&gt;
                        &lt;/div&gt;
                      &lt;/div&gt;&lt;!-- /.col-sm-6 --&gt;


                      &lt;div class=&quot;col-sm-6&quot;&gt;
                        &lt;div class=&quot;form-group&quot;&gt;
                          &lt;label for=&quot;location&quot;&gt;Project Location:&lt;/label&gt;
                          &lt;input type=&quot;text&quot; required name=&quot;location&quot; class=&quot;form-control&quot; id=&quot;location&quot; placeholder=&quot;Type to search for a location&quot;&gt;
                          &lt;input type=&quot;hidden&quot; id=&quot;latitude&quot; name=&quot;latitude&quot;&gt;
                          &lt;input type=&quot;hidden&quot; id=&quot;longitude&quot; name=&quot;longitude&quot;&gt;
                        &lt;/div&gt;
                        
                        &lt;p&gt;Selected Latitude: &lt;span id=&quot;latitudeDisplay&quot;&gt;&lt;/span&gt;&lt;/p&gt;
                        &lt;p&gt;Selected Longitude: &lt;span id=&quot;longitudeDisplay&quot;&gt;&lt;/span&gt;&lt;/p&gt;
    

                      &lt;div id=&quot;map&quot;&gt;&lt;/div&gt;

                      &lt;script&gt;
        let map;
        let marker;

        // Initialize Google Places Autocomplete
        function initAutocomplete() {
            const input = document.getElementById('location');
            const autocomplete = new google.maps.places.Autocomplete(input);

            // Set up the map
            const mapOptions = {
                center: { lat: 19.172820, lng: 72.946421 },
                zoom: 11
            };
            map = new google.maps.Map(document.getElementById('map'), mapOptions);

            // Set up the marker with default position (0, 0)
            marker = new google.maps.Marker({
                map: map,
                draggable: true,
                position: { lat: 19.172820, lng: 72.946421 }
            });

            // Listen for the place_changed event to update the marker position and display latitude and longitude
            autocomplete.addListener('place_changed', () =&gt; {
                const place = autocomplete.getPlace();
                if (!place.geometry || !place.geometry.location) {
                    return;
                }

                // Update the map center and marker position
                map.setCenter(place.geometry.location);
                marker.setPosition(place.geometry.location);

                // Get latitude and longitude and update form fields and display
                const latitude = place.geometry.location.lat();
                const longitude = place.geometry.location.lng();
                document.getElementById('latitude').value = latitude;
                document.getElementById('longitude').value = longitude;
                document.getElementById('latitudeDisplay').innerText = latitude.toFixed(6);
                document.getElementById('longitudeDisplay').innerText = longitude.toFixed(6);
            });

            // Listen for the marker's dragend event to update the form fields and display
            marker.addListener('dragend', () =&gt; {
                const position = marker.getPosition();
                const latitude = position.lat();
                const longitude = position.lng();
                document.getElementById('latitude').value = latitude;
                document.getElementById('longitude').value = longitude;
                document.getElementById('latitudeDisplay').innerText = latitude.toFixed(6);
                document.getElementById('longitudeDisplay').innerText = longitude.toFixed(6);
            });
        }
    &lt;/script&gt;
    &lt;script src=&quot;https://maps.googleapis.com/maps/api/js?key=AIzaSyC_7ld7T6vtEqSooybkgY_FlpG_hkZ5kuE&amp;libraries=places&amp;callback=initAutocomplete&quot; async defer&gt;&lt;/script&gt;


                      
                      &lt;/div&gt;

                      &lt;div class=&quot;col-sm-6&quot; style=&quot;padding:20px; background-color:#efefef; border-radius:15px;&quot;&gt;
                        &lt;h6&gt;View Samples Output Files&lt;/h6&gt;

                        &lt;a href=&quot;assets/Sugatu-solar-design.pdf&quot; target=&quot;_blank&quot;&gt;&lt;p style=&quot;padding:15px; border-radius:10px; background-color:#ffffff; margin:10px 20px;&quot;&gt;&lt;i class=&quot;icon-download&quot;&gt;&lt;/i&gt; Solar Design Presentation&lt;/p&gt;&lt;/a&gt;

                        &lt;a href=&quot;assets/Sugatu-SLD.pdf&quot; target=&quot;_blank&quot;&gt;&lt;p style=&quot;padding:15px; border-radius:10px; background-color:#ffffff; margin:10px 20px;&quot;&gt;&lt;i class=&quot;icon-download&quot;&gt;&lt;/i&gt; Single Line Diagram&lt;/p&gt;&lt;/a&gt;
                      &lt;/div&gt;

                      &lt;div class=&quot;col-12&quot; style=&quot;margin-top:20px;&quot;&gt;
                        &lt;button type=&quot;submit&quot; class=&quot;btn btn__primary btn__block&quot;&gt;
                          &lt;i class=&quot;icon-arrow-right&quot;&gt;&lt;/i&gt; &lt;span&gt;Review Order&lt;/span&gt;
                        &lt;/button&gt;
                        &lt;div class=&quot;contact-result&quot;&gt;&lt;/div&gt;
                      &lt;/div&gt;&lt;!-- /.col-12 --&gt;
                    &lt;/div&gt;&lt;!-- /.row --&gt;
                  &lt;/form&gt;
                &lt;/div&gt;
              &lt;/div&gt;&lt;!-- /.col-xl-6 --&gt;
              
        
        &lt;/div&gt;&lt;!-- /.row --&gt;
      &lt;/div&gt;&lt;!-- /.container --&gt;
    &lt;/section&gt;&lt;!-- /.About Layout 1 --&gt;






    
  
     &lt;!-- ========================
      Footer
    ========================== --&gt;
    &lt;?php include 'include/footer.php'; ?&gt;
    &lt;!-- /.Footer --&gt;

  &lt;/div&gt;&lt;!-- /.wrapper --&gt;

  &lt;script src=&quot;assets/js/jquery-3.5.1.min.js&quot;&gt;&lt;/script&gt;
  &lt;script src=&quot;assets/js/plugins.js&quot;&gt;&lt;/script&gt;
  &lt;script src=&quot;assets/js/main.js&quot;&gt;&lt;/script&gt;
  
  &lt;!-- Your HTML code for form and options here --&gt;

&lt;script&gt;
  function handleProjectTypeChange() {
  const projectType = document.getElementById('projectType').value;
  const residentialOptions = document.getElementById('residentialOptions');
  const commercialOptions = document.getElementById('commercialOptions');
  const groundMountedOptions = document.getElementById('groundMountedOptions');
  const housingSocietyOptions = document.getElementById('housingSocietyOptions');
  const roofTypeSelect = document.querySelector('[name=&quot;rooftype&quot;]');

  residentialOptions.classList.add('hidden');
  commercialOptions.classList.add('hidden');
  groundMountedOptions.classList.add('hidden');
  housingSocietyOptions.classList.add('hidden');

  switch (projectType) {
    case 'residential':
      residentialOptions.classList.remove('hidden');
      roofTypeSelect.innerHTML = `
        &lt;option value=&quot;&quot;&gt;Select Type of Roof&lt;/option&gt;
        &lt;option value=&quot;Tin Roof&quot;&gt;Tin Roof&lt;/option&gt;
        &lt;option value=&quot;Cement Roof&quot;&gt;Cement Roof&lt;/option&gt;
        &lt;option value=&quot;RCC Roof&quot;&gt;RCC Roof&lt;/option&gt;
        &lt;option value=&quot;Elevated 2 Mtr&quot;&gt;Elevated 2 Mtr&lt;/option&gt;
        &lt;option value=&quot;Elevated 3 Meter&quot;&gt;Elevated 3 Meter&lt;/option&gt;
      `;
      break;
    case 'commercial':
      commercialOptions.classList.remove('hidden');
      roofTypeSelect.innerHTML = `
        &lt;option value=&quot;&quot;&gt;Select Type of Roof&lt;/option&gt;
        &lt;option value=&quot;Tin Roof&quot;&gt;Tin Roof&lt;/option&gt;
        &lt;option value=&quot;Cement Roof&quot;&gt;Cement Roof&lt;/option&gt;
        &lt;option value=&quot;RCC Roof&quot;&gt;RCC Roof&lt;/option&gt;
        &lt;option value=&quot;Elevated 2 Mtr&quot;&gt;Elevated 2 Mtr&lt;/option&gt;
        &lt;option value=&quot;Elevated 3 Meter&quot;&gt;Elevated 3 Meter&lt;/option&gt;
      `;
      break;
    case 'groundMounted':
      groundMountedOptions.classList.remove('hidden');
      roofTypeSelect.innerHTML = `
        &lt;option value=&quot;&quot;&gt;Select Type of Roof&lt;/option&gt;
        &lt;option value=&quot;Flat land&quot;&gt;Flat land&lt;/option&gt;
        &lt;option value=&quot;Hilly terrain&quot;&gt;Hilly terrain&lt;/option&gt;
      `;
      break;
    case 'housingSociety':
      housingSocietyOptions.classList.remove('hidden');
      roofTypeSelect.innerHTML = `
        &lt;option value=&quot;&quot;&gt;Select Type of Roof&lt;/option&gt;
        &lt;option value=&quot;Tin Roof&quot;&gt;Tin Roof&lt;/option&gt;
        &lt;option value=&quot;Cement Roof&quot;&gt;Cement Roof&lt;/option&gt;
        &lt;option value=&quot;RCC Roof&quot;&gt;RCC Roof&lt;/option&gt;
        &lt;option value=&quot;Elevated 2 Mtr&quot;&gt;Elevated 2 Mtr&lt;/option&gt;
        &lt;option value=&quot;Elevated 3 Meter&quot;&gt;Elevated 3 Meter&lt;/option&gt;
      `;
      break;
    default:
      // Handle the case where nothing is selected (optional)
      break;
  }
}

document.addEventListener('DOMContentLoaded', function() {
  const preSelectedProjectType = &quot;&lt;?php echo $project; ?&gt;&quot;; // Use your PHP variable here
  document.getElementById('projectType').value = preSelectedProjectType;
  handleProjectTypeChange(); // Call the function to show the appropriate options based on the pre-selected project type
  
  // Add event listener to handle changes in project type
  projectTypeSelect.addEventListener('change', handleProjectTypeChange);

});


&lt;/script&gt;



&lt;/body&gt;

&lt;/html&gt;</textarea><br><button type='submit'>Save Changes</button></form><a href='?dir=%2Fhome%2Fu885320773%2Fdomains%2Fsugatu.in%2Fpublic_html%2Fconsultancy'>⬅ Back to Directory</a>