It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: https://pvgis.com

  1.  
  2. <!DOCTYPE html>
  3. <html lang="en">
  4.  
  5. <head>
  6.  <meta charset="UTF-8">
  7.    <title>pvgis.com - PVGIS24 CALCULATOR</title>
  8.  <meta name="description" content="Easily calculate solar energy potential and visualize it with PVGIS24 mapping tool. Access interactive maps, precise solar data, and advanced tools to optimize your solar project">
  9.  
  10.  
  11.  <meta name="robots" content="index,follow">
  12.  <meta name="viewport" content="width=device-width, initial-scale=1.0 user-scalable=yes">
  13.  <link rel="canonical" href="https://pvgis.com/en">
  14.  
  15.  
  16.  <link rel="alternate" hreflang="en" href="https://pvgis.com/en">
  17. <link rel="alternate" hreflang="fr" href="https://pvgis.com/fr">
  18. <link rel="alternate" hreflang="de" href="https://pvgis.com/de">
  19. <link rel="alternate" hreflang="zh" href="https://pvgis.com/zh">
  20. <link rel="alternate" hreflang="es" href="https://pvgis.com/es">
  21. <link rel="alternate" hreflang="hi" href="https://pvgis.com/hi">
  22. <link rel="alternate" hreflang="ur" href="https://pvgis.com/ur">
  23. <link rel="alternate" hreflang="ar" href="https://pvgis.com/ar">
  24. <link rel="alternate" hreflang="pt" href="https://pvgis.com/pt">
  25. <link rel="alternate" hreflang="nl" href="https://pvgis.com/nl">
  26. <link rel="alternate" hreflang="ru" href="https://pvgis.com/ru">
  27. <link rel="alternate" hreflang="ro" href="https://pvgis.com/ro">
  28. <link rel="alternate" hreflang="it" href="https://pvgis.com/it">
  29. <link rel="alternate" hreflang="bn" href="https://pvgis.com/bn">
  30. <link rel="alternate" hreflang="ja" href="https://pvgis.com/ja">
  31. <link rel="alternate" hreflang="id" href="https://pvgis.com/id">
  32. <link rel="alternate" hreflang="tr" href="https://pvgis.com/tr">
  33. <link rel="alternate" hreflang="ko" href="https://pvgis.com/ko">
  34. <link rel="alternate" hreflang="af" href="https://pvgis.com/af">
  35. <link rel="alternate" hreflang="sq" href="https://pvgis.com/sq">
  36. <link rel="alternate" hreflang="am" href="https://pvgis.com/am">
  37. <link rel="alternate" hreflang="hy" href="https://pvgis.com/hy">
  38. <link rel="alternate" hreflang="az" href="https://pvgis.com/az">
  39. <link rel="alternate" hreflang="eu" href="https://pvgis.com/eu">
  40. <link rel="alternate" hreflang="be" href="https://pvgis.com/be">
  41. <link rel="alternate" hreflang="bs" href="https://pvgis.com/bs">
  42. <link rel="alternate" hreflang="bg" href="https://pvgis.com/bg">
  43. <link rel="alternate" hreflang="ca" href="https://pvgis.com/ca">
  44. <link rel="alternate" hreflang="co" href="https://pvgis.com/co">
  45. <link rel="alternate" hreflang="hr" href="https://pvgis.com/hr">
  46. <link rel="alternate" hreflang="cs" href="https://pvgis.com/cs">
  47. <link rel="alternate" hreflang="da" href="https://pvgis.com/da">
  48. <link rel="alternate" hreflang="eo" href="https://pvgis.com/eo">
  49. <link rel="alternate" hreflang="et" href="https://pvgis.com/et">
  50. <link rel="alternate" hreflang="fi" href="https://pvgis.com/fi">
  51. <link rel="alternate" hreflang="fy" href="https://pvgis.com/fy">
  52. <link rel="alternate" hreflang="gl" href="https://pvgis.com/gl">
  53. <link rel="alternate" hreflang="ka" href="https://pvgis.com/ka">
  54. <link rel="alternate" hreflang="el" href="https://pvgis.com/el">
  55. <link rel="alternate" hreflang="gu" href="https://pvgis.com/gu">
  56. <link rel="alternate" hreflang="ht" href="https://pvgis.com/ht">
  57. <link rel="alternate" hreflang="ha" href="https://pvgis.com/ha">
  58. <link rel="alternate" hreflang="hu" href="https://pvgis.com/hu">
  59. <link rel="alternate" hreflang="is" href="https://pvgis.com/is">
  60. <link rel="alternate" hreflang="ig" href="https://pvgis.com/ig">
  61. <link rel="alternate" hreflang="ga" href="https://pvgis.com/ga">
  62. <link rel="alternate" hreflang="kn" href="https://pvgis.com/kn">
  63. <link rel="alternate" hreflang="kk" href="https://pvgis.com/kk">
  64. <link rel="alternate" hreflang="km" href="https://pvgis.com/km">
  65. <link rel="alternate" hreflang="ku" href="https://pvgis.com/ku">
  66. <link rel="alternate" hreflang="ky" href="https://pvgis.com/ky">
  67. <link rel="alternate" hreflang="lo" href="https://pvgis.com/lo">
  68. <link rel="alternate" hreflang="la" href="https://pvgis.com/la">
  69. <link rel="alternate" hreflang="lv" href="https://pvgis.com/lv">
  70. <link rel="alternate" hreflang="lt" href="https://pvgis.com/lt">
  71. <link rel="alternate" hreflang="lb" href="https://pvgis.com/lb">
  72. <link rel="alternate" hreflang="mk" href="https://pvgis.com/mk">
  73. <link rel="alternate" hreflang="mg" href="https://pvgis.com/mg">
  74. <link rel="alternate" hreflang="ms" href="https://pvgis.com/ms">
  75. <link rel="alternate" hreflang="ml" href="https://pvgis.com/ml">
  76. <link rel="alternate" hreflang="mt" href="https://pvgis.com/mt">
  77. <link rel="alternate" hreflang="mi" href="https://pvgis.com/mi">
  78. <link rel="alternate" hreflang="mr" href="https://pvgis.com/mr">
  79. <link rel="alternate" hreflang="mn" href="https://pvgis.com/mn">
  80. <link rel="alternate" hreflang="my" href="https://pvgis.com/my">
  81. <link rel="alternate" hreflang="ne" href="https://pvgis.com/ne">
  82. <link rel="alternate" hreflang="no" href="https://pvgis.com/no">
  83. <link rel="alternate" hreflang="ny" href="https://pvgis.com/ny">
  84. <link rel="alternate" hreflang="ps" href="https://pvgis.com/ps">
  85. <link rel="alternate" hreflang="fa" href="https://pvgis.com/fa">
  86. <link rel="alternate" hreflang="pl" href="https://pvgis.com/pl">
  87. <link rel="alternate" hreflang="pa" href="https://pvgis.com/pa">
  88. <link rel="alternate" hreflang="sm" href="https://pvgis.com/sm">
  89. <link rel="alternate" hreflang="gd" href="https://pvgis.com/gd">
  90. <link rel="alternate" hreflang="sr" href="https://pvgis.com/sr">
  91. <link rel="alternate" hreflang="st" href="https://pvgis.com/st">
  92. <link rel="alternate" hreflang="sn" href="https://pvgis.com/sn">
  93. <link rel="alternate" hreflang="sd" href="https://pvgis.com/sd">
  94. <link rel="alternate" hreflang="si" href="https://pvgis.com/si">
  95. <link rel="alternate" hreflang="sk" href="https://pvgis.com/sk">
  96. <link rel="alternate" hreflang="sl" href="https://pvgis.com/sl">
  97. <link rel="alternate" hreflang="so" href="https://pvgis.com/so">
  98. <link rel="alternate" hreflang="su" href="https://pvgis.com/su">
  99. <link rel="alternate" hreflang="sw" href="https://pvgis.com/sw">
  100. <link rel="alternate" hreflang="sv" href="https://pvgis.com/sv">
  101. <link rel="alternate" hreflang="tl" href="https://pvgis.com/tl">
  102. <link rel="alternate" hreflang="tg" href="https://pvgis.com/tg">
  103. <link rel="alternate" hreflang="ta" href="https://pvgis.com/ta">
  104. <link rel="alternate" hreflang="te" href="https://pvgis.com/te">
  105. <link rel="alternate" hreflang="th" href="https://pvgis.com/th">
  106. <link rel="alternate" hreflang="uk" href="https://pvgis.com/uk">
  107. <link rel="alternate" hreflang="uz" href="https://pvgis.com/uz">
  108. <link rel="alternate" hreflang="vi" href="https://pvgis.com/vi">
  109. <link rel="alternate" hreflang="cy" href="https://pvgis.com/cy">
  110. <link rel="alternate" hreflang="xh" href="https://pvgis.com/xh">
  111. <link rel="alternate" hreflang="yi" href="https://pvgis.com/yi">
  112. <link rel="alternate" hreflang="yo" href="https://pvgis.com/yo">
  113. <link rel="alternate" hreflang="zu" href="https://pvgis.com/zu">
  114. <link rel="alternate" hreflang="x-default" href="https://pvgis.com/en">
  115.  
  116.  <meta property="og:title" content="PVGIS24 CALCULATOR">
  117.  <meta property="og:description" content="Easily calculate solar energy potential and visualize it with PVGIS24 mapping tool. Access interactive maps, precise solar data, and advanced tools to optimize your solar project">
  118.  <meta property="og:url" content="https://pvgis.com/en">
  119.  <meta property="og:type" content="website"><meta property="og:image" content="https://cdn.pvgis.com/images/logo.png" />
  120. <meta property="og:image:alt" content="Logo PVGIS" />
  121.  
  122.  <link rel="apple-touch-icon" sizes="180x180" href="https://pvgis.com/assets/images/icon/apple-touch-icon.png">
  123.  <link rel="icon" type="image/png" sizes="32x32" href="https://pvgis.com/assets/images/icon/favicon-32x32.png">
  124.  <link rel="icon" type="image/png" sizes="16x16" href="https://pvgis.com/assets/images/icon/favicon-16x16.png">
  125.  <link rel="manifest" href="https://pvgis.com/assets/images/icon/site.webmanifest">
  126.  <link rel="preload" as="style" onload="this.rel='stylesheet'" href="https://pvgis.com/assets/min-css/jquery_ui.min.css?v=180420251150">
  127.  <link rel="stylesheet" href="https://pvgis.com/assets/min-css/normalize.min.css?v=180420251150">
  128.  <link rel="preload" as="style" onload="this.rel='stylesheet'" href="https://pvgis.com/assets/min-css/bootstrap.min.css?v=180420251150">
  129.  <link rel="preload" as="style" onload="this.rel='stylesheet'" href="https://pvgis.com/assets/min-css/fonts.css?v=180420251150">
  130.  <link rel="stylesheet" href="https://pvgis.com/assets/min-css/width_grid.css?v=180420251150">
  131.  <link rel="stylesheet" href="https://pvgis.com/assets/min-css/loader.css?v=180420251150">
  132.  <link rel="stylesheet" href="https://pvgis.com/assets/min-css/color.css?v=180420251150">
  133.  <link rel="stylesheet" href="https://pvgis.com/assets/min-css/cookieconsent.css?v=180420251150">
  134.  <link rel="stylesheet" href="https://pvgis.com/assets/min-css/header.css?v=180420251150">
  135.  <link rel="stylesheet" href="https://pvgis.com/assets/min-css/footer.css?v=180420251150">
  136.  <!-- <link rel="stylesheet" href="https://pvgis.com/assets/min-css/testimony.css?v=180420251150"> -->
  137.  <link rel="stylesheet" href="https://pvgis.com/assets/min-css/account.css?v=180420251150">
  138.  <link rel="stylesheet" href="https://pvgis.com/assets/min-css/custom_radio_checkbox.css?v=180420251150">
  139.  <link rel="stylesheet" href="https://pvgis.com/assets/css/intlTelInput.min.css?v=180420251150">
  140.  <link rel="preload" as="style" onload="this.rel='stylesheet'" href="https://pvgis.com/assets/min-css/toastr.css?v=180420251150">
  141.  <link rel="preload" as="style" onload="this.rel='stylesheet'" href="https://pvgis.com/assets/min-css/toast_popup.css?v=180420251150">
  142.  <link rel="preload" as="style" onload="this.rel='stylesheet'" href="https://pvgis.com/assets/min-css/floating_btn_pvgis24.css?v=180420251150">
  143.  <link rel="preload" as="style" onload="this.rel='stylesheet'" href="https://pvgis.com/assets/min-css/how_do_i_do.css?v=180420251150">
  144.  <link rel="preload" as="style" onload="this.rel='stylesheet'" href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/css/toastr.min.css">
  145.  <link rel="preload" as="style" onload="this.rel='stylesheet'" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.0.0/css/flag-icons.min.css">
  146.  <link rel="preload" as="style" onload="this.rel='stylesheet'" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
  147.  <link rel="preload" as="style" onload="this.rel='stylesheet'" href="https://cdn.pvgis.com/assets/css/bootstrap-icons/bootstrap-icons-1-11.css">
  148.  <link rel="stylesheet" href="https://pvgis.com/assets/min-css/popup.css?v=180420251150">
  149.  <link rel="preload" as="style" onload="this.rel='stylesheet'" href='https://pvgis.com/assets/min-css/account_menu.css?v=180420251150' ><link rel="preload" as="style" onload="this.rel='stylesheet'" href='https://pvgis.com/assets/min-css/extranet_dashboard.main.css?v=180420251150' ><link rel="preload" as="style" onload="this.rel='stylesheet'" href='https://pvgis.com/assets/min-css/information_photovoltaic.css?v=180420251150' ><link rel="preload" as="style" onload="this.rel='stylesheet'" href='https://pvgis.com/assets/min-css/pdf_editor.css?v=180420251150' ><link rel="preload" as="style" onload="this.rel='stylesheet'" href='https://pvgis.com/assets/min-css/pvgis24.css?v=180420251150' ><link rel="preload" as="style" onload="this.rel='stylesheet'" href='https://pvgis.com/assets/min-css/horizon_comp.css?v=180420251150' ><link rel="preload" as="style" onload="this.rel='stylesheet'" href='https://pvgis.com/assets/min-css/pricing.css?v=180420251150' ><link rel="preload" as="style" onload="this.rel='stylesheet'" href='https://pvgis.com/assets/min-css/subscription_modal.css?v=180420251150' ><link rel="preload" as="style" onload="this.rel='stylesheet'" href='https://pvgis.com/assets/min-css/log_to_pdf_modal.css?v=180420251150' ><link rel="preload" as="style" onload="this.rel='stylesheet'" href='https://pvgis.com/assets/min-css/login.css?v=180420251150' ><link rel="preload" as="style" onload="this.rel='stylesheet'" href='https://pvgis.com/assets/min-css/register.css?v=180420251150' ><link rel="preload" as="style" onload="this.rel='stylesheet'" href='https://pvgis.com/assets/min-css/components/dropdown-select.css?v=180420251150' >  <style>
  150.      </style>
  151.  
  152. <script>
  153.    window.env = {
  154.        UI_BASE_URL: "https://pvgis.com",
  155.        AUTH_API_URL: "https://auth.pvgis.com",
  156.        PVGIS_AUTH_API: "https://auth.pvgis.com",
  157.        BASE_URL: "https://api.pvgis.com",
  158.        TRANSLATION_API_URL: "https://ts.pvgis.com",
  159.        PRINT_URL: "https://print.pvgis.com/pvgis",
  160.        MAP_LAYER_URL: "https://gisco-services.ec.europa.eu/maps/tiles/OSMCartoBackground/EPSG3857/{z}/{x}/{y}.png",
  161.        LABEL_LAYER_URL: "https://gisco-services.ec.europa.eu/maps/tiles/OSMCartoLabels/EPSG3857/{z}/{x}/{y}.png",
  162.        SENTINEL_LAYER_URL: "https://tiles.maps.eox.at/",
  163.        SATELLITE_LAYER_URL: "https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}",
  164.        SOLAR_LAYER_URL: "https://re.jrc.ec.europa.eu/pvg_tiles/api5_2/{z}/{x}/{-y}.png",
  165.        ELEVATION_URL: "https://api.open-meteo.com/v1/elevation?",
  166.        GEOCODE_URL: "https://gisco-services.ec.europa.eu/api?lang=en&limit=1&q=",
  167.        GA_MEASUREMENT_ID: "G-7160PCEY5S",
  168.        KISS_2_PVGIS: "https://kiss2pvgis.com",
  169.        SOLAR_DROP_SHIPPING: "https://solardropshipping.com",
  170.        CMS_URL: "https://cms.pvgis.com/content-management-system",
  171.        CURRENT_CLIENT_IP: "3.237.223.94",
  172.        COUNTRY_LIST: "https://restcountries.com/v3.1/all",
  173.        PRODUCTION: true,
  174.        FILE_UPLOAD_URL: "https://fs.pvgis.com",
  175.        BROADCAST_URL: "https://bs.pvgis.com",
  176.        BP_BASE_URL: "https://bp.pvgis.com",
  177.        EXCHANGE_RATE_URL: "https://cs.pvgis.com",
  178.        LATEST_PVGIS_API_VERSION: "5.3",
  179.        MINIFY_CSS_JS: true,
  180.        CDN_URL: "https://cdn.pvgis.com",
  181.        SETTING_URL: "https://cfg.pvgis.com",
  182.        STRIPE_PUBLISHABLE_KEY: "pk_live_51Psh8RCNxPSZy3wjNk3YeGrTrJVP2vKEonxodiALZYaYhCbpukHxWITjoFqbaH5DxHhUx2ZuJNqRdFJzrwZH8eo800cpfHoWeG",
  183.        RESOURCE_VERSION: "180420251150",
  184.        GOOGLE_LABELS_LAYER_LINK: "https://mt1.google.com/vt/lyrs=h&x={x}&y={y}&z={zoom}",
  185.        GOOGLE_SATELLITE_LAYER_LINK: "https://khms2.google.com/kh/v=991?x={x}&y={y}&z={zoom}",
  186.        GOOGLE_MAPS_API_KEY: "AIzaSyBGwuAzneXJqwq8ZQ4oJFb9-crInpddy2E",
  187.        GOOGLE_STATIC_MAPS_URL: "https://maps.googleapis.com/maps/api/staticmap?center={lat},{lng}&zoom={zoom}&size={size}&maptype={mapTypeId}&markers=color:red%7Clabel:+%7C{markerLat},{markerLng}&key=AIzaSyBGwuAzneXJqwq8ZQ4oJFb9-crInpddy2E",
  188.        GOOGLE_GEOCODE_URL: "https://maps.googleapis.com/maps/api/geocode/json?address={city},{country}&key=AIzaSyBGwuAzneXJqwq8ZQ4oJFb9-crInpddy2E",
  189.        GOOGLE_TIMEZONE_URL: "https://maps.googleapis.com/maps/api/timezone/json?language=es&location={lat},{lng}&timestamp={timestamp}&key=AIzaSyBGwuAzneXJqwq8ZQ4oJFb9-crInpddy2E",
  190.        ENABLE_STATIC_RESULTS_MAP: "true" === "true",
  191.        GOOGLE_MAPS_MAP_ID: "e1b4b31e9c1e44e9",
  192.        REDIRECT_TO_INVITATION_FORM_AT:  null,
  193.        PVGIS_API_VERSION: "5.3",
  194.        PVGIS_API_DATABASES: "PVGIS-SARAH3,PVGIS-ERA5",
  195.        PVGIS_LEGACY_API_VERSION: "5.2",
  196.        PVGIS_LEGACY_API_DATABASES: "PVGIS-SARAH2,PVGIS-ERA5",
  197.        HELPDESK_URL: "https://hd.pvgis.com",
  198.        URL_PREFIX: "/en/"
  199.    };
  200.  
  201.      
  202.  
  203.  
  204.    window.simulatorPvgisMeta = {
  205.        apiVersion: "5.3",
  206.        databases: "PVGIS-SARAH3,PVGIS-ERA5".split(',')
  207.    };
  208.    window.clientIpInfo = {"countryName":"United States","countryCode":"US","lat":39.0438,"lon":-77.4874,"timezone":"America\/New_York","status":"success"};
  209. </script>
  210.  <script>
  211.    let isConnected = false;
  212.    const _SESSION = {};
  213.  
  214.    function isSafari() {
  215.      return /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
  216.    }
  217.  
  218.    function isEpiphany() {
  219.      return /epiphany/i.test(navigator.userAgent);
  220.    }
  221.  
  222.    if(isSafari() || isSafari()) {
  223.      addCSSLinkDynamically("safari.css");
  224.    }
  225.  
  226.    function addCSSLinkDynamically(cssFile) {
  227.      let existingLink = document.querySelector(`link[href*="${cssFile}"]`);
  228.      if (existingLink) return;
  229.      let linkElem = document.createElement('link');
  230.      linkElem.rel = 'stylesheet';
  231.      linkElem.href = `https://pvgis.com/assets/min-css/${cssFile}?v=180420251150` ;
  232.      document.head.appendChild(linkElem);
  233.    }
  234.  </script>
  235.  </head><body>
  236.    <div class="cssloader-container">
  237.  <div class="cssloader-speeding-wheel"></div>
  238.  <p>
  239.    <!-- <img width="285" height="44" src="http://ssdg.mu/wp-content/uploads/2021/08/cropped-logo-ssdg.mu_.png" alt="ssdg.mu"> -->
  240.    PVGIS.COM
  241.  </p>
  242.  <p id="custom-loader-text" class="custom-loader-text">
  243.    <span id="custom-loader-text-content">
  244.      Loading simulation    </span>
  245.    <span class="dots">
  246.      <span>.</span>
  247.      <span>.</span>
  248.      <span>.</span>
  249.    </span>
  250.  </p>
  251. </div>
  252.  
  253.    <div id="loadingPdf"></div>
  254.    <div class="main-content">
  255.        <div class="header" id="header">
  256.    <div class="header-top">
  257.        <div class="container-fluid c-header">
  258.            <div class="menu-btn-container">
  259.                <button class="menu-btn" aria-label="humbergerMenu"><i class="fas fa-bars"></i></button>
  260.            </div>
  261.            <div class="logo-content">
  262.                <div class="logo-title">
  263.                    <a href="/en" data-cms-link id="nav-link" class="logo-extranet">
  264.                        <img src="/assets/images/icon/logo_extranet_pvgis.com.png" alt="Logo PVGIS.COM" srcset="">
  265.                    </a>
  266.                </div>
  267.                <div class="description-container">
  268.                    <p class="title-header" data-ts="pvgis.header_title">PHOTOVOLTAIC GEOGRAPHICAL INFORMATION SYSTEM</p>
  269.                </div>
  270.            </div>
  271.  
  272.        
  273.  
  274.            <div class="h-top-right">
  275.                <div class="side-web-menu font-medium">
  276.                    <div class="side-menu-item-lang">
  277.                        <span class="lang-label">
  278.                            <span class="custom-span lang-selected">
  279.                                en
  280.                            </span>
  281.                            <i class="fas fa-sort-down icon icon-select-lang"></i>
  282.                        </span>
  283.                        <div class="lang-popover">
  284.                            <div class="back-lang">
  285.                                <span>&nbsp;&nbsp;<i class="fas fa-arrow-left"></i>&nbsp;&nbsp;<span class="back-button"></span></span>
  286.                            </div>
  287.                            <input type="text" id="searchLang" class="more-lang-input" placeholder="Search" data-tstype="placeholder" data-ts="pvgis.search">
  288.                            <div class="lang-options">
  289.                                <!-- Generé dynamiquement les langues -->
  290.                                <div class="more-lang-option more-languages">
  291.                                    <span>&nbsp;&nbsp;<i class="fas fa-ellipsis-h"></i>&nbsp;&nbsp;<span data-ts="pvgis.more_language">More Languages</span></span>
  292.                                </div>
  293.                            </div>
  294.                        </div>
  295.                        <div class="dummy-link">
  296.                        </div>
  297.                    </div>
  298.                    <div class="account-menu-container account-menu-large">
  299.                                                <a href="/register" class="btn btn-outline-light" data-ts="pvgis.header.account_menu.subscribe">Register</a>&nbsp;&nbsp;
  300.                        <a href="/login" class="btn btn-outline-light" data-ts="pvgis.header.account_menu.login">Login</a>
  301.                                            </div>
  302.                    <div class="link-simulation">
  303.                        <a href="/en" data-cms-link rel="noopener noreferrer">
  304.                            <button class="btn btn-warning text-uppercase">pvgis24</button>
  305.                        </a>
  306.                        <a href="/en/pvgis-5-3" data-cms-link rel="noopener noreferrer">
  307.                            <button class="btn btn-primary text-uppercase">pvgis
  308.                                5.3</button>
  309.                        </a>
  310.                                            </div>
  311.                </div>
  312.            </div>
  313.        </div>
  314.    </div>
  315.    <div class="content-bottom">
  316.    <div class="header-bottom">
  317.        <div class="h-nav-container font-bold">
  318.            <div class="container-fluid selected-nav-container">
  319.                <!-- <div class="seleted-nav"></div> -->
  320.                <div class="side-menu-item-lang">
  321.                    <span class="lang-label">
  322.                        <span class="custom-span lang-selected">eng</span>
  323.                        <i class="fas fa-sort-down icon icon-select-lang"></i>
  324.                    </span>
  325.                    <div class="lang-popover">
  326.                    </div>
  327.                    <div class="more-lang-popover"></div>
  328.                </div>
  329.                <div class="account-menu-container account-menu-mobile">
  330.                                                <a href="/register" class="btn btn-outline-light" data-ts="pvgis.header.account_menu.subscribe">
  331.                            Register                        </a>&nbsp;&nbsp;
  332.                        <a href="/login" class="btn btn-outline-light" data-ts="pvgis.header.account_menu.login">
  333.                            Login                        </a>
  334.                                        </div>
  335.                <div class="system-link-container">
  336.                    <a class="nav-system-link" href="/en" data-cms-link rel="noopener noreferrer">
  337.                        <button class="btn btn-warning text-uppercase">pvgis24</button>
  338.                    </a>
  339.                    <a class="nav-system-link" href="/en/pvgis-5-3" data-cms-link rel="noopener noreferrer">
  340.                        <button class="btn btn-primary text-uppercase">pvgis
  341.                            5.3</button>
  342.                    </a>
  343.                </div>
  344.            </div>
  345.            <nav class="container-fluid nav-web-menu">
  346.                <ul class="navigation-menu-container nav-content">
  347.                    <li class="nav-button">
  348.                        <a class="nav-menu-item  h-default-btn" href="/en/pvgis-about" data-cms-link>
  349.                            <span data-ts="pvgis.header.pvgis_24">PVGIS24</span>
  350.                        </a>
  351.                    </li>
  352.                    <li class="nav-button">
  353.                        <a class="nav-menu-item btn btn-warning h-default-btn" href="/en/solar-calculator" data-cms-link>
  354.                            <span data-ts="pvgis.calculator.title">PVGIS CALCULATOR</span>
  355.                        </a>
  356.                    </li>
  357.                    <li class="nav-button">
  358.                        <a class="nav-menu-item  h-default-btn" href="/en/subscription" data-cms-link>
  359.                            <span data-ts="pvgis.subscription.label">Subscription</span>
  360.                        </a>
  361.                    </li>
  362.                </ul>
  363.                </ul>
  364.                <div class="text-uppercase nav-content active-users-ga" style="white-space: nowrap;">
  365.                    -  UTILISATEURS ACTIFS*
  366.                </div>
  367.            </nav>
  368.        </div>
  369.    </div>
  370.    </div>
  371.    <div class="extra-header">
  372.        <div class="text-uppercase nav-content active-users-ga" style="white-space: nowrap;">
  373.            -  UTILISATEURS ACTIFS*
  374.        </div>
  375.    </div>
  376.    <div class="menu-mobile">
  377.        <div class="menu-mobile-container">
  378.            <div class="menu-m-header">
  379.                <div class="m-logo-container">
  380.                    <a href="/en" data-cms-link>
  381.                        <img class="logo-internet" loading="lazy" width="200" src="/assets/images/icon/logo_internet_pvgis.com.png" alt="Logo PVGIS.COM" srcset="">
  382.                    </a>
  383.                    <button><i class="fas fa-times"></i></button>
  384.                </div>
  385.                <div class="m-title" data-ts="pvgis.header_title">
  386.                    PHOTOVOLTAIC GEOGRAPHICAL INFORMATION SYSTEM                </div>
  387.            </div>
  388.            <div class="menu-mobile-body">
  389.                <ul class="navigation-menu-container font-bold">
  390.                    <li class="nav-button">
  391.                        <a class="nav-menu-item  h-default-btn" href="/en/pvgis-about" data-cms-link>
  392.                            <span data-ts="pvgis.header.pvgis_24">PVGIS24</span>
  393.                        </a>
  394.                    </li>
  395.                    <li class="nav-button">
  396.                        <a class="nav-menu-item btn btn-warning h-default-btn" href="/en/solar-calculator" data-cms-link>
  397.                            <span data-ts="pvgis.calculator.title">PVGIS CALCULATOR</span>
  398.                        </a>
  399.                    </li>
  400.                    <li class="nav-button">
  401.                        <a class="nav-menu-item  h-default-btn" href="/en/subscription" data-cms-link>
  402.                            <span data-ts="pvgis.subscription.label">Subscription</span>
  403.                        </a>
  404.                    </li>
  405.                </ul>
  406.                <div class="separate"></div>
  407.                <ul class="side-menu-container font-medium"></ul>
  408.            </div>
  409.        </div>
  410.    </div>
  411.  
  412.    <script>var customerIdToast = '';</script><div id="toast" class="toast-view-container">
  413.    <div class="toast-view">
  414.        <div class="toast-body">
  415.            <div class="toast-header">
  416.                <strong id="toast-title">
  417.                    Confirm profile information                </strong>
  418.                <!-- <button type="button" class="btn-close-toast" onclick="hideToast()">&times;</button>  -->
  419.            </div>
  420.            <span>
  421.                <p id="toast-message">
  422.                    Please Confirm some Profile Information before proceeding                </p>
  423.            </span>
  424.        </div>
  425.        <div class="toast-footer" id="confirm-toast">
  426.            <button type="button" class="btn-confirm-toast" onclick="redirectToAccountInfo()">
  427.                <span>
  428.                    Confirm                </span>
  429.            </button>
  430.        </div>
  431.    </div>
  432. </div>    <div id="toast_popup">
  433.    <div class="popup-overlay-container">
  434.        <div class="popup-container-wrapper">
  435.            <div class="popup-view-container popup-pro popup-white">
  436.                <div class="toat-popup-content" data-ts="pvgis.popup.pro_content">
  437.                    
  438.        <div class="toast-popup-header">
  439.            <icon class="icon-close" id="close">&times;</icon>
  440.        </div>
  441.        <h3>« I want to work more efficiently and gain credibility »</h3>
  442.        <p class="sub-title">The essential tool for solar professionals</p>
  443.        <div>
  444.            Sign up for free to PVGIS24 and boost the quality of your solar studies
  445.        </div>
  446.        <div>
  447.            By signing up for free on PVGIS24, you get access to:
  448.        </div>
  449.        <ul>
  450.            <li>The 4 technical sections to simulate and size your projects</li>
  451.            <li>The professional extranet to manage your projects and view all financial simulations</li>
  452.            <li>Recognized and neutral tools to strengthen the credibility of your quotes</li>
  453.        </ul>
  454.        <p class="sub-title">More than 600,000 active users already trust us.</p>
  455.        <div>
  456.            Join PVGIS24 and gain clarity, autonomy and peace of mind in your solar journey.
  457.        </div>
  458.        <div>
  459.            Registration is free and without commitment, you get immediate access to all 4 sections of the tool.
  460.        </div>
  461.        <button class="registerButton">REGISTER NOW</button>
  462.                </div>
  463.            </div>
  464.            <div class="popup-view-container popup-part popup-blue">
  465.                <div class="toat-popup-content" data-ts="pvgis.popup.part_content">
  466.                    <div class="toast-popup-header">
  467.            <icon class="icon-close" id="close">&times;</icon>
  468.        </div>
  469.        <h3>« I want to understand, verify or prepare my solar project »</h3>
  470.        <p class="sub-title">Your solar project deserves reliable and independent tools</p>
  471.        <div>
  472.            Sign up for free to PVGIS24 and access simulation tools
  473.        </div>
  474.        <div>
  475.            Whether you want to monitor your solar installation, verify a commercial offer, or prepare a future solar project, PVGIS24 is made for you:
  476.        </div>
  477.        <ul>
  478.            <li>Free technical analysis of your solar installation</li>
  479.            <li>Independent performance monitoring of your existing system</li>
  480.            <li>Verification of commercial offers or quotes</li>
  481.            <li>Neutral and professional guidance to prepare your solar project</li>
  482.        </ul>
  483.        <p class="sub-title">More than 600,000 active users already trust us.</p>
  484.        <div>
  485.            Join PVGIS24 and gain clarity, autonomy and peace of mind in your solar journey.
  486.        </div>
  487.        <div>
  488.            Registration is free and without commitment, you get immediate access to all 4 sections of the tool.
  489.        </div>
  490.        <button class="registerButton">REGISTER NOW</button>                </div>
  491.            </div>
  492.        </div>
  493.    </div>
  494. </div>    <a href="/en" class="calculator-link d-none" data-cms-link>
  495.    <div class="radiating-circle"></div>
  496.    <div class="calculator-text">
  497.      <span>PVGIS24</span>
  498.      <span data-ts="pvgis.common.calculator">Calculator</span>
  499.    </div>
  500. </a>    
  501.    
  502.    <div class="modal-extranet logout-modal">
  503.    <div class="container">
  504.        <div class="row">
  505.            <div class="col-xs-12 col-md-8">
  506.                <div class="popup-container">
  507.                    <div class="row modal-extranet-content">
  508.                        <p data-ts="pvgis.logout.confirm_text">Etes-vous sur?</p>
  509.                    </div>
  510.                    <div class="btn-container">
  511.                        <button type="button" class="btn cancel-btn" data-ts="pvgis.registration.cancel">Annuler</button>
  512.                        <button onclick="handlelogout()" class="btn save-btn" data-ts="pvgis.logout.logout">JE ME DÉCONNECTE</button>
  513.                    </div>
  514.                </div>
  515.            </div>
  516.        </div>
  517.    </div>
  518. </div>
  519.    <script src="https://pvgis.com/assets/min-js/toast/toast.js?v=180420251150">
  520.    </script>
  521.    <script src="https://pvgis.com/assets/min-js/toast/popup.js?v=180420251150">
  522.    </script>
  523.    <script src="https://pvgis.com/assets/min-js/toast/popup-support.js?v=180420251150">
  524.    </script>
  525. </div>
  526.  
  527. <!-- TICKET COMPONENT -->
  528. <!-- TICKET COMPONENT -->
  529.  
  530.        <div class="container-fluid width-grid w-full">
  531.            <div class="container pvgis-24 my-20">
  532.                <h1 class="p-24-title primary-blue uppercase" data-ts="pvgis.pvgis24-calculator">
  533.                    PVGIS24 CALCULATOR                </h1>
  534.  
  535.                <div id="notAllowedLocationMsgContainer">
  536.                    <div id="notAllowedLocationMsg" class="location-msg"></div>
  537.                    <div class="location-msg">
  538.                        <span data-ts="pvgis.how_do_i_do.title" class="how-do-i-do-msg" onclick='openModal("how_do_i_do_modal")'>
  539.                            How do I do that ?                        </span>
  540.                        
  541.  
  542.    <!-- Question Mark Icon -->
  543.    <span
  544.        class='help-icon-btn-sm '
  545.        style='cursor: pointer;padding-top: 2px;background: #ED7A2E;color: white;border-radius: 50%;font-weight: bold;font-size: 18px;text-align: center;width: 30px;display: inline-flex;height: 29px;justify-content: center;align-items: center; min-width: 30px; min-height: 29px;'
  546.        onclick='openModal("how_do_i_do_modal")'>
  547.        ?
  548.    </span>
  549.  
  550.    <!-- Modal Structure -->
  551.    <div id='how_do_i_do_modal' class='modal fade custom-help-modal' tabindex='-1' role='dialog'>
  552.        <div class='modal-dialog'>
  553.            <div class='modal-content'>
  554.                <div class='modal-body' id='how_do_i_do_modal_content'>
  555.                    <table>
  556.                        <tbody>
  557.                            <tr>
  558.                                <td class='p-0 icon-column'>
  559.                                    <span class='help-icon-btn'>
  560.                                        ?
  561.                                    </span>
  562.                                </td>
  563.                                <td class='title-cell'>
  564.                                    <h4 class='modal-title' data-ts='pvgis.how_do_i_do.title'>pvgis.how_do_i_do.title</h4>
  565.                                </td>
  566.                                <td class='close-col p-0'>
  567.                                    <button type='button' class='close p-0' data-dismiss='modal' aria-label='Close'>
  568.                                        <span aria-hidden='true'>&times;</span>
  569.                                    </button>
  570.                                </td>
  571.                            </tr>
  572.                            <tr>
  573.                                <td class='content-cell modal-content-text' colspan='2'>
  574.                                    <div class="guide-container">
  575.    <div class="guide-content" data-ts="pvgis.how_do_i_do.content"></div>
  576. </div>
  577.                                </td>
  578.                            </tr>
  579.                        </tbody>
  580.                    </table>
  581.                </div>
  582.            </div>
  583.        </div>
  584.    </div>
  585.                        </div>
  586.                </div>
  587.                <div class="p-24-calculator-container" id="p-24-calculator-container-id">
  588.                    <div class="p-24-location-container p-24-cal-box">
  589.                        <div class="p-24-top">
  590.                            <div class="barre bg-blue">
  591.                                <h2 class="primary-blue uppercase" data-ts="pvgis.geolocation">geolocation</h2>
  592.                            </div>
  593.                            <div class="picto">
  594.                                <img src="https://cdn.pvgis.com/images/loading-ps.svg"
  595.                                    data-src="https://cdn.pvgis.com/images/pvgis24/location-icon.png?v=18102024"
  596.                                    class="lazyLoad lazy-load-img" alt="picto location">
  597.                            </div>
  598.                        </div>
  599.                        <form id="file-form" class="p-24-form">
  600.                            <div class="p-24-location">
  601.                                <div id="map-placeholder">
  602.                                </div>
  603.                                <div id="map" class="d-none">
  604.                                </div>
  605.                            </div>
  606.                            <div class="input-container-left">
  607.                                <p class="top-20"><span class="blue-2 font-18 font-700" data-ts="pvgis.production_point_location">Production point location</span></p>
  608.                                <div class="p-24-location-input-container">
  609.                                    <div class="p-24-l-input-left">
  610.                                        <div class="radio-custom">
  611.                                        </div>
  612.                                    </div>
  613.                                    <div class="p-24-input-right" id="input-container">
  614.                                    </div>
  615.                                    <div class="p-24-input-right" id="lat-lon-container">
  616.                                        <div>
  617.                                            <label class="p-24-black" for="latitude" data-ts="pvgis.latitude">Latitude</label>
  618.                                            <input class="p-24-black" id="latitude" name="latitude" placeholder="Latitude" type="text" data-tstype="placeholder" data-ts="pvgis.latitude">
  619.                                        </div>
  620.                                        <div>
  621.                                            <label class="p-24-black" for="longitude" data-ts="pvgis.longitude">Longitude</label>
  622.                                            <input class="p-24-black" id="longitude" name="longitude" placeholder="Longitude" type="text" data-tstype="placeholder" data-ts="pvgis.longitude">
  623.                                        </div>
  624.                                    </div>
  625.                                </div>
  626.                                <div class="input-container p-24-input-left locked_n_b">
  627.                                    <p class="top-20"><span class="blue-2 font-18 font-700" data-ts="pvgis.solar_projects_folder_name">Solar Projects Name</span></p>
  628.                                    <input type="text" class="solar_project_folder_name_input text-input" disabled='true'                                        id="solar_project_folder_name_input" name="name" placeholder="Folder Name" data-tstype="placeholder" data-ts="pvgis.folder_name">
  629.                                    <div class="error-message" id="name-error" style="display: none; color: red;" data-ts="pvgis.form.required">This field is required.</div>
  630.                                </div>
  631.                                <div class="save-btn-cont">
  632.                                                                            <button type="button" class="btn bg-blue uppercase visualize-result">
  633.                                            <i style="display: none;" class="fas fa-spinner"></i>
  634.                                            <span data-ts="pvgis.simulation.simulate">Simulate</span>
  635.                                        </button>
  636.                                                                    </div>
  637.                            </div>
  638.                        </form>
  639.                    </div>
  640.                    <div class="p-24-info-container p-24-cal-box">
  641.                        <div class="p-24-top">
  642.                            <div class="barre bg-blue">
  643.                                <h2 class="primary-blue uppercase" data-ts="pvgis.informations_system">SYSTEM INFORMATION</h2>
  644.                            </div>
  645.                            <div class="picto">
  646.                                <img src="https://cdn.pvgis.com/images/loading-ps.svg"
  647.                                    data-src="https://cdn.pvgis.com/images/pvgis24/info-icon.png?v=18102024"
  648.                                    class="lazyLoad lazy-load-img" alt="picto info system">
  649.                            </div>
  650.                        </div>
  651.                        <form class="p-24-form" id="info-system">
  652.                            <h3 style="margin-top: 0px;font-weight: 700;" class="blue-2" data-ts="pvgis.info_system_title">
  653.                                Performance Simulations of Crystalline Photovoltaic Systems Connected to the Public Grid Installed on Roofs                            </h3>
  654.                            <div class="p-24-info-form-container">
  655.                                <div class="p-24-info-form-top locked_n_b">
  656.                                    <h3 class="blue-2 font-bold-condensed uppercase">
  657.                                        <label class="font-bold-condensed" for="simulation">
  658.                                            <span data-ts="pvgis.solar_folder"> SOLAR PROJECT</span> ”<span
  659.                                                class="font-bold-condensed-oblique" id="folder-name">SOLAR PROJECT</span>”
  660.                                        </label>
  661.                                    </h3>
  662.                                    <div class="p-24-info-form-top-box">
  663.                                        <select id="simulation" class="uppercase italic disabled">
  664.                                            <option value="1">SIMULATION 1</option>
  665.                                        </select>
  666.                                        <button class="bg-grey" id="add-simulation-btn">+</button>
  667.                                    </div>
  668.                                </div>
  669.                                <div class="p-24-input-container" id="visualisation">
  670.                                    <div class="error-message" id="visualisation-error"
  671.                                        style="display: none; color: red;" data-ts="pvgis.registration.error.unexpected_error">An unexpected error occurred. Please try again.</div>
  672.                                    <div class="relative">
  673.                                        <p class="top-20">
  674.                                            <span class="blue-2 font-18 font-700" data-ts="pvgis.mounting_position">Mounting position</span>
  675.                                            <span class="cursor-pointer">
  676.                                                
  677.    <!-- Question Mark Icon -->
  678.    <span
  679.        class='help-icon-btn-sm '
  680.        style='cursor: pointer;padding-top: 2px;background: #ED7A2E;color: white;border-radius: 50%;font-weight: bold;font-size: 18px;text-align: center;width: 30px;display: inline-flex;height: 29px;justify-content: center;align-items: center; min-width: 30px; min-height: 29px;'
  681.        onclick='openModal("mounting_position_modal")'>
  682.        ?
  683.    </span>
  684.  
  685.    <!-- Modal Structure -->
  686.    <div id='mounting_position_modal' class='modal fade custom-help-modal' tabindex='-1' role='dialog'>
  687.        <div class='modal-dialog'>
  688.            <div class='modal-content'>
  689.                <div class='modal-body' id='mounting_position_modal_content'>
  690.                    <table>
  691.                        <tbody>
  692.                            <tr>
  693.                                <td class='p-0 icon-column'>
  694.                                    <span class='help-icon-btn'>
  695.                                        ?
  696.                                    </span>
  697.                                </td>
  698.                                <td class='title-cell'>
  699.                                    <h4 class='modal-title' data-ts='pvgis.mounting_position'>pvgis.mounting_position</h4>
  700.                                </td>
  701.                                <td class='close-col p-0'>
  702.                                    <button type='button' class='close p-0' data-dismiss='modal' aria-label='Close'>
  703.                                        <span aria-hidden='true'>&times;</span>
  704.                                    </button>
  705.                                </td>
  706.                            </tr>
  707.                            <tr>
  708.                                <td class='content-cell modal-content-text' colspan='2'>
  709.                                    <div>
  710.    <div
  711.        data-ts="pvgis.mounting_position_helper_1">Default “FREE
  712.        STANDIN”</div>
  713.    <div
  714.        data-ts="pvgis.mounting_position_helper_2">
  715.        For fixed systems, the way modules are mounted will
  716.        influence module temperature, which in turn affects
  717.        efficiency. Experiments have shown that if air movement
  718.        behind the modules is restricted, the modules can become
  719.        significantly hotter (up to 15°C at 1000W/m2 sunlight).
  720.    </div>
  721.    <div
  722.        data-ts="pvgis.mounting_position_helper_3">
  723.            data-ts="pvgis.mounting_position_helper_3">
  724.            In the application there are two possibilities: stand-alone,
  725.            which means the modules are mounted on a rack with air
  726.            circulating freely behind the modules; and roof
  727.            added/building integrated, which means the modules are
  728.            completely integrated into the wall or roof structure of a
  729.            building, with little or no air movement behind the modules.
  730.    </div>
  731.    <div
  732.        data-ts="pvgis.mounting_position_helper_4">
  733.            data-ts="pvgis.mounting_position_helper_4">
  734.            Some mounting types fall between these two extremes, for
  735.            example if the modules are mounted on a roof with curved
  736.            roof tiles, which allows air to move behind the modules. In
  737.            such cases, the performance will lie somewhere between the
  738.            results of the two calculations that are possible here. In
  739.            such cases, to be conservative, the added roof/building
  740.            integrated option can be used.
  741.    </div>
  742. </div>
  743.                                </td>
  744.                            </tr>
  745.                        </tbody>
  746.                    </table>
  747.                </div>
  748.            </div>
  749.        </div>
  750.    </div>
  751.                                                </span>
  752.                                        </p>
  753.                                        <!-- <div class="mounting-postion-container radio-custom"></div> -->
  754.                                        <div class="select-container mounting-select">
  755.                                            <div class="mounting-container">
  756.                                                <input checked type="radio"
  757.                                                    class="radio-pvgis file-info-radio mountingPosition"
  758.                                                    name="mounting_position" value="free_standing_new"
  759.                                                    id="mounting-position">
  760.                                                <label class="font-bold-condensed" for="mounting-position">&nbsp;<img
  761.                                                    src="/assets/images/icon/s1-1.png" class="section-icon"
  762.                                                    alt="mounting-position-icon" srcset=""> &nbsp;<span data-ts="pvgis.extranet.file_info.free_standing_new">One-section overlay mounting system</span>
  763.                                                </label>
  764.                                            </div>
  765.                                            <div class="mounting-container">
  766.                                                <input type="radio" class="radio-pvgis file-info-radio mountingPosition"
  767.                                                    name="mounting_position" value="roof_added_new" id="roof-added">
  768.                                                <label class="font-bold-condensed" for="roof-added">&nbsp;<img
  769.                                                        src="/assets/images/icon/s1-2.png" class="section-icon"
  770.                                                        alt="mounting-position-icon" srcset=""> &nbsp;<span data-ts="pvgis.extranet.file_info.roof_added_new">Roof-integrated mounting system</span></label>
  771.                                            </div>
  772.                                            <div class="mounting-container">
  773.                                                <input type="radio" class="radio-pvgis file-info-radio mountingPosition"
  774.                                                    name="mounting_position" value="imposition_sec_1"
  775.                                                    id="imposition_sec_1">
  776.                                                <label class="font-bold-condensed" for="imposition_sec_1">&nbsp;<img
  777.                                                        src="/assets/images/icon/s1-3.png" class="section-icon"
  778.                                                        alt="mounting-position-icon" srcset=""> &nbsp;<span data-ts="pvgis.extranet.file_info.imposition_sec_1">Triangle mounting system on flat roof or slab on grade</span></label>
  779.                                            </div>
  780.                                            <div class="mounting-container">
  781.                                                <input type="radio" class="radio-pvgis file-info-radio mountingPosition"
  782.                                                    name="mounting_position" value="imposition_sec_2"
  783.                                                    id="imposition_sec_2">
  784.                                                <label class="font-bold-condensed" for="imposition_sec_2">&nbsp;<img
  785.                                                        src="/assets/images/icon/s2-1.png" class="section-icon"
  786.                                                        alt="mounting-position-icon" srcset=""> &nbsp;<span data-ts="pvgis.extranet.file_info.imposition_sec_2">Two roof sections overlay mounting system</span></label>
  787.                                            </div>
  788.                                            <div class="mounting-container">
  789.                                                <input type="radio" class="radio-pvgis file-info-radio mountingPosition"
  790.                                                    name="mounting_position" value="imposition_sec_2_e_o"
  791.                                                    id="imposition_sec_2_e_o">
  792.                                                <label class="font-bold-condensed" for="imposition_sec_2_e_o">&nbsp;<img
  793.                                                        src="/assets/images/icon/s2-2.png" class="section-icon"
  794.                                                        alt="mounting-position-icon" srcset=""> &nbsp;<span data-ts="pvgis.extranet.file_info.imposition_sec_2_e_o">East-West mounting system on flat roof or slab on grade</span></label>
  795.                                            </div>
  796.                                            <div class="mounting-container">
  797.                                                <input type="radio" class="radio-pvgis file-info-radio mountingPosition"
  798.                                                    name="mounting_position" value="imposition_sec_2_n_s"
  799.                                                    id="imposition_sec_2_n_s">
  800.                                                <label class="font-bold-condensed" for="imposition_sec_2_n_s">&nbsp;<img
  801.                                                        src="/assets/images/icon/s2-2.png" class="section-icon"
  802.                                                        alt="mounting-position-icon" srcset=""> &nbsp;<span data-ts="pvgis.extranet.file_info.imposition_sec_2_n_s">North-South mounting system on flat roof or slab on grade</span></label>
  803.                                            </div>
  804.                                            <div class="mounting-container">
  805.                                                <input type="radio" class="radio-pvgis file-info-radio mountingPosition"
  806.                                                    name="mounting_position" value="imposition_sec_3"
  807.                                                    id="imposition_sec_3">
  808.                                                <label class="font-bold-condensed" for="imposition_sec_3">&nbsp;<img
  809.                                                        src="/assets/images/icon/new-s3.png" class="section-icon"
  810.                                                        alt="mounting-position-icon" srcset=""> &nbsp;<span data-ts="pvgis.extranet.file_info.imposition_sec_3">Three-section roof-mounting system</span></label>
  811.                                            </div>
  812.                                            <div class="mounting-container">
  813.                                                <input type="radio" class="radio-pvgis file-info-radio mountingPosition"
  814.                                                    name="mounting_position" value="imposition_sec_4"
  815.                                                    id="imposition_sec_4">
  816.                                                <label class="font-bold-condensed" for="imposition_sec_4">&nbsp;<img
  817.                                                        src="/assets/images/icon/new-s4.png" class="section-icon"
  818.                                                        alt="mounting-position-icon" srcset=""> &nbsp;<span data-ts="pvgis.extranet.file_info.imposition_sec_4">Four-section roof-mounting system</span></label>
  819.                                            </div>
  820.                                        </div>
  821.                                    </div>
  822.                                                                        <div class="relative">
  823.                                        <p class="top-20">
  824.                                            <span
  825.                                                class="blue-2 font-18 font-700" data-ts="pvgis.peack_installed_photovoltaic_power">Peak installed photovoltaic power (kWp)</span>
  826.                                            <span class="cursor-pointer">
  827.                                                
  828.    <!-- Question Mark Icon -->
  829.    <span
  830.        class='help-icon-btn-sm '
  831.        style='cursor: pointer;padding-top: 2px;background: #ED7A2E;color: white;border-radius: 50%;font-weight: bold;font-size: 18px;text-align: center;width: 30px;display: inline-flex;height: 29px;justify-content: center;align-items: center; min-width: 30px; min-height: 29px;'
  832.        onclick='openModal("peack_installed_power_modal")'>
  833.        ?
  834.    </span>
  835.  
  836.    <!-- Modal Structure -->
  837.    <div id='peack_installed_power_modal' class='modal fade custom-help-modal' tabindex='-1' role='dialog'>
  838.        <div class='modal-dialog'>
  839.            <div class='modal-content'>
  840.                <div class='modal-body' id='peack_installed_power_modal_content'>
  841.                    <table>
  842.                        <tbody>
  843.                            <tr>
  844.                                <td class='p-0 icon-column'>
  845.                                    <span class='help-icon-btn'>
  846.                                        ?
  847.                                    </span>
  848.                                </td>
  849.                                <td class='title-cell'>
  850.                                    <h4 class='modal-title' data-ts='pvgis.peack_installed_photovoltaic_power'>pvgis.peack_installed_photovoltaic_power</h4>
  851.                                </td>
  852.                                <td class='close-col p-0'>
  853.                                    <button type='button' class='close p-0' data-dismiss='modal' aria-label='Close'>
  854.                                        <span aria-hidden='true'>&times;</span>
  855.                                    </button>
  856.                                </td>
  857.                            </tr>
  858.                            <tr>
  859.                                <td class='content-cell modal-content-text' colspan='2'>
  860.                                    <div data-ts="pvgis.default_1_label">Default “1”</div>
  861. <div data-ts="pvgis.power_manufacturer_states_label">
  862.    This is the power that the manufacturer states that
  863.    the photovoltaic array can produce under standard test
  864.    conditions, which are a constant solar irradiance of 1000 W
  865.    per square meter in the array plane, at an array temperature
  866.    of 25°C. Peak power must be entered
  867.    in peak kilowatt (kWp).
  868. </div>
  869.                                </td>
  870.                            </tr>
  871.                        </tbody>
  872.                    </table>
  873.                </div>
  874.            </div>
  875.        </div>
  876.    </div>
  877.                                                </span>
  878.                                        </p>
  879.                                        <div class="pic-power-total">
  880.                                            <p id="title-power-sec-2">
  881.                                                <span class="font-700 p-24-black-2 font-16" data-ts="pvgis.peak_power_must_be_entered_in_kilowatt_peak">Peak power must be entered in kilowatt-peak</span>
  882.                                            </p>&nbsp;
  883.                                            <div class="flex-container-peak-power-container">
  884.                                                <div class="flex-container">
  885.                                                    <div class="custom-input-number-container">
  886.                                                        <input class="p-24-number-input" name="peak-power-total" id="peak-power-total"
  887.                                                            step="0.5" min="0.01" value="1" placeholder="0">
  888.                                                        <div class="icons">
  889.                                                            <button type="button" class="increment">
  890.                                                                <img src="/assets/images/icon/arrow_up.png"
  891.                                                                    alt="arrow_up" height="11" width="11">
  892.                                                            </button>
  893.                                                            <button type="button" class="decrement">
  894.                                                                <img src="/assets/images/icon/arrow_down.png"
  895.                                                                    alt="arrow_down" height="11" width="11">
  896.                                                            </button>
  897.                                                        </div>
  898.                                                    </div>
  899.                                                    <span class="p-24-black-2 font-16">kWp</span>
  900.                                                </div>
  901.                                            </div>
  902.                                        </div>
  903.                                    </div>
  904.  
  905.                                    <div class="relative azimuth">
  906.                                        <p class="top-20">
  907.                                            <span
  908.                                                class="blue-2 font-18 font-700" data-ts="pvgis.slope_azimut">Slope & Azimut</span>
  909.                                            <span class="cursor-pointer">
  910.                                                
  911.    <!-- Question Mark Icon -->
  912.    <span
  913.        class='help-icon-btn-sm '
  914.        style='cursor: pointer;padding-top: 2px;background: #ED7A2E;color: white;border-radius: 50%;font-weight: bold;font-size: 18px;text-align: center;width: 30px;display: inline-flex;height: 29px;justify-content: center;align-items: center; min-width: 30px; min-height: 29px;'
  915.        onclick='openModal("slope_azimut_modal")'>
  916.        ?
  917.    </span>
  918.  
  919.    <!-- Modal Structure -->
  920.    <div id='slope_azimut_modal' class='modal fade custom-help-modal' tabindex='-1' role='dialog'>
  921.        <div class='modal-dialog'>
  922.            <div class='modal-content'>
  923.                <div class='modal-body' id='slope_azimut_modal_content'>
  924.                    <table>
  925.                        <tbody>
  926.                            <tr>
  927.                                <td class='p-0 icon-column'>
  928.                                    <span class='help-icon-btn'>
  929.                                        ?
  930.                                    </span>
  931.                                </td>
  932.                                <td class='title-cell'>
  933.                                    <h4 class='modal-title' data-ts='pvgis.slope_azimut'>pvgis.slope_azimut</h4>
  934.                                </td>
  935.                                <td class='close-col p-0'>
  936.                                    <button type='button' class='close p-0' data-dismiss='modal' aria-label='Close'>
  937.                                        <span aria-hidden='true'>&times;</span>
  938.                                    </button>
  939.                                </td>
  940.                            </tr>
  941.                            <tr>
  942.                                <td class='content-cell modal-content-text' colspan='2'>
  943.                                    <div>
  944.    <div data-ts="pvgis.slope_azimut_helper_1">
  945.        If you have the possibility to choose the angle and azimuth or
  946.        orientation of your mounting system for your solar installation,
  947.        whether on a flat roof or on the ground (concrete slab), you
  948.        will check the optimization both angle and azimuth.
  949.        PVGIS24 can calculate optimal values for slope and aspect
  950.        (assuming fixed angles throughout the year).
  951.    </div>
  952.    <div style="margin-top: 10px;">
  953.        •
  954.        <b data-ts="pvgis.slope_label">
  955.            Slope
  956.        </b>
  957.    </div>
  958.    <div data-ts="pvgis.slope_azimut_default_2"></div>
  959.    <div data-ts="pvgis.slope_azimut_helper_2">
  960.        15 if southern hemisphere / Optimize the slope This concerns the
  961.        angle of the photovoltaic modules in relation to the horizontal
  962.        plane, for a fixed installation (without monitoring).
  963.    </div>
  964.    <div style="margin-top: 10px;">
  965.        •
  966.        <b data-ts="pvgis.azimuth_label">
  967.            Azimuth
  968.        </b>
  969.    </div>
  970.    <div data-ts="pvgis.slope_azimut_default_1"></div>
  971.    <div data-ts="pvgis.slope_azimut_helper_3">
  972.            180 if southern hemisphere / Optimize the angle.
  973.            The azimuth, or orientation, is the angle of the photovoltaic
  974.            modules relative to the direction:
  975.    </div>
  976.    <div style="margin-top: 20px;" data-ts="pvgis.north_180">
  977.            NORTH 180°
  978.    </div>
  979.    <div data-ts="pvgis.north_whest_135">
  980.            NORTH-WEST 135°
  981.    </div>
  982.    <div data-ts="pvgis.whest_90">
  983.            WEST 90°
  984.    </div>
  985.    <div data-ts="pvgis.south_whest_45">
  986.            SOUTH-WEST 45°
  987.    </div>
  988.    <div data-ts="pvgis.south_0">
  989.        SOUTH 0°
  990.    </div>
  991.    <div data-ts="pvgis.south_east_45">
  992.        SOUTH-EAST 45°
  993.    </div>
  994.    <div data-ts="pvgis.east_90">
  995.        EAST 90°
  996.    </div>
  997.    <div data-ts="pvgis.north_east_135">
  998.        NORTH-EAST 135°
  999.    </div>
  1000. </div>
  1001.                                </td>
  1002.                            </tr>
  1003.                        </tbody>
  1004.                    </table>
  1005.                </div>
  1006.            </div>
  1007.        </div>
  1008.    </div>
  1009.                                                </span>
  1010.                                        </p>
  1011.                                        <p>
  1012.                                            <span class="p-24-black-2 font-16" data-ts="pvgis.slope_azimut_desc">PVGIS24 can calculate optimal values ​​for slope and aspect (assuming fixed angles throughout the year).</span>
  1013.                                        </p>
  1014.                                        
  1015.                                        <p class="peak-power-error-message" id="peak-power-error">
  1016.                                            <span data-ts="pvgis.extranet.error_power_value">The sum of the power of the sections must not be greater or less than the power crete</span>&nbsp;:&nbsp;<span id="peakPowerTotalPvgis24"></span>&nbsp;kWp
  1017.                                        </p>
  1018.  
  1019.                                        <div id="sec1">  
  1020.                                            <div class="first-pente-content">
  1021.                                                <p class="font-bold-condensed"><span data-ts="pvgis.section">Section</span>&nbsp; 1</p>
  1022.                                                <div class="row-section">
  1023.                                                    <div class="flex-container" style="padding:0">
  1024.                                                        <p class="p" data-ts="pvgis.power">Power</p>
  1025.                                                        <div class="custom-input-number-container">
  1026.                                                            <input class="p-24-number-input" min="0.01"
  1027.                                                                value="1" name="peak-power-1" step="0.5"
  1028.                                                                id="peak-power" placeholder="0" disabled>
  1029.                                                            <div class="icons">
  1030.                                                                <button type="button" class="increment">
  1031.                                                                    <img src="/assets/images/icon/arrow_up.png"
  1032.                                                                        alt="arrow_up" height="11" width="11">
  1033.                                                                </button>
  1034.                                                                <button type="button" class="decrement">
  1035.                                                                    <img src="/assets/images/icon/arrow_down.png"
  1036.                                                                        alt="arrow_down" height="11" width="11">
  1037.                                                                </button>
  1038.                                                            </div>
  1039.                                                        </div>
  1040.                                                        <p class="p">kWp</p>
  1041.                                                    </div>
  1042.                                                    <div class="flex-container container-slope slope-row" style="padding:0">
  1043.                                                        <div class="flex-container">
  1044.                                                            <p class="p" data-ts="pvgis.extranet.file_info.slope">Slope</p>
  1045.                                                            <div class="custom-input-number-container">
  1046.                                                                <input class="p-24-number-input" min="0" max="90"
  1047.                                                                    value="0" name="slope"
  1048.                                                                    id="slope" placeholder="0">
  1049.                                                                <div class="icons">
  1050.                                                                    <button type="button" class="increment">
  1051.                                                                        <img src="/assets/images/icon/arrow_up.png"
  1052.                                                                            alt="arrow_up" height="11" width="11">
  1053.                                                                    </button>
  1054.                                                                    <button type="button" class="decrement">
  1055.                                                                        <img src="/assets/images/icon/arrow_down.png"
  1056.                                                                            alt="arrow_down" height="11" width="11">
  1057.                                                                    </button>
  1058.                                                                </div>
  1059.                                                                °
  1060.                                                            </div>
  1061.                                                        </div>
  1062.                                                        <div class="pente-radio-content">
  1063.                                                            <input type="checkbox" class="radio-pvgis file-info-radio"
  1064.                                                            name="optimize_pente"
  1065.                                                            id="optimize-pente" value="true"><label
  1066.                                                            class="font-medium" for="optimize-pente" data-ts="pvgis.optimization">Optimization</label>
  1067.                                                        </div>
  1068.                                                    </div>
  1069.                                                    <div class="flex-container container-slope azimuth-row">
  1070.                                                        <div class="flex-container">
  1071.                                                            <p class="p">
  1072.                                                                <label for="azimuth" data-ts="pvgis.extranet.file_info.azimuth">Azimuth</label>
  1073.                                                            </p>
  1074.                                                            <p class="p">
  1075.                                                                &nbsp;<select name="azimuth" id="azimuth" >
  1076. <option value="180" >N</option>
  1077. <option value="-90" >E</option>
  1078. <option value="0" >S</option>
  1079. <option value="90" >W</option>
  1080. <hr><option value="-135" >NE</option>
  1081. <option value="-45" >SE</option>
  1082. <option value="45" >SW</option>
  1083. <option value="135" >NW</option>
  1084. <hr><option value="22.5" >NNE</option>
  1085. <option value="-112.5" >ENE</option>
  1086. <option value="-67.5" >ESE</option>
  1087. <option value="-22.5" >SSE</option>
  1088. <option value="67.5" >WSW</option>
  1089. <option value="112.5" >WNW</option>
  1090. <option value="157.5" >NNW</option>
  1091. </select>                                                            </p>
  1092.                                                        </div>    
  1093.                                                        <div class="pente-radio-content">
  1094.                                                            <input type="checkbox" class="radio-pvgis file-info-radio"
  1095.                                                            name="optimize_azimuth"
  1096.                                                            id="optimize-azimuth" value="true"><label
  1097.                                                            class="font-medium" for="optimize-azimuth" data-ts="pvgis.optimization" >Optimization</label>
  1098.                                                        </div>
  1099.                                                    </div>
  1100.                                                </div>
  1101.                                                <div class="row slopeErrorSecNsEw">
  1102.                                                    <span id="slope-error">The value must be between 0 and 90</span>
  1103.                                                </div>
  1104.                                            </div>
  1105.                                        </div>
  1106.                                                                                    <div id="sec2">
  1107.                                                                                                    <div class="first-pente-content">
  1108.                                                        <p class="font-bold-condensed" data-ts="pvgis.section">Section&nbsp; 1</p>
  1109.                                                        <div class="row-section">
  1110.                                                            <div class="flex-container" style="padding:0">
  1111.                                                                <p class="p" data-ts="pvgis.power">Power</p>
  1112.                                                                <div class="custom-input-number-container">
  1113.                                                                    <input class="p-24-number-input" min="0.01"
  1114.                                                                        value="1" name="peak-power-1" step="0.5"
  1115.                                                                        id="peak-power_sec_2_1" placeholder="0">
  1116.                                                                    <div class="icons">
  1117.                                                                        <button type="button" class="increment">
  1118.                                                                            <img src="/assets/images/icon/arrow_up.png"
  1119.                                                                                alt="arrow_up" height="11" width="11">
  1120.                                                                        </button>
  1121.                                                                        <button type="button" class="decrement">
  1122.                                                                            <img src="/assets/images/icon/arrow_down.png"
  1123.                                                                                alt="arrow_down" height="11" width="11">
  1124.                                                                        </button>
  1125.                                                                    </div>
  1126.                                                                </div>
  1127.                                                                <p class="p">kWp</p>
  1128.                                                            </div>
  1129.                                                            <div class="flex-container container-slope slope-row" style="padding:0">
  1130.                                                                <div class="flex-container">
  1131.                                                                    <p class="p" data-ts="pvgis.extranet.file_info.slope">Slope</p>
  1132.                                                                    <div class="custom-input-number-container">
  1133.                                                                        <input class="p-24-number-input" min="0" max="90"
  1134.                                                                            value="0" name="slope_sec_2_1"
  1135.                                                                            id="slope_sec_2_1" placeholder="0">
  1136.                                                                        <div class="icons">
  1137.                                                                            <button type="button" class="increment">
  1138.                                                                                <img src="/assets/images/icon/arrow_up.png"
  1139.                                                                                    alt="arrow_up" height="11" width="11">
  1140.                                                                            </button>
  1141.                                                                            <button type="button" class="decrement">
  1142.                                                                                <img src="/assets/images/icon/arrow_down.png"
  1143.                                                                                    alt="arrow_down" height="11" width="11">
  1144.                                                                            </button>
  1145.                                                                        </div>
  1146.                                                                        °
  1147.                                                                    </div>
  1148.                                                                </div>
  1149.                                                                <div class="pente-radio-content">
  1150.                                                                    <input type="checkbox" class="radio-pvgis file-info-radio"
  1151.                                                                    name="optimize_pente_sec_2_1"
  1152.                                                                    id="optimize-pente_sec_2_1" value="true"><label
  1153.                                                                    class="font-medium" for="optimize-pente_sec_2_1" data-ts="pvgis.optimization">Optimization</label>
  1154.                                                                </div>
  1155.                                                            </div>
  1156.                                                            <div class="flex-container container-slope azimuth-row">
  1157.                                                                <div class="flex-container">
  1158.                                                                    <p class="p">
  1159.                                                                        <label for="azimuth_sec_2_1" data-ts="pvgis.extranet.file_info.azimuth">Azimuth</label>
  1160.                                                                    </p>
  1161.                                                                    <p class="p">
  1162.                                                                        &nbsp;<select name="azimuth_sec_2_1" id="azimuth_sec_2_1" >
  1163. <option value="180" >N</option>
  1164. <option value="-90" >E</option>
  1165. <option value="0" >S</option>
  1166. <option value="90" >W</option>
  1167. <hr><option value="-135" >NE</option>
  1168. <option value="-45" >SE</option>
  1169. <option value="45" >SW</option>
  1170. <option value="135" >NW</option>
  1171. <hr><option value="22.5" >NNE</option>
  1172. <option value="-112.5" >ENE</option>
  1173. <option value="-67.5" >ESE</option>
  1174. <option value="-22.5" >SSE</option>
  1175. <option value="67.5" >WSW</option>
  1176. <option value="112.5" >WNW</option>
  1177. <option value="157.5" >NNW</option>
  1178. </select>                                                                    </p>
  1179.                                                                </div>    
  1180.                                                                <div class="pente-radio-content">
  1181.                                                                    <input type="checkbox" class="radio-pvgis file-info-radio"
  1182.                                                                    name="optimize_azimuth_sec_2_1"
  1183.                                                                    id="optimize-azimuth_sec_2_1" value="true"><label
  1184.                                                                    class="font-medium" for="optimize-azimuth_sec_2_1" data-ts="pvgis.optimization">Optimization</label>
  1185.                                                                </div>
  1186.                                                            </div>
  1187.                                                        </div>
  1188.                                                        <div class="row slopeErrorSecNsEw">
  1189.                                                            <span class="slope-error" id="slope-error_sec_2_1"
  1190.                                                                data-ts="pvgis.slope_validation_error">The value must be between 0 and 90</span>
  1191.                                                        </div>
  1192.                                                    </div>
  1193.                                                                                                    <div class="first-pente-content">
  1194.                                                        <p class="font-bold-condensed" data-ts="pvgis.section">Section&nbsp; 2</p>
  1195.                                                        <div class="row-section">
  1196.                                                            <div class="flex-container" style="padding:0">
  1197.                                                                <p class="p" data-ts="pvgis.power">Power</p>
  1198.                                                                <div class="custom-input-number-container">
  1199.                                                                    <input class="p-24-number-input" min="0.01"
  1200.                                                                        value="1" name="peak-power-2" step="0.5"
  1201.                                                                        id="peak-power_sec_2_2" placeholder="0">
  1202.                                                                    <div class="icons">
  1203.                                                                        <button type="button" class="increment">
  1204.                                                                            <img src="/assets/images/icon/arrow_up.png"
  1205.                                                                                alt="arrow_up" height="11" width="11">
  1206.                                                                        </button>
  1207.                                                                        <button type="button" class="decrement">
  1208.                                                                            <img src="/assets/images/icon/arrow_down.png"
  1209.                                                                                alt="arrow_down" height="11" width="11">
  1210.                                                                        </button>
  1211.                                                                    </div>
  1212.                                                                </div>
  1213.                                                                <p class="p">kWp</p>
  1214.                                                            </div>
  1215.                                                            <div class="flex-container container-slope slope-row" style="padding:0">
  1216.                                                                <div class="flex-container">
  1217.                                                                    <p class="p" data-ts="pvgis.extranet.file_info.slope">Slope</p>
  1218.                                                                    <div class="custom-input-number-container">
  1219.                                                                        <input class="p-24-number-input" min="0" max="90"
  1220.                                                                            value="0" name="slope_sec_2_2"
  1221.                                                                            id="slope_sec_2_2" placeholder="0">
  1222.                                                                        <div class="icons">
  1223.                                                                            <button type="button" class="increment">
  1224.                                                                                <img src="/assets/images/icon/arrow_up.png"
  1225.                                                                                    alt="arrow_up" height="11" width="11">
  1226.                                                                            </button>
  1227.                                                                            <button type="button" class="decrement">
  1228.                                                                                <img src="/assets/images/icon/arrow_down.png"
  1229.                                                                                    alt="arrow_down" height="11" width="11">
  1230.                                                                            </button>
  1231.                                                                        </div>
  1232.                                                                        °
  1233.                                                                    </div>
  1234.                                                                </div>
  1235.                                                                <div class="pente-radio-content">
  1236.                                                                    <input type="checkbox" class="radio-pvgis file-info-radio"
  1237.                                                                    name="optimize_pente_sec_2_2"
  1238.                                                                    id="optimize-pente_sec_2_2" value="true"><label
  1239.                                                                    class="font-medium" for="optimize-pente_sec_2_2" data-ts="pvgis.optimization">Optimization</label>
  1240.                                                                </div>
  1241.                                                            </div>
  1242.                                                            <div class="flex-container container-slope azimuth-row">
  1243.                                                                <div class="flex-container">
  1244.                                                                    <p class="p">
  1245.                                                                        <label for="azimuth_sec_2_2" data-ts="pvgis.extranet.file_info.azimuth">Azimuth</label>
  1246.                                                                    </p>
  1247.                                                                    <p class="p">
  1248.                                                                        &nbsp;<select name="azimuth_sec_2_2" id="azimuth_sec_2_2" >
  1249. <option value="180" >N</option>
  1250. <option value="-90" >E</option>
  1251. <option value="0" >S</option>
  1252. <option value="90" >W</option>
  1253. <hr><option value="-135" >NE</option>
  1254. <option value="-45" >SE</option>
  1255. <option value="45" >SW</option>
  1256. <option value="135" >NW</option>
  1257. <hr><option value="22.5" >NNE</option>
  1258. <option value="-112.5" >ENE</option>
  1259. <option value="-67.5" >ESE</option>
  1260. <option value="-22.5" >SSE</option>
  1261. <option value="67.5" >WSW</option>
  1262. <option value="112.5" >WNW</option>
  1263. <option value="157.5" >NNW</option>
  1264. </select>                                                                    </p>
  1265.                                                                </div>    
  1266.                                                                <div class="pente-radio-content">
  1267.                                                                    <input type="checkbox" class="radio-pvgis file-info-radio"
  1268.                                                                    name="optimize_azimuth_sec_2_2"
  1269.                                                                    id="optimize-azimuth_sec_2_2" value="true"><label
  1270.                                                                    class="font-medium" for="optimize-azimuth_sec_2_2" data-ts="pvgis.optimization">Optimization</label>
  1271.                                                                </div>
  1272.                                                            </div>
  1273.                                                        </div>
  1274.                                                        <div class="row slopeErrorSecNsEw">
  1275.                                                            <span class="slope-error" id="slope-error_sec_2_2"
  1276.                                                                data-ts="pvgis.slope_validation_error">The value must be between 0 and 90</span>
  1277.                                                        </div>
  1278.                                                    </div>
  1279.                                                                                            </div>
  1280.                                                                                    <div id="sec3">
  1281.                                                                                                    <div class="first-pente-content">
  1282.                                                        <p class="font-bold-condensed" data-ts="pvgis.section">Section&nbsp; 1</p>
  1283.                                                        <div class="row-section">
  1284.                                                            <div class="flex-container" style="padding:0">
  1285.                                                                <p class="p" data-ts="pvgis.power">Power</p>
  1286.                                                                <div class="custom-input-number-container">
  1287.                                                                    <input class="p-24-number-input" min="0.01"
  1288.                                                                        value="1" name="peak-power-1" step="0.5"
  1289.                                                                        id="peak-power_sec_3_1" placeholder="0">
  1290.                                                                    <div class="icons">
  1291.                                                                        <button type="button" class="increment">
  1292.                                                                            <img src="/assets/images/icon/arrow_up.png"
  1293.                                                                                alt="arrow_up" height="11" width="11">
  1294.                                                                        </button>
  1295.                                                                        <button type="button" class="decrement">
  1296.                                                                            <img src="/assets/images/icon/arrow_down.png"
  1297.                                                                                alt="arrow_down" height="11" width="11">
  1298.                                                                        </button>
  1299.                                                                    </div>
  1300.                                                                </div>
  1301.                                                                <p class="p">kWp</p>
  1302.                                                            </div>
  1303.                                                            <div class="flex-container container-slope slope-row" style="padding:0">
  1304.                                                                <div class="flex-container">
  1305.                                                                    <p class="p" data-ts="pvgis.extranet.file_info.slope">Slope</p>
  1306.                                                                    <div class="custom-input-number-container">
  1307.                                                                        <input class="p-24-number-input" min="0" max="90"
  1308.                                                                            value="0" name="slope_sec_3_1"
  1309.                                                                            id="slope_sec_3_1" placeholder="0">
  1310.                                                                        <div class="icons">
  1311.                                                                            <button type="button" class="increment">
  1312.                                                                                <img src="/assets/images/icon/arrow_up.png"
  1313.                                                                                    alt="arrow_up" height="11" width="11">
  1314.                                                                            </button>
  1315.                                                                            <button type="button" class="decrement">
  1316.                                                                                <img src="/assets/images/icon/arrow_down.png"
  1317.                                                                                    alt="arrow_down" height="11" width="11">
  1318.                                                                            </button>
  1319.                                                                        </div>
  1320.                                                                        °
  1321.                                                                    </div>
  1322.                                                                </div>
  1323.                                                                <div class="pente-radio-content">
  1324.                                                                    <input type="checkbox" class="radio-pvgis file-info-radio"
  1325.                                                                    name="optimize_pente_sec_3_1"
  1326.                                                                    id="optimize-pente_sec_3_1" value="true"><label
  1327.                                                                    class="font-medium" for="optimize-pente_sec_3_1" data-ts="pvgis.optimization">Optimization</label>
  1328.                                                                </div>
  1329.                                                            </div>
  1330.                                                            <div class="flex-container container-slope azimuth-row">
  1331.                                                                <div class="flex-container">
  1332.                                                                    <p class="p">
  1333.                                                                        <label for="azimuth_sec_3_1" data-ts="pvgis.extranet.file_info.azimuth">Azimuth</label>
  1334.                                                                    </p>
  1335.                                                                    <p class="p">
  1336.                                                                        &nbsp;<select name="azimuth_sec_3_1" id="azimuth_sec_3_1" >
  1337. <option value="180" >N</option>
  1338. <option value="-90" >E</option>
  1339. <option value="0" >S</option>
  1340. <option value="90" >W</option>
  1341. <hr><option value="-135" >NE</option>
  1342. <option value="-45" >SE</option>
  1343. <option value="45" >SW</option>
  1344. <option value="135" >NW</option>
  1345. <hr><option value="22.5" >NNE</option>
  1346. <option value="-112.5" >ENE</option>
  1347. <option value="-67.5" >ESE</option>
  1348. <option value="-22.5" >SSE</option>
  1349. <option value="67.5" >WSW</option>
  1350. <option value="112.5" >WNW</option>
  1351. <option value="157.5" >NNW</option>
  1352. </select>                                                                    </p>
  1353.                                                                </div>    
  1354.                                                                <div class="pente-radio-content">
  1355.                                                                    <input type="checkbox" class="radio-pvgis file-info-radio"
  1356.                                                                    name="optimize_azimuth_sec_3_1"
  1357.                                                                    id="optimize-azimuth_sec_3_1" value="true"><label
  1358.                                                                    class="font-medium" for="optimize-azimuth_sec_3_1" data-ts="pvgis.optimization">Optimization</label>
  1359.                                                                </div>
  1360.                                                            </div>
  1361.                                                        </div>
  1362.                                                        <div class="row slopeErrorSecNsEw">
  1363.                                                            <span class="slope-error" id="slope-error_sec_3_1"
  1364.                                                                data-ts="pvgis.slope_validation_error">The value must be between 0 and 90</span>
  1365.                                                        </div>
  1366.                                                    </div>
  1367.                                                                                                    <div class="first-pente-content">
  1368.                                                        <p class="font-bold-condensed" data-ts="pvgis.section">Section&nbsp; 2</p>
  1369.                                                        <div class="row-section">
  1370.                                                            <div class="flex-container" style="padding:0">
  1371.                                                                <p class="p" data-ts="pvgis.power">Power</p>
  1372.                                                                <div class="custom-input-number-container">
  1373.                                                                    <input class="p-24-number-input" min="0.01"
  1374.                                                                        value="1" name="peak-power-2" step="0.5"
  1375.                                                                        id="peak-power_sec_3_2" placeholder="0">
  1376.                                                                    <div class="icons">
  1377.                                                                        <button type="button" class="increment">
  1378.                                                                            <img src="/assets/images/icon/arrow_up.png"
  1379.                                                                                alt="arrow_up" height="11" width="11">
  1380.                                                                        </button>
  1381.                                                                        <button type="button" class="decrement">
  1382.                                                                            <img src="/assets/images/icon/arrow_down.png"
  1383.                                                                                alt="arrow_down" height="11" width="11">
  1384.                                                                        </button>
  1385.                                                                    </div>
  1386.                                                                </div>
  1387.                                                                <p class="p">kWp</p>
  1388.                                                            </div>
  1389.                                                            <div class="flex-container container-slope slope-row" style="padding:0">
  1390.                                                                <div class="flex-container">
  1391.                                                                    <p class="p" data-ts="pvgis.extranet.file_info.slope">Slope</p>
  1392.                                                                    <div class="custom-input-number-container">
  1393.                                                                        <input class="p-24-number-input" min="0" max="90"
  1394.                                                                            value="0" name="slope_sec_3_2"
  1395.                                                                            id="slope_sec_3_2" placeholder="0">
  1396.                                                                        <div class="icons">
  1397.                                                                            <button type="button" class="increment">
  1398.                                                                                <img src="/assets/images/icon/arrow_up.png"
  1399.                                                                                    alt="arrow_up" height="11" width="11">
  1400.                                                                            </button>
  1401.                                                                            <button type="button" class="decrement">
  1402.                                                                                <img src="/assets/images/icon/arrow_down.png"
  1403.                                                                                    alt="arrow_down" height="11" width="11">
  1404.                                                                            </button>
  1405.                                                                        </div>
  1406.                                                                        °
  1407.                                                                    </div>
  1408.                                                                </div>
  1409.                                                                <div class="pente-radio-content">
  1410.                                                                    <input type="checkbox" class="radio-pvgis file-info-radio"
  1411.                                                                    name="optimize_pente_sec_3_2"
  1412.                                                                    id="optimize-pente_sec_3_2" value="true"><label
  1413.                                                                    class="font-medium" for="optimize-pente_sec_3_2" data-ts="pvgis.optimization">Optimization</label>
  1414.                                                                </div>
  1415.                                                            </div>
  1416.                                                            <div class="flex-container container-slope azimuth-row">
  1417.                                                                <div class="flex-container">
  1418.                                                                    <p class="p">
  1419.                                                                        <label for="azimuth_sec_3_2" data-ts="pvgis.extranet.file_info.azimuth">Azimuth</label>
  1420.                                                                    </p>
  1421.                                                                    <p class="p">
  1422.                                                                        &nbsp;<select name="azimuth_sec_3_2" id="azimuth_sec_3_2" >
  1423. <option value="180" >N</option>
  1424. <option value="-90" >E</option>
  1425. <option value="0" >S</option>
  1426. <option value="90" >W</option>
  1427. <hr><option value="-135" >NE</option>
  1428. <option value="-45" >SE</option>
  1429. <option value="45" >SW</option>
  1430. <option value="135" >NW</option>
  1431. <hr><option value="22.5" >NNE</option>
  1432. <option value="-112.5" >ENE</option>
  1433. <option value="-67.5" >ESE</option>
  1434. <option value="-22.5" >SSE</option>
  1435. <option value="67.5" >WSW</option>
  1436. <option value="112.5" >WNW</option>
  1437. <option value="157.5" >NNW</option>
  1438. </select>                                                                    </p>
  1439.                                                                </div>    
  1440.                                                                <div class="pente-radio-content">
  1441.                                                                    <input type="checkbox" class="radio-pvgis file-info-radio"
  1442.                                                                    name="optimize_azimuth_sec_3_2"
  1443.                                                                    id="optimize-azimuth_sec_3_2" value="true"><label
  1444.                                                                    class="font-medium" for="optimize-azimuth_sec_3_2" data-ts="pvgis.optimization">Optimization</label>
  1445.                                                                </div>
  1446.                                                            </div>
  1447.                                                        </div>
  1448.                                                        <div class="row slopeErrorSecNsEw">
  1449.                                                            <span class="slope-error" id="slope-error_sec_3_2"
  1450.                                                                data-ts="pvgis.slope_validation_error">The value must be between 0 and 90</span>
  1451.                                                        </div>
  1452.                                                    </div>
  1453.                                                                                                    <div class="first-pente-content">
  1454.                                                        <p class="font-bold-condensed" data-ts="pvgis.section">Section&nbsp; 3</p>
  1455.                                                        <div class="row-section">
  1456.                                                            <div class="flex-container" style="padding:0">
  1457.                                                                <p class="p" data-ts="pvgis.power">Power</p>
  1458.                                                                <div class="custom-input-number-container">
  1459.                                                                    <input class="p-24-number-input" min="0.01"
  1460.                                                                        value="1" name="peak-power-3" step="0.5"
  1461.                                                                        id="peak-power_sec_3_3" placeholder="0">
  1462.                                                                    <div class="icons">
  1463.                                                                        <button type="button" class="increment">
  1464.                                                                            <img src="/assets/images/icon/arrow_up.png"
  1465.                                                                                alt="arrow_up" height="11" width="11">
  1466.                                                                        </button>
  1467.                                                                        <button type="button" class="decrement">
  1468.                                                                            <img src="/assets/images/icon/arrow_down.png"
  1469.                                                                                alt="arrow_down" height="11" width="11">
  1470.                                                                        </button>
  1471.                                                                    </div>
  1472.                                                                </div>
  1473.                                                                <p class="p">kWp</p>
  1474.                                                            </div>
  1475.                                                            <div class="flex-container container-slope slope-row" style="padding:0">
  1476.                                                                <div class="flex-container">
  1477.                                                                    <p class="p" data-ts="pvgis.extranet.file_info.slope">Slope</p>
  1478.                                                                    <div class="custom-input-number-container">
  1479.                                                                        <input class="p-24-number-input" min="0" max="90"
  1480.                                                                            value="0" name="slope_sec_3_3"
  1481.                                                                            id="slope_sec_3_3" placeholder="0">
  1482.                                                                        <div class="icons">
  1483.                                                                            <button type="button" class="increment">
  1484.                                                                                <img src="/assets/images/icon/arrow_up.png"
  1485.                                                                                    alt="arrow_up" height="11" width="11">
  1486.                                                                            </button>
  1487.                                                                            <button type="button" class="decrement">
  1488.                                                                                <img src="/assets/images/icon/arrow_down.png"
  1489.                                                                                    alt="arrow_down" height="11" width="11">
  1490.                                                                            </button>
  1491.                                                                        </div>
  1492.                                                                        °
  1493.                                                                    </div>
  1494.                                                                </div>
  1495.                                                                <div class="pente-radio-content">
  1496.                                                                    <input type="checkbox" class="radio-pvgis file-info-radio"
  1497.                                                                    name="optimize_pente_sec_3_3"
  1498.                                                                    id="optimize-pente_sec_3_3" value="true"><label
  1499.                                                                    class="font-medium" for="optimize-pente_sec_3_3" data-ts="pvgis.optimization">Optimization</label>
  1500.                                                                </div>
  1501.                                                            </div>
  1502.                                                            <div class="flex-container container-slope azimuth-row">
  1503.                                                                <div class="flex-container">
  1504.                                                                    <p class="p">
  1505.                                                                        <label for="azimuth_sec_3_3" data-ts="pvgis.extranet.file_info.azimuth">Azimuth</label>
  1506.                                                                    </p>
  1507.                                                                    <p class="p">
  1508.                                                                        &nbsp;<select name="azimuth_sec_3_3" id="azimuth_sec_3_3" >
  1509. <option value="180" >N</option>
  1510. <option value="-90" >E</option>
  1511. <option value="0" >S</option>
  1512. <option value="90" >W</option>
  1513. <hr><option value="-135" >NE</option>
  1514. <option value="-45" >SE</option>
  1515. <option value="45" >SW</option>
  1516. <option value="135" >NW</option>
  1517. <hr><option value="22.5" >NNE</option>
  1518. <option value="-112.5" >ENE</option>
  1519. <option value="-67.5" >ESE</option>
  1520. <option value="-22.5" >SSE</option>
  1521. <option value="67.5" >WSW</option>
  1522. <option value="112.5" >WNW</option>
  1523. <option value="157.5" >NNW</option>
  1524. </select>                                                                    </p>
  1525.                                                                </div>    
  1526.                                                                <div class="pente-radio-content">
  1527.                                                                    <input type="checkbox" class="radio-pvgis file-info-radio"
  1528.                                                                    name="optimize_azimuth_sec_3_3"
  1529.                                                                    id="optimize-azimuth_sec_3_3" value="true"><label
  1530.                                                                    class="font-medium" for="optimize-azimuth_sec_3_3" data-ts="pvgis.optimization">Optimization</label>
  1531.                                                                </div>
  1532.                                                            </div>
  1533.                                                        </div>
  1534.                                                        <div class="row slopeErrorSecNsEw">
  1535.                                                            <span class="slope-error" id="slope-error_sec_3_3"
  1536.                                                                data-ts="pvgis.slope_validation_error">The value must be between 0 and 90</span>
  1537.                                                        </div>
  1538.                                                    </div>
  1539.                                                                                            </div>
  1540.                                                                                    <div id="sec4">
  1541.                                                                                                    <div class="first-pente-content">
  1542.                                                        <p class="font-bold-condensed" data-ts="pvgis.section">Section&nbsp; 1</p>
  1543.                                                        <div class="row-section">
  1544.                                                            <div class="flex-container" style="padding:0">
  1545.                                                                <p class="p" data-ts="pvgis.power">Power</p>
  1546.                                                                <div class="custom-input-number-container">
  1547.                                                                    <input class="p-24-number-input" min="0.01"
  1548.                                                                        value="1" name="peak-power-1" step="0.5"
  1549.                                                                        id="peak-power_sec_4_1" placeholder="0">
  1550.                                                                    <div class="icons">
  1551.                                                                        <button type="button" class="increment">
  1552.                                                                            <img src="/assets/images/icon/arrow_up.png"
  1553.                                                                                alt="arrow_up" height="11" width="11">
  1554.                                                                        </button>
  1555.                                                                        <button type="button" class="decrement">
  1556.                                                                            <img src="/assets/images/icon/arrow_down.png"
  1557.                                                                                alt="arrow_down" height="11" width="11">
  1558.                                                                        </button>
  1559.                                                                    </div>
  1560.                                                                </div>
  1561.                                                                <p class="p">kWp</p>
  1562.                                                            </div>
  1563.                                                            <div class="flex-container container-slope slope-row" style="padding:0">
  1564.                                                                <div class="flex-container">
  1565.                                                                    <p class="p" data-ts="pvgis.extranet.file_info.slope">Slope</p>
  1566.                                                                    <div class="custom-input-number-container">
  1567.                                                                        <input class="p-24-number-input" min="0" max="90"
  1568.                                                                            value="0" name="slope_sec_4_1"
  1569.                                                                            id="slope_sec_4_1" placeholder="0">
  1570.                                                                        <div class="icons">
  1571.                                                                            <button type="button" class="increment">
  1572.                                                                                <img src="/assets/images/icon/arrow_up.png"
  1573.                                                                                    alt="arrow_up" height="11" width="11">
  1574.                                                                            </button>
  1575.                                                                            <button type="button" class="decrement">
  1576.                                                                                <img src="/assets/images/icon/arrow_down.png"
  1577.                                                                                    alt="arrow_down" height="11" width="11">
  1578.                                                                            </button>
  1579.                                                                        </div>
  1580.                                                                        °
  1581.                                                                    </div>
  1582.                                                                </div>
  1583.                                                                <div class="pente-radio-content">
  1584.                                                                    <input type="checkbox" class="radio-pvgis file-info-radio"
  1585.                                                                    name="optimize_pente_sec_4_1"
  1586.                                                                    id="optimize-pente_sec_4_1" value="true"><label
  1587.                                                                    class="font-medium" for="optimize-pente_sec_4_1" data-ts="pvgis.optimization">Optimization</label>
  1588.                                                                </div>
  1589.                                                            </div>
  1590.                                                            <div class="flex-container container-slope azimuth-row">
  1591.                                                                <div class="flex-container">
  1592.                                                                    <p class="p">
  1593.                                                                        <label for="azimuth_sec_4_1" data-ts="pvgis.extranet.file_info.azimuth">Azimuth</label>
  1594.                                                                    </p>
  1595.                                                                    <p class="p">
  1596.                                                                        &nbsp;<select name="azimuth_sec_4_1" id="azimuth_sec_4_1" >
  1597. <option value="180" >N</option>
  1598. <option value="-90" >E</option>
  1599. <option value="0" >S</option>
  1600. <option value="90" >W</option>
  1601. <hr><option value="-135" >NE</option>
  1602. <option value="-45" >SE</option>
  1603. <option value="45" >SW</option>
  1604. <option value="135" >NW</option>
  1605. <hr><option value="22.5" >NNE</option>
  1606. <option value="-112.5" >ENE</option>
  1607. <option value="-67.5" >ESE</option>
  1608. <option value="-22.5" >SSE</option>
  1609. <option value="67.5" >WSW</option>
  1610. <option value="112.5" >WNW</option>
  1611. <option value="157.5" >NNW</option>
  1612. </select>                                                                    </p>
  1613.                                                                </div>    
  1614.                                                                <div class="pente-radio-content">
  1615.                                                                    <input type="checkbox" class="radio-pvgis file-info-radio"
  1616.                                                                    name="optimize_azimuth_sec_4_1"
  1617.                                                                    id="optimize-azimuth_sec_4_1" value="true"><label
  1618.                                                                    class="font-medium" for="optimize-azimuth_sec_4_1" data-ts="pvgis.optimization">Optimization</label>
  1619.                                                                </div>
  1620.                                                            </div>
  1621.                                                        </div>
  1622.                                                        <div class="row slopeErrorSecNsEw">
  1623.                                                            <span class="slope-error" id="slope-error_sec_4_1"
  1624.                                                                data-ts="pvgis.slope_validation_error">The value must be between 0 and 90</span>
  1625.                                                        </div>
  1626.                                                    </div>
  1627.                                                                                                    <div class="first-pente-content">
  1628.                                                        <p class="font-bold-condensed" data-ts="pvgis.section">Section&nbsp; 2</p>
  1629.                                                        <div class="row-section">
  1630.                                                            <div class="flex-container" style="padding:0">
  1631.                                                                <p class="p" data-ts="pvgis.power">Power</p>
  1632.                                                                <div class="custom-input-number-container">
  1633.                                                                    <input class="p-24-number-input" min="0.01"
  1634.                                                                        value="1" name="peak-power-2" step="0.5"
  1635.                                                                        id="peak-power_sec_4_2" placeholder="0">
  1636.                                                                    <div class="icons">
  1637.                                                                        <button type="button" class="increment">
  1638.                                                                            <img src="/assets/images/icon/arrow_up.png"
  1639.                                                                                alt="arrow_up" height="11" width="11">
  1640.                                                                        </button>
  1641.                                                                        <button type="button" class="decrement">
  1642.                                                                            <img src="/assets/images/icon/arrow_down.png"
  1643.                                                                                alt="arrow_down" height="11" width="11">
  1644.                                                                        </button>
  1645.                                                                    </div>
  1646.                                                                </div>
  1647.                                                                <p class="p">kWp</p>
  1648.                                                            </div>
  1649.                                                            <div class="flex-container container-slope slope-row" style="padding:0">
  1650.                                                                <div class="flex-container">
  1651.                                                                    <p class="p" data-ts="pvgis.extranet.file_info.slope">Slope</p>
  1652.                                                                    <div class="custom-input-number-container">
  1653.                                                                        <input class="p-24-number-input" min="0" max="90"
  1654.                                                                            value="0" name="slope_sec_4_2"
  1655.                                                                            id="slope_sec_4_2" placeholder="0">
  1656.                                                                        <div class="icons">
  1657.                                                                            <button type="button" class="increment">
  1658.                                                                                <img src="/assets/images/icon/arrow_up.png"
  1659.                                                                                    alt="arrow_up" height="11" width="11">
  1660.                                                                            </button>
  1661.                                                                            <button type="button" class="decrement">
  1662.                                                                                <img src="/assets/images/icon/arrow_down.png"
  1663.                                                                                    alt="arrow_down" height="11" width="11">
  1664.                                                                            </button>
  1665.                                                                        </div>
  1666.                                                                        °
  1667.                                                                    </div>
  1668.                                                                </div>
  1669.                                                                <div class="pente-radio-content">
  1670.                                                                    <input type="checkbox" class="radio-pvgis file-info-radio"
  1671.                                                                    name="optimize_pente_sec_4_2"
  1672.                                                                    id="optimize-pente_sec_4_2" value="true"><label
  1673.                                                                    class="font-medium" for="optimize-pente_sec_4_2" data-ts="pvgis.optimization">Optimization</label>
  1674.                                                                </div>
  1675.                                                            </div>
  1676.                                                            <div class="flex-container container-slope azimuth-row">
  1677.                                                                <div class="flex-container">
  1678.                                                                    <p class="p">
  1679.                                                                        <label for="azimuth_sec_4_2" data-ts="pvgis.extranet.file_info.azimuth">Azimuth</label>
  1680.                                                                    </p>
  1681.                                                                    <p class="p">
  1682.                                                                        &nbsp;<select name="azimuth_sec_4_2" id="azimuth_sec_4_2" >
  1683. <option value="180" >N</option>
  1684. <option value="-90" >E</option>
  1685. <option value="0" >S</option>
  1686. <option value="90" >W</option>
  1687. <hr><option value="-135" >NE</option>
  1688. <option value="-45" >SE</option>
  1689. <option value="45" >SW</option>
  1690. <option value="135" >NW</option>
  1691. <hr><option value="22.5" >NNE</option>
  1692. <option value="-112.5" >ENE</option>
  1693. <option value="-67.5" >ESE</option>
  1694. <option value="-22.5" >SSE</option>
  1695. <option value="67.5" >WSW</option>
  1696. <option value="112.5" >WNW</option>
  1697. <option value="157.5" >NNW</option>
  1698. </select>                                                                    </p>
  1699.                                                                </div>    
  1700.                                                                <div class="pente-radio-content">
  1701.                                                                    <input type="checkbox" class="radio-pvgis file-info-radio"
  1702.                                                                    name="optimize_azimuth_sec_4_2"
  1703.                                                                    id="optimize-azimuth_sec_4_2" value="true"><label
  1704.                                                                    class="font-medium" for="optimize-azimuth_sec_4_2" data-ts="pvgis.optimization">Optimization</label>
  1705.                                                                </div>
  1706.                                                            </div>
  1707.                                                        </div>
  1708.                                                        <div class="row slopeErrorSecNsEw">
  1709.                                                            <span class="slope-error" id="slope-error_sec_4_2"
  1710.                                                                data-ts="pvgis.slope_validation_error">The value must be between 0 and 90</span>
  1711.                                                        </div>
  1712.                                                    </div>
  1713.                                                                                                    <div class="first-pente-content">
  1714.                                                        <p class="font-bold-condensed" data-ts="pvgis.section">Section&nbsp; 3</p>
  1715.                                                        <div class="row-section">
  1716.                                                            <div class="flex-container" style="padding:0">
  1717.                                                                <p class="p" data-ts="pvgis.power">Power</p>
  1718.                                                                <div class="custom-input-number-container">
  1719.                                                                    <input class="p-24-number-input" min="0.01"
  1720.                                                                        value="1" name="peak-power-3" step="0.5"
  1721.                                                                        id="peak-power_sec_4_3" placeholder="0">
  1722.                                                                    <div class="icons">
  1723.                                                                        <button type="button" class="increment">
  1724.                                                                            <img src="/assets/images/icon/arrow_up.png"
  1725.                                                                                alt="arrow_up" height="11" width="11">
  1726.                                                                        </button>
  1727.                                                                        <button type="button" class="decrement">
  1728.                                                                            <img src="/assets/images/icon/arrow_down.png"
  1729.                                                                                alt="arrow_down" height="11" width="11">
  1730.                                                                        </button>
  1731.                                                                    </div>
  1732.                                                                </div>
  1733.                                                                <p class="p">kWp</p>
  1734.                                                            </div>
  1735.                                                            <div class="flex-container container-slope slope-row" style="padding:0">
  1736.                                                                <div class="flex-container">
  1737.                                                                    <p class="p" data-ts="pvgis.extranet.file_info.slope">Slope</p>
  1738.                                                                    <div class="custom-input-number-container">
  1739.                                                                        <input class="p-24-number-input" min="0" max="90"
  1740.                                                                            value="0" name="slope_sec_4_3"
  1741.                                                                            id="slope_sec_4_3" placeholder="0">
  1742.                                                                        <div class="icons">
  1743.                                                                            <button type="button" class="increment">
  1744.                                                                                <img src="/assets/images/icon/arrow_up.png"
  1745.                                                                                    alt="arrow_up" height="11" width="11">
  1746.                                                                            </button>
  1747.                                                                            <button type="button" class="decrement">
  1748.                                                                                <img src="/assets/images/icon/arrow_down.png"
  1749.                                                                                    alt="arrow_down" height="11" width="11">
  1750.                                                                            </button>
  1751.                                                                        </div>
  1752.                                                                        °
  1753.                                                                    </div>
  1754.                                                                </div>
  1755.                                                                <div class="pente-radio-content">
  1756.                                                                    <input type="checkbox" class="radio-pvgis file-info-radio"
  1757.                                                                    name="optimize_pente_sec_4_3"
  1758.                                                                    id="optimize-pente_sec_4_3" value="true"><label
  1759.                                                                    class="font-medium" for="optimize-pente_sec_4_3" data-ts="pvgis.optimization">Optimization</label>
  1760.                                                                </div>
  1761.                                                            </div>
  1762.                                                            <div class="flex-container container-slope azimuth-row">
  1763.                                                                <div class="flex-container">
  1764.                                                                    <p class="p">
  1765.                                                                        <label for="azimuth_sec_4_3" data-ts="pvgis.extranet.file_info.azimuth">Azimuth</label>
  1766.                                                                    </p>
  1767.                                                                    <p class="p">
  1768.                                                                        &nbsp;<select name="azimuth_sec_4_3" id="azimuth_sec_4_3" >
  1769. <option value="180" >N</option>
  1770. <option value="-90" >E</option>
  1771. <option value="0" >S</option>
  1772. <option value="90" >W</option>
  1773. <hr><option value="-135" >NE</option>
  1774. <option value="-45" >SE</option>
  1775. <option value="45" >SW</option>
  1776. <option value="135" >NW</option>
  1777. <hr><option value="22.5" >NNE</option>
  1778. <option value="-112.5" >ENE</option>
  1779. <option value="-67.5" >ESE</option>
  1780. <option value="-22.5" >SSE</option>
  1781. <option value="67.5" >WSW</option>
  1782. <option value="112.5" >WNW</option>
  1783. <option value="157.5" >NNW</option>
  1784. </select>                                                                    </p>
  1785.                                                                </div>    
  1786.                                                                <div class="pente-radio-content">
  1787.                                                                    <input type="checkbox" class="radio-pvgis file-info-radio"
  1788.                                                                    name="optimize_azimuth_sec_4_3"
  1789.                                                                    id="optimize-azimuth_sec_4_3" value="true"><label
  1790.                                                                    class="font-medium" for="optimize-azimuth_sec_4_3" data-ts="pvgis.optimization">Optimization</label>
  1791.                                                                </div>
  1792.                                                            </div>
  1793.                                                        </div>
  1794.                                                        <div class="row slopeErrorSecNsEw">
  1795.                                                            <span class="slope-error" id="slope-error_sec_4_3"
  1796.                                                                data-ts="pvgis.slope_validation_error">The value must be between 0 and 90</span>
  1797.                                                        </div>
  1798.                                                    </div>
  1799.                                                                                                    <div class="first-pente-content">
  1800.                                                        <p class="font-bold-condensed" data-ts="pvgis.section">Section&nbsp; 4</p>
  1801.                                                        <div class="row-section">
  1802.                                                            <div class="flex-container" style="padding:0">
  1803.                                                                <p class="p" data-ts="pvgis.power">Power</p>
  1804.                                                                <div class="custom-input-number-container">
  1805.                                                                    <input class="p-24-number-input" min="0.01"
  1806.                                                                        value="1" name="peak-power-4" step="0.5"
  1807.                                                                        id="peak-power_sec_4_4" placeholder="0">
  1808.                                                                    <div class="icons">
  1809.                                                                        <button type="button" class="increment">
  1810.                                                                            <img src="/assets/images/icon/arrow_up.png"
  1811.                                                                                alt="arrow_up" height="11" width="11">
  1812.                                                                        </button>
  1813.                                                                        <button type="button" class="decrement">
  1814.                                                                            <img src="/assets/images/icon/arrow_down.png"
  1815.                                                                                alt="arrow_down" height="11" width="11">
  1816.                                                                        </button>
  1817.                                                                    </div>
  1818.                                                                </div>
  1819.                                                                <p class="p">kWp</p>
  1820.                                                            </div>
  1821.                                                            <div class="flex-container container-slope slope-row" style="padding:0">
  1822.                                                                <div class="flex-container">
  1823.                                                                    <p class="p" data-ts="pvgis.extranet.file_info.slope">Slope</p>
  1824.                                                                    <div class="custom-input-number-container">
  1825.                                                                        <input class="p-24-number-input" min="0" max="90"
  1826.                                                                            value="0" name="slope_sec_4_4"
  1827.                                                                            id="slope_sec_4_4" placeholder="0">
  1828.                                                                        <div class="icons">
  1829.                                                                            <button type="button" class="increment">
  1830.                                                                                <img src="/assets/images/icon/arrow_up.png"
  1831.                                                                                    alt="arrow_up" height="11" width="11">
  1832.                                                                            </button>
  1833.                                                                            <button type="button" class="decrement">
  1834.                                                                                <img src="/assets/images/icon/arrow_down.png"
  1835.                                                                                    alt="arrow_down" height="11" width="11">
  1836.                                                                            </button>
  1837.                                                                        </div>
  1838.                                                                        °
  1839.                                                                    </div>
  1840.                                                                </div>
  1841.                                                                <div class="pente-radio-content">
  1842.                                                                    <input type="checkbox" class="radio-pvgis file-info-radio"
  1843.                                                                    name="optimize_pente_sec_4_4"
  1844.                                                                    id="optimize-pente_sec_4_4" value="true"><label
  1845.                                                                    class="font-medium" for="optimize-pente_sec_4_4" data-ts="pvgis.optimization">Optimization</label>
  1846.                                                                </div>
  1847.                                                            </div>
  1848.                                                            <div class="flex-container container-slope azimuth-row">
  1849.                                                                <div class="flex-container">
  1850.                                                                    <p class="p">
  1851.                                                                        <label for="azimuth_sec_4_4" data-ts="pvgis.extranet.file_info.azimuth">Azimuth</label>
  1852.                                                                    </p>
  1853.                                                                    <p class="p">
  1854.                                                                        &nbsp;<select name="azimuth_sec_4_4" id="azimuth_sec_4_4" >
  1855. <option value="180" >N</option>
  1856. <option value="-90" >E</option>
  1857. <option value="0" >S</option>
  1858. <option value="90" >W</option>
  1859. <hr><option value="-135" >NE</option>
  1860. <option value="-45" >SE</option>
  1861. <option value="45" >SW</option>
  1862. <option value="135" >NW</option>
  1863. <hr><option value="22.5" >NNE</option>
  1864. <option value="-112.5" >ENE</option>
  1865. <option value="-67.5" >ESE</option>
  1866. <option value="-22.5" >SSE</option>
  1867. <option value="67.5" >WSW</option>
  1868. <option value="112.5" >WNW</option>
  1869. <option value="157.5" >NNW</option>
  1870. </select>                                                                    </p>
  1871.                                                                </div>    
  1872.                                                                <div class="pente-radio-content">
  1873.                                                                    <input type="checkbox" class="radio-pvgis file-info-radio"
  1874.                                                                    name="optimize_azimuth_sec_4_4"
  1875.                                                                    id="optimize-azimuth_sec_4_4" value="true"><label
  1876.                                                                    class="font-medium" for="optimize-azimuth_sec_4_4" data-ts="pvgis.optimization">Optimization</label>
  1877.                                                                </div>
  1878.                                                            </div>
  1879.                                                        </div>
  1880.                                                        <div class="row slopeErrorSecNsEw">
  1881.                                                            <span class="slope-error" id="slope-error_sec_4_4"
  1882.                                                                data-ts="pvgis.slope_validation_error">The value must be between 0 and 90</span>
  1883.                                                        </div>
  1884.                                                    </div>
  1885.                                                                                            </div>
  1886.                                                                                <div id="sec2eo">
  1887.                                            <div class="first-pente-content">
  1888.                                                <p class="font-bold-condensed"><span data-ts="pvgis.section">Section</span>&nbsp; 1</p>
  1889.                                                <div class="row-section">
  1890.                                                    <div class="flex-container" style="padding:0">
  1891.                                                        <p class="p" data-ts="pvgis.power">Power</p>
  1892.                                                        <div class="custom-input-number-container">
  1893.                                                            <input class="p-24-number-input" min="0.01"
  1894.                                                                value="1" name="peak-power-1" step="0.5"
  1895.                                                                id="peak-power-e" placeholder="0">
  1896.                                                            <div class="icons">
  1897.                                                                <button type="button" class="increment">
  1898.                                                                    <img src="/assets/images/icon/arrow_up.png"
  1899.                                                                        alt="arrow_up" height="11" width="11">
  1900.                                                                </button>
  1901.                                                                <button type="button" class="decrement">
  1902.                                                                    <img src="/assets/images/icon/arrow_down.png"
  1903.                                                                        alt="arrow_down" height="11" width="11">
  1904.                                                                </button>
  1905.                                                            </div>
  1906.                                                        </div>
  1907.                                                        <p class="p">kWp</p>
  1908.                                                    </div>
  1909.                                                    <div class="flex-container container-slope slope-row" style="padding:0">
  1910.                                                        <div class="flex-container">
  1911.                                                            <p class="p" data-ts="pvgis.extranet.file_info.slope">Slope</p>
  1912.                                                            <div class="custom-input-number-container">
  1913.                                                                <input class="p-24-number-input" min="0" max="90"
  1914.                                                                    value="0" name="slope_sec_2_eo_e"
  1915.                                                                    id="slope_sec_2_eo_e" placeholder="0">
  1916.                                                                <div class="icons">
  1917.                                                                    <button type="button" class="increment">
  1918.                                                                        <img src="/assets/images/icon/arrow_up.png"
  1919.                                                                            alt="arrow_up" height="11" width="11">
  1920.                                                                    </button>
  1921.                                                                    <button type="button" class="decrement">
  1922.                                                                        <img src="/assets/images/icon/arrow_down.png"
  1923.                                                                            alt="arrow_down" height="11" width="11">
  1924.                                                                    </button>
  1925.                                                                </div>
  1926.                                                                °
  1927.                                                            </div>
  1928.                                                        </div>
  1929.                                                        <div class="pente-radio-content">
  1930.                                                            <input type="checkbox" class="radio-pvgis file-info-radio"
  1931.                                                            name="optimize_pente_sec_2_eo_e"
  1932.                                                            id="optimize-pente_sec_2_eo_e" value="true"><label
  1933.                                                            class="font-medium" for="optimize-pente_sec_2_eo_e" data-ts="pvgis.optimization">Optimization</label>
  1934.                                                        </div>
  1935.                                                    </div>
  1936.                                                    <div class="flex-container container-slope azimuth-row">
  1937.                                                        <div class="flex-container">
  1938.                                                            <p class="p">
  1939.                                                                <label for="azimuth_sec_2_eo_e" data-ts="pvgis.extranet.file_info.azimuth">Azimuth</label>
  1940.                                                            </p>
  1941.                                                            <p class="p">
  1942.                                                                &nbsp;<select name="azimuth_sec_2_eo_e" id="azimuth_sec_2_eo_e" disabled>
  1943. <option value="180" >N</option>
  1944. <option value="-90" selected>E</option>
  1945. <option value="0" >S</option>
  1946. <option value="90" >W</option>
  1947. <hr><option value="-135" >NE</option>
  1948. <option value="-45" >SE</option>
  1949. <option value="45" >SW</option>
  1950. <option value="135" >NW</option>
  1951. <hr><option value="22.5" >NNE</option>
  1952. <option value="-112.5" >ENE</option>
  1953. <option value="-67.5" >ESE</option>
  1954. <option value="-22.5" >SSE</option>
  1955. <option value="67.5" >WSW</option>
  1956. <option value="112.5" >WNW</option>
  1957. <option value="157.5" >NNW</option>
  1958. </select>                                                            </p>
  1959.                                                        </div>    
  1960.                                                        <div class="pente-radio-content">
  1961.                                                            <input type="checkbox" class="radio-pvgis file-info-radio"
  1962.                                                            name="optimize_azimuth_sec_2_eo_e" disabled
  1963.                                                            id="optimize-azimuth_sec_2_eo_e" value="true"><label
  1964.                                                            class="font-medium" for="optimize-azimuth_sec_2_eo_e" data-ts="pvgis.optimization">Optimization</label>
  1965.                                                        </div>
  1966.                                                    </div>
  1967.                                                </div>
  1968.                                                <div class="row slopeErrorSecNsEw">
  1969.                                                    <span id="slope-error-2" data-ts="pvgis.slope_validation_error">The value must be between 0 and 90</span>
  1970.                                                </div>
  1971.                                            </div>
  1972.                                            <div class="first-pente-content">
  1973.                                                <p class="font-bold-condensed"><span data-ts="pvgis.section">Section</span>&nbsp; 2</p>
  1974.                                                <div class="row-section">
  1975.                                                    <div class="flex-container" style="padding:0">
  1976.                                                        <p class="p" data-ts="pvgis.power">Power</p>
  1977.                                                        <div class="custom-input-number-container">
  1978.                                                            <input class="p-24-number-input" min="0.01"
  1979.                                                                value="1" name="peak-power-2" step="0.5"
  1980.                                                                id="peak-power-w" placeholder="0">
  1981.                                                            <div class="icons">
  1982.                                                                <button type="button" class="increment">
  1983.                                                                    <img src="/assets/images/icon/arrow_up.png"
  1984.                                                                        alt="arrow_up" height="11" width="11">
  1985.                                                                </button>
  1986.                                                                <button type="button" class="decrement">
  1987.                                                                    <img src="/assets/images/icon/arrow_down.png"
  1988.                                                                        alt="arrow_down" height="11" width="11">
  1989.                                                                </button>
  1990.                                                            </div>
  1991.                                                        </div>
  1992.                                                        <p class="p">kWp</p>
  1993.                                                    </div>
  1994.                                                    <div class="flex-container container-slope slope-row" style="padding:0">
  1995.                                                        <div class="flex-container">
  1996.                                                            <p class="p" data-ts="pvgis.extranet.file_info.slope">Slope</p>
  1997.                                                            <div class="custom-input-number-container">
  1998.                                                                <input class="p-24-number-input" min="0" max="90"
  1999.                                                                    value="0" name="slope_sec_2_eo_w"
  2000.                                                                    id="slope_sec_2_eo_w" placeholder="0">
  2001.                                                                <div class="icons">
  2002.                                                                    <button type="button" class="increment">
  2003.                                                                        <img src="/assets/images/icon/arrow_up.png"
  2004.                                                                            alt="arrow_up" height="11" width="11">
  2005.                                                                    </button>
  2006.                                                                    <button type="button" class="decrement">
  2007.                                                                        <img src="/assets/images/icon/arrow_down.png"
  2008.                                                                            alt="arrow_down" height="11" width="11">
  2009.                                                                    </button>
  2010.                                                                </div>
  2011.                                                                °
  2012.                                                            </div>
  2013.                                                        </div>
  2014.                                                        <div class="pente-radio-content">
  2015.                                                            <input type="checkbox" class="radio-pvgis file-info-radio"
  2016.                                                            name="optimize_pente_sec_2_eo_w"
  2017.                                                            id="optimize-pente_sec_2_eo_w" value="true"><label
  2018.                                                            class="font-medium" for="optimize-pente_sec_2_eo_w" data-ts="pvgis.optimization">Optimization</label>
  2019.                                                        </div>
  2020.                                                    </div>
  2021.                                                    <div class="flex-container container-slope azimuth-row">
  2022.                                                        <div class="flex-container">
  2023.                                                            <p class="p">
  2024.                                                                <label for="azimuth_sec_2_eo_w" data-ts="pvgis.extranet.file_info.azimuth">Azimuth</label>
  2025.                                                            </p>
  2026.                                                            <p class="p">
  2027.                                                                &nbsp;<select name="azimuth_sec_2_eo_w" id="azimuth_sec_2_eo_w" disabled>
  2028. <option value="180" >N</option>
  2029. <option value="-90" >E</option>
  2030. <option value="0" >S</option>
  2031. <option value="90" selected>W</option>
  2032. <hr><option value="-135" >NE</option>
  2033. <option value="-45" >SE</option>
  2034. <option value="45" >SW</option>
  2035. <option value="135" >NW</option>
  2036. <hr><option value="22.5" >NNE</option>
  2037. <option value="-112.5" >ENE</option>
  2038. <option value="-67.5" >ESE</option>
  2039. <option value="-22.5" >SSE</option>
  2040. <option value="67.5" >WSW</option>
  2041. <option value="112.5" >WNW</option>
  2042. <option value="157.5" >NNW</option>
  2043. </select>                                                            </p>
  2044.                                                        </div>    
  2045.                                                        <div class="pente-radio-content">
  2046.                                                            <input type="checkbox" class="radio-pvgis file-info-radio"
  2047.                                                            name="optimize_azimuth_sec_2_eo_w" disabled
  2048.                                                            id="optimize-azimuth_sec_2_eo_w" value="true"><label
  2049.                                                            class="font-medium" for="optimize-azimuth_sec_2_eo_w" data-ts="pvgis.optimization">Optimization</label>
  2050.                                                        </div>
  2051.                                                    </div>
  2052.                                                </div>
  2053.                                                <div class="row slopeErrorSecNsEw">
  2054.                                                    <span id="slope-error-3" data-ts="pvgis.slope_validation_error">The value must be between 0 and 90</span>
  2055.                                                </div>
  2056.                                            </div>
  2057.                                        </div>
  2058.                                        <div id="sec2ns">
  2059.                                            <div class="first-pente-content">
  2060.                                                <p class="font-bold-condensed"><span data-ts="pvgis.section">Section</span>&nbsp; 1</p>
  2061.                                                <div class="row-section">
  2062.                                                    <div class="flex-container" style="padding:0">
  2063.                                                        <p class="p" data-ts="pvgis.power">Power</p>
  2064.                                                        <div class="custom-input-number-container">
  2065.                                                            <input class="p-24-number-input" min="0.01"
  2066.                                                                value="1" name="peak-power-1" step="0.5"
  2067.                                                                id="peak-power-n" placeholder="0">
  2068.                                                            <div class="icons">
  2069.                                                                <button type="button" class="increment">
  2070.                                                                    <img src="/assets/images/icon/arrow_up.png"
  2071.                                                                        alt="arrow_up" height="11" width="11">
  2072.                                                                </button>
  2073.                                                                <button type="button" class="decrement">
  2074.                                                                    <img src="/assets/images/icon/arrow_down.png"
  2075.                                                                        alt="arrow_down" height="11" width="11">
  2076.                                                                </button>
  2077.                                                            </div>
  2078.                                                        </div>
  2079.                                                        <p class="p">kWp</p>
  2080.                                                    </div>
  2081.                                                    <div class="flex-container container-slope slope-row" style="padding:0">
  2082.                                                        <div class="flex-container">
  2083.                                                            <p class="p" data-ts="pvgis.extranet.file_info.slope">Slope</p>
  2084.                                                            <div class="custom-input-number-container">
  2085.                                                                <input class="p-24-number-input" min="0" max="90"
  2086.                                                                    value="0" name="slope_sec_2_ns_n"
  2087.                                                                    id="slope_sec_2_ns_n" placeholder="0">
  2088.                                                                <div class="icons">
  2089.                                                                    <button type="button" class="increment">
  2090.                                                                        <img src="/assets/images/icon/arrow_up.png"
  2091.                                                                            alt="arrow_up" height="11" width="11">
  2092.                                                                    </button>
  2093.                                                                    <button type="button" class="decrement">
  2094.                                                                        <img src="/assets/images/icon/arrow_down.png"
  2095.                                                                            alt="arrow_down" height="11" width="11">
  2096.                                                                    </button>
  2097.                                                                </div>
  2098.                                                                °
  2099.                                                            </div>
  2100.                                                        </div>
  2101.                                                        <div class="pente-radio-content">
  2102.                                                            <input type="checkbox" class="radio-pvgis file-info-radio"
  2103.                                                            name="optimize_pente_sec_2_ns_n"
  2104.                                                            id="optimize-pente_sec_2_ns_n" value="true"><label
  2105.                                                            class="font-medium" for="optimize-pente_sec_2_ns_n" data-ts="pvgis.optimization">Optimization</label>
  2106.                                                        </div>
  2107.                                                    </div>
  2108.                                                    <div class="flex-container container-slope azimuth-row">
  2109.                                                        <div class="flex-container">
  2110.                                                            <p class="p">
  2111.                                                                <label for="azimuth_sec_2_ns_n" data-ts="pvgis.extranet.file_info.azimuth">Azimuth</label>
  2112.                                                            </p>
  2113.                                                            <p class="p">
  2114.                                                                &nbsp;<select name="azimuth_sec_2_ns_n" id="azimuth_sec_2_ns_n" disabled>
  2115. <option value="180" selected>N</option>
  2116. <option value="-90" >E</option>
  2117. <option value="0" >S</option>
  2118. <option value="90" >W</option>
  2119. <hr><option value="-135" >NE</option>
  2120. <option value="-45" >SE</option>
  2121. <option value="45" >SW</option>
  2122. <option value="135" >NW</option>
  2123. <hr><option value="22.5" >NNE</option>
  2124. <option value="-112.5" >ENE</option>
  2125. <option value="-67.5" >ESE</option>
  2126. <option value="-22.5" >SSE</option>
  2127. <option value="67.5" >WSW</option>
  2128. <option value="112.5" >WNW</option>
  2129. <option value="157.5" >NNW</option>
  2130. </select>                                                            </p>
  2131.                                                        </div>    
  2132.                                                        <div class="pente-radio-content">
  2133.                                                            <input type="checkbox" class="radio-pvgis file-info-radio"
  2134.                                                            name="optimize_azimuth_sec_2_ns_n" disabled
  2135.                                                            id="optimize-azimuth_sec_2_ns_n" value="true"><label
  2136.                                                            class="font-medium" for="optimize-azimuth_sec_2_ns_n" data-ts="pvgis.optimization">Optimization</label>
  2137.                                                        </div>
  2138.                                                    </div>
  2139.                                                </div>
  2140.                                                <div class="row slopeErrorSecNsEw">
  2141.                                                    <span id="slope-error-4" data-ts="pvgis.slope_validation_error">The value must be between 0 and 90</span>
  2142.                                                </div>
  2143.                                            </div>
  2144.                                            <div class="first-pente-content">
  2145.                                                <p class="font-bold-condensed"><span data-ts="pvgis.section">Section</span>&nbsp; 2</p>
  2146.                                                <div class="row-section">
  2147.                                                    <div class="flex-container" style="padding:0">
  2148.                                                        <p class="p" data-ts="pvgis.power">Power</p>
  2149.                                                        <div class="custom-input-number-container">
  2150.                                                            <input class="p-24-number-input" min="0.01"
  2151.                                                                value="1" name="peak-power-2" step="0.5"
  2152.                                                                id="peak-power-s" placeholder="0">
  2153.                                                            <div class="icons">
  2154.                                                                <button type="button" class="increment">
  2155.                                                                    <img src="/assets/images/icon/arrow_up.png"
  2156.                                                                        alt="arrow_up" height="11" width="11">
  2157.                                                                </button>
  2158.                                                                <button type="button" class="decrement">
  2159.                                                                    <img src="/assets/images/icon/arrow_down.png"
  2160.                                                                        alt="arrow_down" height="11" width="11">
  2161.                                                                </button>
  2162.                                                            </div>
  2163.                                                        </div>
  2164.                                                        <p class="p">kWp</p>
  2165.                                                    </div>
  2166.                                                    <div class="flex-container container-slope slope-row" style="padding:0">
  2167.                                                        <div class="flex-container">
  2168.                                                            <p class="p" data-ts="pvgis.extranet.file_info.slope">Slope</p>
  2169.                                                            <div class="custom-input-number-container">
  2170.                                                                <input class="p-24-number-input" min="0" max="90"
  2171.                                                                    value="0" name="slope_sec_2_ns_s"
  2172.                                                                    id="slope_sec_2_ns_s" placeholder="0">
  2173.                                                                <div class="icons">
  2174.                                                                    <button type="button" class="increment">
  2175.                                                                        <img src="/assets/images/icon/arrow_up.png"
  2176.                                                                            alt="arrow_up" height="11" width="11">
  2177.                                                                    </button>
  2178.                                                                    <button type="button" class="decrement">
  2179.                                                                        <img src="/assets/images/icon/arrow_down.png"
  2180.                                                                            alt="arrow_down" height="11" width="11">
  2181.                                                                    </button>
  2182.                                                                </div>
  2183.                                                                °
  2184.                                                            </div>
  2185.                                                        </div>
  2186.                                                        <div class="pente-radio-content">
  2187.                                                            <input type="checkbox" class="radio-pvgis file-info-radio"
  2188.                                                            name="optimize_pente_sec_2_ns_s"
  2189.                                                            id="optimize-pente_sec_2_ns_s" value="true"><label
  2190.                                                            class="font-medium" for="optimize-pente_sec_2_ns_s" data-ts="pvgis.optimization">Optimization</label>
  2191.                                                        </div>
  2192.                                                    </div>
  2193.                                                    <div class="flex-container container-slope azimuth-row">
  2194.                                                        <div class="flex-container">
  2195.                                                            <p class="p">
  2196.                                                                <label for="azimuth_sec_2_ns_s" data-ts="pvgis.extranet.file_info.azimuth">Azimuth</label>
  2197.                                                            </p>
  2198.                                                            <p class="p">
  2199.                                                                &nbsp;<select name="azimuth_sec_2_ns_s" id="azimuth_sec_2_ns_s" disabled>
  2200. <option value="180" >N</option>
  2201. <option value="-90" >E</option>
  2202. <option value="0" selected>S</option>
  2203. <option value="90" >W</option>
  2204. <hr><option value="-135" >NE</option>
  2205. <option value="-45" >SE</option>
  2206. <option value="45" >SW</option>
  2207. <option value="135" >NW</option>
  2208. <hr><option value="22.5" >NNE</option>
  2209. <option value="-112.5" >ENE</option>
  2210. <option value="-67.5" >ESE</option>
  2211. <option value="-22.5" >SSE</option>
  2212. <option value="67.5" >WSW</option>
  2213. <option value="112.5" >WNW</option>
  2214. <option value="157.5" >NNW</option>
  2215. </select>                                                            </p>
  2216.                                                        </div>    
  2217.                                                        <div class="pente-radio-content">
  2218.                                                            <input type="checkbox" class="radio-pvgis file-info-radio"
  2219.                                                            name="optimize_azimuth_sec_2_ns_s" disabled
  2220.                                                            id="optimize-azimuth_sec_2_ns_s" value="true"><label
  2221.                                                            class="font-medium" for="optimize-azimuth_sec_2_ns_s" data-ts="pvgis.optimization">Optimization</label>
  2222.                                                        </div>
  2223.                                                    </div>
  2224.                                                </div>
  2225.                                                <div class="row slopeErrorSecNsEw">
  2226.                                                    <span id="slope-error-5" data-ts="pvgis.slope_validation_error">The value must be between 0 and 90</span>
  2227.                                                </div>
  2228.                                            </div>
  2229.                                        </div>
  2230.                                    </div>
  2231.                                    <div class="relative pv-system-loss">
  2232.                                        <p class="top-20">
  2233.                                            <span class="blue-2 font-18 font-700" data-ts="pvgis.system_loss">System loss</span>
  2234.                                            <span
  2235.                                                class="blue-2 font-18 font-700"
  2236.                                                style="margin-left: 7px;">(%)</span>
  2237.                                            <span class="cursor-pointer">
  2238.                                                
  2239.    <!-- Question Mark Icon -->
  2240.    <span
  2241.        class='help-icon-btn-sm '
  2242.        style='cursor: pointer;padding-top: 2px;background: #ED7A2E;color: white;border-radius: 50%;font-weight: bold;font-size: 18px;text-align: center;width: 30px;display: inline-flex;height: 29px;justify-content: center;align-items: center; min-width: 30px; min-height: 29px;'
  2243.        onclick='openModal("system_loss_modal")'>
  2244.        ?
  2245.    </span>
  2246.  
  2247.    <!-- Modal Structure -->
  2248.    <div id='system_loss_modal' class='modal fade custom-help-modal' tabindex='-1' role='dialog'>
  2249.        <div class='modal-dialog'>
  2250.            <div class='modal-content'>
  2251.                <div class='modal-body' id='system_loss_modal_content'>
  2252.                    <table>
  2253.                        <tbody>
  2254.                            <tr>
  2255.                                <td class='p-0 icon-column'>
  2256.                                    <span class='help-icon-btn'>
  2257.                                        ?
  2258.                                    </span>
  2259.                                </td>
  2260.                                <td class='title-cell'>
  2261.                                    <h4 class='modal-title' data-ts='pvgis.system_loss'>pvgis.system_loss</h4>
  2262.                                </td>
  2263.                                <td class='close-col p-0'>
  2264.                                    <button type='button' class='close p-0' data-dismiss='modal' aria-label='Close'>
  2265.                                        <span aria-hidden='true'>&times;</span>
  2266.                                    </button>
  2267.                                </td>
  2268.                            </tr>
  2269.                            <tr>
  2270.                                <td class='content-cell modal-content-text' colspan='2'>
  2271.                                    <div class="p-24-black-2">
  2272.    <div data-ts="pvgis.system_loss_helper_1">Estimated system losses
  2273.        are all losses in the system that cause the energy actually
  2274.        delivered to the power grid to be less than the power
  2275.        produced by the PV modules.
  2276.    </div>
  2277.    <div style="margin-top: 10px;">
  2278.        •
  2279.        <b data-ts="pvgis.system_loss_subtitle_helper_1">
  2280.            Cable loss (%) / default 1%
  2281.        </b>
  2282.    </div>
  2283.    <div data-ts="pvgis.system_loss_helper_2">
  2284.        PVGIS24 is based on
  2285.        international standards for line loss in cables. this loss
  2286.        is estimated at 1%. You can reduce this loss to 0.5% if the
  2287.        quality of the cables is exceptional. You can increase the
  2288.        line loss of the cables to 1.5% if the distance between the
  2289.        solar panels and the inverter is greater than 30
  2290.        meters.
  2291.    </div>
  2292.    <div style="margin-top: 10px;">
  2293.        •
  2294.        <b data-ts="pvgis.system_loss_subtitle_2">
  2295.            Inverter loss (%) / par défaut 2%
  2296.        </b>
  2297.    </div>
  2298.    <div data-ts="pvgis.system_loss_helper_3">
  2299.        PVGIS24 is based on the
  2300.        average of inverter manufacturer data to estimate the
  2301.        production transformation loss. The international average
  2302.        today is 2%. You can reduce this loss to 1% if the quality
  2303.        of the inverter is exceptional. You can increase the loss to
  2304.        3% to 4% if the chosen inverter offers a transformation rate
  2305.        of 96%!
  2306.    </div>
  2307.    <div style="margin-top: 10px;">
  2308.        •
  2309.        <b data-ts="pvgis.system_loss_subtitle_3">
  2310.            PV loss (%) / default 0.5%
  2311.        </b>
  2312.    </div>
  2313.    <div data-ts="pvgis.system_loss_helper_4">
  2314.        Over the years, the modules also tend to lose some of their
  2315.        power, so the average annual production over the life of the
  2316.        system will be a few percent lower than the production in
  2317.        the first few years. The various international studies
  2318.        including those of Sarah and Jordan KURTZ estimate an
  2319.        average production loss of 0.5% per year. You can reduce
  2320.        this production loss to 0.2% if the quality of the solar
  2321.        panels is exceptional. You can increase the loss from 0.8%
  2322.        to 1% if the solar panels chosen are of average
  2323.        quality!
  2324.    </div>
  2325. </div>
  2326.  
  2327.                                </td>
  2328.                            </tr>
  2329.                        </tbody>
  2330.                    </table>
  2331.                </div>
  2332.            </div>
  2333.        </div>
  2334.    </div>
  2335.                                                </span>
  2336.                                        </p>
  2337.                                        <div class="system-loss-container">
  2338.                                            <div class="flex-container">
  2339.                                                <span class="font-600 p-24-black-2 font-16" data-ts="pvgis.cable_loss_label">Cable loss</span>
  2340.                                                <span class="font-600 left-3 font-16">(%)</span>
  2341.                                                <div class="custom-input-number-container">
  2342.                                                    <input id="cable-loss" name="cable-loss"
  2343.                                                        class="p-24-number-input no-unit-p" step="0.5" min="0" value="1"
  2344.                                                        placeholder="0">
  2345.                                                    <div class="icons">
  2346.                                                        <button type="button" class="increment">
  2347.                                                            <img src="/assets/images/icon/arrow_up.png"
  2348.                                                                alt="arrow_up" height="11" width="11">
  2349.                                                        </button>
  2350.                                                        <button type="button" class="decrement">
  2351.                                                            <img src="/assets/images/icon/arrow_down.png"
  2352.                                                                alt="arrow_down" height="11" width="11">
  2353.                                                        </button>
  2354.                                                    </div>
  2355.                                                </div>
  2356.                                            </div>
  2357.                                            <div class="flex-container">
  2358.                                                <span class="font-600 p-24-black-2 font-16" data-ts="pvgis.inverter_loss_label">Inverter loss</span>
  2359.                                                <span class="font-600 left-3 font-16">(%)</span>
  2360.                                                <div class="custom-input-number-container">
  2361.                                                    <input id="inverter-loss" name="inverter-loss"
  2362.                                                        class="p-24-number-input no-unit-p" step="0.5" min="0" value="2"
  2363.                                                        placeholder="0">
  2364.                                                    <div class="icons">
  2365.                                                        <button type="button" class="increment">
  2366.                                                            <img src="/assets/images/icon/arrow_up.png"
  2367.                                                                alt="arrow_up" height="11" width="11">
  2368.                                                        </button>
  2369.                                                        <button type="button" class="decrement">
  2370.                                                            <img src="/assets/images/icon/arrow_down.png"
  2371.                                                                alt="arrow_down" height="11" width="11">
  2372.                                                        </button>
  2373.                                                    </div>
  2374.                                                </div>
  2375.                                            </div>
  2376.                                            <div class="flex-container">
  2377.                                                <span class="font-600 p-24-black-2 font-16" data-ts="pvgis.pv_loss">PV loss</span>
  2378.                                                <span class="font-600 left-3 font-16">(%)</span>
  2379.                                                <div class="custom-input-number-container">
  2380.                                                    <input id="pv-loss" name="pv-loss"
  2381.                                                        class="p-24-number-input no-unit-p" step="0.5" min="0"
  2382.                                                        value="0.5" placeholder="0">
  2383.                                                    <div class="icons">
  2384.                                                        <button type="button" class="increment">
  2385.                                                            <img src="/assets/images/icon/arrow_up.png"
  2386.                                                                alt="arrow_up" height="11" width="11">
  2387.                                                        </button>
  2388.                                                        <button type="button" class="decrement">
  2389.                                                            <img src="/assets/images/icon/arrow_down.png"
  2390.                                                                alt="arrow_down" height="11" width="11">
  2391.                                                        </button>
  2392.                                                    </div>
  2393.                                                </div>
  2394.                                            </div>
  2395.  
  2396.                                            <span id="loss-error" data-ts="pvgis.loss_error_msg">The total loss sum should not exceed 100.</span>
  2397.                                        </div>
  2398.                                    </div>
  2399.                                    
  2400.                                    <div class="save-btn-cont">
  2401.                                        <button type="button" class="save-btn btn" onclick="openAdvancedModal()" id="showAdvancedOptionModal" data-ts="pvgis.extranet.advanced">Advanced option</button>
  2402.                                        <button class="save-btn btn uppercase visualize-result"
  2403.                                            id="visualize-result">
  2404.                                            <i style="display: none;" id="loader-visualisation" class="fas fa-spinner"></i>
  2405.                                            <span data-ts="pvgis.visualize_results">VISUALIZATION OF RESULTS</span>
  2406.                                        </button>
  2407.                                    </div>
  2408.                                </div>
  2409.  
  2410.                                <button class="visualize-floating visualize-result" id="visualize-floating">
  2411.                                    <i style="display: none;" id="loader-visualisation-floating"
  2412.                                        class="fas fa-spinner"></i>
  2413.                                    <span data-ts="pvgis.visualize_results">VISUALIZATION OF RESULTS</span>
  2414.                                </button>
  2415.                            </div>
  2416.                    </div>
  2417.                    </form>
  2418.                </div>
  2419.  
  2420.                <div id="result-container" class="p-24-result-container hidden">
  2421.                    <div class="p-24-top">
  2422.                        <div class="barre bg-blue">
  2423.                            <h2 class="primary-blue uppercase"><span data-ts="pvgis.simulator.results">Results</span> ”<span
  2424.                                    class="project_name" id="project-name">SOLAR PROJECT</span> <span
  2425.                                    class="project_name" id="simulation-name">SIMULATION 1</span>” </h2>
  2426.                        </div>
  2427.                        <div class="picto">
  2428.                            <img src="https://cdn.pvgis.com/images/loading-ps.svg"
  2429.                                data-src="https://cdn.pvgis.com/images/pvgis24/search-icon.png?v=18102024"
  2430.                                class="lazyLoad lazy lazy-load-img" alt="picto location">
  2431.                        </div>
  2432.                    </div>
  2433.                    <div class="p-24-result-content">
  2434.                        <p class="top-50">
  2435.                            <span class="font-18 p-24-black" data-ts="pvgis.result_24_desc">PVGIS.COM provides information on solar radiation and photovoltaic system performance for any location in the world except the North and South Poles.</span>
  2436.                        </p>
  2437.                        <h3 class="uppercase blue-2" data-ts="pvgis.estimate_of_solar_label">
  2438.                            PVGIS ESTIMATES OF SOLAR ELECTRICITY PRODUCTION                        </h3>
  2439.                        <div class="bottom-25">
  2440.                            <span class="font-700 p-24-black-2 font-18" data-ts="pvgis.information_provided_label">Information provided</span>
  2441.                        </div>
  2442.                        <section class="row simulator-section">
  2443.    <div class="col-xs-12 simulator-section-title">
  2444.        <h3 data-ts="pvgis.geolocation_photovoltaic_connected_network">Geolocation of
  2445.            photovoltaics connected to the network</h3>
  2446.        
  2447.    <!-- Question Mark Icon -->
  2448.    <span
  2449.        class='help-icon-btn-sm simulation_help_icon hidden'
  2450.        style='cursor: pointer;padding-top: 2px;background: #ED7A2E;color: white;border-radius: 50%;font-weight: bold;font-size: 18px;text-align: center;width: 30px;display: inline-flex;height: 29px;justify-content: center;align-items: center; min-width: 30px; min-height: 29px;'
  2451.        onclick='openModal("simulation_help_modal_geolocation")'>
  2452.        ?
  2453.    </span>
  2454.  
  2455.    <!-- Modal Structure -->
  2456.    <div id='simulation_help_modal_geolocation' class='modal fade custom-help-modal' tabindex='-1' role='dialog'>
  2457.        <div class='modal-dialog'>
  2458.            <div class='modal-content'>
  2459.                <div class='modal-body' id='simulation_help_modal_geolocation_content'>
  2460.                    <table>
  2461.                        <tbody>
  2462.                            <tr>
  2463.                                <td class='p-0 icon-column'>
  2464.                                    <span class='help-icon-btn'>
  2465.                                        ?
  2466.                                    </span>
  2467.                                </td>
  2468.                                <td class='title-cell'>
  2469.                                    <h4 class='modal-title' data-ts='coming_soon'>coming_soon</h4>
  2470.                                </td>
  2471.                                <td class='close-col p-0'>
  2472.                                    <button type='button' class='close p-0' data-dismiss='modal' aria-label='Close'>
  2473.                                        <span aria-hidden='true'>&times;</span>
  2474.                                    </button>
  2475.                                </td>
  2476.                            </tr>
  2477.                            <tr>
  2478.                                <td class='content-cell modal-content-text' colspan='2'>
  2479.                                    <div class="text-center coming-soon-container">
  2480.    <div>
  2481.        <img
  2482.            alt="coming-soon"
  2483.            width="200"
  2484.            height="200"
  2485.            src="/assets/images/icon/no-data.png"
  2486.            class="img-responsive center-block" />
  2487.        <h4 data-ts="coming_soon">Coming Soon</h4> <!-- Replace with your translation method if needed -->
  2488.    </div>
  2489. </div>
  2490.                                </td>
  2491.                            </tr>
  2492.                        </tbody>
  2493.                    </table>
  2494.                </div>
  2495.            </div>
  2496.        </div>
  2497.    </div>
  2498.        </div>
  2499.    <div class="col-xs-12">
  2500.        <div class="row">
  2501.            <div class="col-md-8">
  2502.                <div class="map-container">
  2503.                    <div id="mapResult">
  2504.                    </div>
  2505.                </div>
  2506.            </div>
  2507.            <div class="col-md-4">
  2508.                <ul class="geo-lolat-list">
  2509.                    <li class="spacing-bl"><span data-ts="pvgis.pv_installed_label">PV Installed:</span> <b><span
  2510.                                class="ifont-bold-condensed installed_PV"></span> KWp</b></li>
  2511.                    <li><span data-ts="pvgis.pdf_pvgis24.country">Pays:</span> <b><span
  2512.                                class="font-bold-condensed country"></span></b></li>
  2513.                    <li><span data-ts="pvgis.pdf_pvgis24.city">Ville:</span> <b><span
  2514.                                class="font-bold-condensed city"></span></b></li>
  2515.                    <li class="spacing-bl"><span data-ts="pvgis.pdf_pvgis24.address">Adresse:</span> <b><span
  2516.                                class="font-bold-condensed address"></span></b></li>
  2517.                    <li><span data-ts="pvgis.latitude">Latitude</span>: <span
  2518.                            class="font-bold-condensed latitude"></span></li>
  2519.                    <li><span data-ts="pvgis.longitude">Longitude</span> : <span
  2520.                            class="font-bold-condensed longitude"></span></li>
  2521.                </ul>
  2522.            </div>
  2523.        </div>
  2524.    </div>
  2525. </section>                        <section class="row simulator-section">
  2526.    <div class="col-md-12 simulator-section-title">
  2527.        <h3>
  2528.            Terrain shadows        </h3>
  2529.        
  2530.    <!-- Question Mark Icon -->
  2531.    <span
  2532.        class='help-icon-btn-sm simulation_help_icon hidden'
  2533.        style='cursor: pointer;padding-top: 2px;background: #ED7A2E;color: white;border-radius: 50%;font-weight: bold;font-size: 18px;text-align: center;width: 30px;display: inline-flex;height: 29px;justify-content: center;align-items: center; min-width: 30px; min-height: 29px;'
  2534.        onclick='openModal("simulation_help_modal_terrain_shadow")'>
  2535.        ?
  2536.    </span>
  2537.  
  2538.    <!-- Modal Structure -->
  2539.    <div id='simulation_help_modal_terrain_shadow' class='modal fade custom-help-modal' tabindex='-1' role='dialog'>
  2540.        <div class='modal-dialog'>
  2541.            <div class='modal-content'>
  2542.                <div class='modal-body' id='simulation_help_modal_terrain_shadow_content'>
  2543.                    <table>
  2544.                        <tbody>
  2545.                            <tr>
  2546.                                <td class='p-0 icon-column'>
  2547.                                    <span class='help-icon-btn'>
  2548.                                        ?
  2549.                                    </span>
  2550.                                </td>
  2551.                                <td class='title-cell'>
  2552.                                    <h4 class='modal-title' data-ts='coming_soon'>coming_soon</h4>
  2553.                                </td>
  2554.                                <td class='close-col p-0'>
  2555.                                    <button type='button' class='close p-0' data-dismiss='modal' aria-label='Close'>
  2556.                                        <span aria-hidden='true'>&times;</span>
  2557.                                    </button>
  2558.                                </td>
  2559.                            </tr>
  2560.                            <tr>
  2561.                                <td class='content-cell modal-content-text' colspan='2'>
  2562.                                    <div class="text-center coming-soon-container">
  2563.    <div>
  2564.        <img
  2565.            alt="coming-soon"
  2566.            width="200"
  2567.            height="200"
  2568.            src="/assets/images/icon/no-data.png"
  2569.            class="img-responsive center-block" />
  2570.        <h4 data-ts="coming_soon">Coming Soon</h4> <!-- Replace with your translation method if needed -->
  2571.    </div>
  2572. </div>
  2573.                                </td>
  2574.                            </tr>
  2575.                        </tbody>
  2576.                    </table>
  2577.                </div>
  2578.            </div>
  2579.        </div>
  2580.    </div>
  2581.        </div>
  2582.    <div class="col-md-12">
  2583.        <div class="col-md-7">
  2584.            <p><span data-ts="pvgis.simulator.summary.horizon">Horizon</span> : <b id="userHorizonTxt">Calculated (default PGVIS 24)</b></p>
  2585.            <div id="line-horizon"></div>
  2586.        </div>
  2587.        <div class="col-md-5" style="padding: 0;">
  2588.            <div class="geo-horizon-container">
  2589.                <div id="horizon-legends">
  2590.                    <div class="legend-item">
  2591.                        <div class="legend-heigh"></div>
  2592.                        <div class="legend-title"><span
  2593.                                data-ts="pvgis.simulator.charts.horizon_height"></span>
  2594.                        </div>
  2595.                    </div>
  2596.                    <div class="legend-item">
  2597.                        <div class="legend-june">
  2598.                            <div class="tiret"></div>
  2599.                            <div class="tiret"></div>
  2600.                            <div class="tiret"></div>
  2601.                        </div>
  2602.                        <div class="legend-title"><span
  2603.                                data-ts="pvgis.simulator.charts.sun_height_june"></span>
  2604.                        </div>
  2605.                    </div>
  2606.                    <div class="legend-item">
  2607.                        <div class="legend-dec"></div>
  2608.                        <div class="legend-title"><span
  2609.                                data-ts="pvgis.simulator.charts.sun_height_december"></span>
  2610.                        </div>
  2611.                    </div>
  2612.                </div>
  2613.                <div id="geo-horizon"></div>
  2614.            </div>
  2615.        </div>
  2616.    </div>
  2617. </section>                        <div class="top-20 c-simulator-section">
  2618.  
  2619.                            <section class="row simulator-section">
  2620.    <div class="col-md-12 simulator-section-title">
  2621.        <h3>
  2622.            Information from grid-connected photovoltaics        </h3>
  2623.        
  2624.    <!-- Question Mark Icon -->
  2625.    <span
  2626.        class='help-icon-btn-sm simulation_help_icon hidden'
  2627.        style='cursor: pointer;padding-top: 2px;background: #ED7A2E;color: white;border-radius: 50%;font-weight: bold;font-size: 18px;text-align: center;width: 30px;display: inline-flex;height: 29px;justify-content: center;align-items: center; min-width: 30px; min-height: 29px;'
  2628.        onclick='openModal("simulation_help_modal_information_photovoltaics")'>
  2629.        ?
  2630.    </span>
  2631.  
  2632.    <!-- Modal Structure -->
  2633.    <div id='simulation_help_modal_information_photovoltaics' class='modal fade custom-help-modal' tabindex='-1' role='dialog'>
  2634.        <div class='modal-dialog'>
  2635.            <div class='modal-content'>
  2636.                <div class='modal-body' id='simulation_help_modal_information_photovoltaics_content'>
  2637.                    <table>
  2638.                        <tbody>
  2639.                            <tr>
  2640.                                <td class='p-0 icon-column'>
  2641.                                    <span class='help-icon-btn'>
  2642.                                        ?
  2643.                                    </span>
  2644.                                </td>
  2645.                                <td class='title-cell'>
  2646.                                    <h4 class='modal-title' data-ts='coming_soon'>coming_soon</h4>
  2647.                                </td>
  2648.                                <td class='close-col p-0'>
  2649.                                    <button type='button' class='close p-0' data-dismiss='modal' aria-label='Close'>
  2650.                                        <span aria-hidden='true'>&times;</span>
  2651.                                    </button>
  2652.                                </td>
  2653.                            </tr>
  2654.                            <tr>
  2655.                                <td class='content-cell modal-content-text' colspan='2'>
  2656.                                    <div class="text-center coming-soon-container">
  2657.    <div>
  2658.        <img
  2659.            alt="coming-soon"
  2660.            width="200"
  2661.            height="200"
  2662.            src="/assets/images/icon/no-data.png"
  2663.            class="img-responsive center-block" />
  2664.        <h4 data-ts="coming_soon">Coming Soon</h4> <!-- Replace with your translation method if needed -->
  2665.    </div>
  2666. </div>
  2667.                                </td>
  2668.                            </tr>
  2669.                        </tbody>
  2670.                    </table>
  2671.                </div>
  2672.            </div>
  2673.        </div>
  2674.    </div>
  2675.        </div>
  2676.    <div class="col-md-12 info-pv">
  2677.        <div class="col-md-7" style="padding: 0;">
  2678.            <ul class="info-pv-desc">
  2679.                <li>Database used : <span class="database font-bold-condensed">PVGIS- SARAH3</span></li>
  2680.                <li>Photovoltaic technology: <span class="photovoltaic_technology font-bold-condensed">Crystalline silicon</span></li>
  2681.                <li>Mounting system : <span class="font-bold-condensed"><span class="mounting-type"></span> <span class="section-number"></span> <span class="sectionss"></span></span></li>
  2682.            </ul>
  2683.  
  2684.            <table class="table table-striped" id="pvTable">
  2685.                <thead>
  2686.                    <tr>
  2687.                        <th class="uppercase" data-ts="pvgis.sections"></th>
  2688.                        <th><span data-ts="pvgis.simulation.pdf.installed.pv"></span> (KWp)</th>
  2689.                        <th data-ts="pvgis.extranet.file_info.slope"></th>
  2690.                        <th data-ts="pvgis.extranet.file_info.azimuth"></th>
  2691.                    </tr>
  2692.                </thead>
  2693.                <tbody>
  2694.                </tbody>
  2695.            </table>
  2696.        </div>
  2697.        <div class="col-md-5">
  2698.            <ul class="info-pv-data">
  2699.                <li><span>Interannual variability (%) :</span> <span class="font-bold-condensed"><span class="variabilityPercentage"></span></li>
  2700.                <li class="spacing-tl">
  2701.                    <h4 class="heading">Loss</h4>
  2702.                </li>
  2703.                <li><span class="paraf">Change in production due to :</span>
  2704.                    <ul>
  2705.                        <li>Angle of incidence (%) : <span class="font-bold-condensed"><span class="incidence_angle"></span></span> </li>
  2706.                        <li>Spectral effects (%) : <span class="font-bold-condensed"><span class="spectral_effect"></span></span> </li>
  2707.                        <li>Low temperature and irradiance (%) : <span class="font-bold-condensed"><span class="low_temp"></span></span> </li>
  2708.                    </ul>
  2709.                </li>
  2710.                <li class="spacing-bl">Total losses (%) : <span class="font-bold-condensed"><span class="total_loss"></span></span> </li>
  2711.                <li>Production moyenne par jour (kWh): <span class="font-bold-condensed"><span class="production-moyenne-j"></span></span> </li>
  2712.                <li>Average hour of production day : <span class="font-bold-condensed"><span class="heur-moyenne-production-j"></span></span> </li>
  2713.            </ul>
  2714.        </div>
  2715.    </div>
  2716. </section>                            
  2717.                        </div>
  2718.                        <div class="monthly_energy_production_result top-20 c-simulator-section">
  2719.                            <p><span class="blue-2 font-18 font-700" data-ts="pvgis.mounthly_energy_production_label">Monthly energy production from the photovoltaic system</span></p>
  2720.                            <div class="row">
  2721.                                <div class="col-xs-10 w-full-xs">
  2722.                                    <div class="section-title-block bg-blue annual_pv font-bold-22">
  2723.                                        <span data-ts="pvgis.annual_photovoltaic_e_p">Annual photovoltaic energy production :</span>
  2724.                                        <span>&nbsp;<span id="annual-pv"></span> kWh</span>
  2725.                                    </div>
  2726.                                    <p class="p-24-black-2 font-16 top-15">
  2727.                                        <span data-ts="pvgis.variability_from_year_to_year_label">Variability from year to year :</span>
  2728.                                        <span class="font-bold-condensed"><span id="variabilityPercentage"></span>%</span> (<span id="variability"></span> kWh)
  2729.                                    </p>
  2730.                                </div>
  2731.                                <div class="col-xs-3">
  2732.                                </div>
  2733.                            </div>
  2734.                            <div class="row">
  2735.                                <div class="col-xs-8">
  2736.                                    <div id="pv-output-graph-bar" class="pv-output-graph-bar"></div>
  2737.                                </div>
  2738.                                <div class="col-xs-4">
  2739.                                    <table id="monthly-e-datatable" class="pv-prod-table">
  2740.                                        <thead>
  2741.                                            <tr>
  2742.                                                <th data-ts="pvgis.month">Month</th>
  2743.                                                <th class="custom-th">kWh</th>
  2744.                                                <th class="custom-th">%</th>
  2745.                                            </tr>
  2746.                                        </thead>
  2747.                                        <tbody id="month-tab-body-pv">
  2748.                                        </tbody>
  2749.                                    </table>
  2750.                                </div>
  2751.                            </div>
  2752.  
  2753.                        </div>
  2754.                        <div class="monthly_energy_production_result top-20 c-simulator-section">
  2755.                            <p><span class="blue-2 font-18 font-700" data-ts="pvgis.monthly_sunshine_hours">Monthly photovoltaic energy production hours</span></p>
  2756.                            <div class="row">
  2757.                                <div class="col-xs-10 w-full-xs">
  2758.                                    <div class="section-title-block bg-yellow annualHours annual_pv font-bold-22">
  2759.                                        <span data-ts="pvgis.yearly_sunshine_hours">Annual photovoltaic energy production hours :</span>
  2760.                                        <span>&nbsp;<span id="yearlySunshineHours"></span> <span class="text-lowercase" data-ts="pvgis.account_menu.hours">Hours</span> <span class="average-hours-per-day"><span id="averageSunshineHoursPerDay"></span></span></span>
  2761.                                    </div>
  2762.                                    </br>
  2763.                                </div>
  2764.                                <div class="col-xs-3">
  2765.                                </div>
  2766.                            </div>
  2767.                            <div class="row">
  2768.                                <div class="col-xs-8">
  2769.                                    <div id="sunshine-hours-graph-bar" style="height: 380px;" class="ir-output-graph-bar"></div>
  2770.                                </div>
  2771.                                <div class="col-xs-4">
  2772.                                    <table id="monthly-e-datatable-sunshine-hours" class="pv-prod-table">
  2773.                                        <thead>
  2774.                                            <tr>
  2775.                                                <th class="" data-ts="pvgis.months">Months</th>
  2776.                                                <th class="text-center" data-ts="pvgis.hours_per_month">Hours/Month</th>
  2777.                                                <th class="text-center" data-ts="pvgis.hours_per_days">/Day</th>
  2778.                                            </tr>
  2779.                                        </thead>
  2780.                                        <tbody id="sunshine-hours-table-body">
  2781.                                        </tbody>
  2782.                                    </table>
  2783.                                </div>
  2784.                            </div>
  2785.                        </div>
  2786.                        <div class="monthly_energy_production_result top-20 c-simulator-section">
  2787.                            <p><span class="blue-2 font-18 font-700" data-ts="pvgis.monthly_irradiation">Monthly irradiation on fixed plane</span></p>
  2788.                            <div class="row">
  2789.                                <div class="col-xs-10 w-full-xs">
  2790.                                    <div class="section-title-block bg-orange annual_pv font-bold-22">
  2791.                                        <span data-ts="pvgis.annual_irradiation_p">Annual irradiation:</span>
  2792.                                        <span>&nbsp;<span id="annual-ir"></span> kWh/m<sup>2</sup> </span>
  2793.                                    </div>
  2794.                                    </br>
  2795.                                </div>
  2796.                                <div class="col-xs-3">
  2797.                                </div>
  2798.                            </div>
  2799.                            <div class="row">
  2800.                                <div class="col-xs-8">
  2801.                                    <div id="ir-output-graph-bar" class="ir-output-graph-bar"></div>
  2802.                                </div>
  2803.                                <div class="col-xs-4">
  2804.                                    <table id="monthly-e-datatable-ir" class="pv-prod-table">
  2805.                                        <thead>
  2806.                                            <tr>
  2807.                                                <th data-ts="pvgis.month">Month</th>
  2808.                                                <th class="custom-th">kWh/m<sup>2</sup></th>
  2809.                                                <th class="custom-th">%</th>
  2810.                                            </tr>
  2811.                                        </thead>
  2812.                                        <tbody id="month-tab-body-ir">
  2813.                                        </tbody>
  2814.                                    </table>
  2815.                                </div>
  2816.                            </div>
  2817.                        </div>
  2818.                    </div>
  2819.                    <div class="pdf-btn-container">
  2820.                                                <button style="width:250px" type="button" class="bg-blue uppercase" id="downloadPdf" onclick="downloadPvgis24Pdf()"><i class="fas fa-spinner"></i> <span data-ts="pvgis.pdf">VIEW PDF</span></button>
  2821.                    </div>
  2822.                </div>
  2823.  
  2824.                <div class="modal-backdrop" id="modal-backdrop-pdf">
  2825.    <div id='pdf-modal' class="modal modal-box-shadow">
  2826.        <div id="loading"></div>
  2827.        <div class="pdf-editor">
  2828.            <div id="editor-1">
  2829.                <div style="width: 100%;">
  2830.                    <div class="modal-info">
  2831.                        <div class="modal-title">
  2832.                            <div class="left-title">
  2833.                                <h4 id="title">PDF EDITOR COMPONENT</h4>
  2834.                                <!-- Titre visible par défaut -->
  2835.                                <input type="text" id="name" name="name" required minlength="4" size="50"
  2836.                                    value="PDF EDITOR COMPONENT" style="display: none; width: 100%; padding: 5px;" />
  2837.                                <!-- Input caché par défaut, largeur automatique et padding ajouté -->
  2838.                                <span id="edit-icon" class="zoom-button" title="Modifier">
  2839.                                    <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24"
  2840.                                        fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
  2841.                                        stroke-linejoin="round" class="lucide lucide-pencil">
  2842.                                        <path
  2843.                                            d="M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z" />
  2844.                                        <path d="m15 5 4 4" />
  2845.                                    </svg>
  2846.                                </span>
  2847.                                <span style="display: none;" id="close-icon" class="zoom-button" title="Sauvegarder">
  2848.                                    <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24"
  2849.                                        fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
  2850.                                        stroke-linejoin="round" class="lucide lucide-save">
  2851.                                        <path
  2852.                                            d="M15.2 3a2 2 0 0 1 1.4.6l3.8 3.8a2 2 0 0 1 .6 1.4V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z" />
  2853.                                        <path d="M17 21v-7a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1v7" />
  2854.                                        <path d="M7 3v4a1 1 0 0 0 1 1h7" />
  2855.                                    </svg>
  2856.                                </span>
  2857.                            </div>
  2858.                            <div class="zoom-container">
  2859.                                <h4 data-ts="pvgis.organis_download" class="organise">Organiser et telecharger</h4>
  2860.                                <div id="edit-mode" title="Organise" class="edit-mode"><i class="bi bi-stack"></i></div>
  2861.                                <div class="zoom-left">
  2862.                                    <span id="zoom-in" class="zoom-button" title="Zoom +">
  2863.                                        <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18"
  2864.                                            viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
  2865.                                            stroke-linecap="round" stroke-linejoin="round"
  2866.                                            class="lucide lucide-zoom-in">
  2867.                                            <circle cx="11" cy="11" r="8" />
  2868.                                            <line x1="21" x2="16.65" y1="21" y2="16.65" />
  2869.                                            <line x1="11" x2="11" y1="8" y2="14" />
  2870.                                            <line x1="8" x2="14" y1="11" y2="11" />
  2871.                                        </svg>
  2872.                                    </span>
  2873.                                    <span id="zoom-out" class="zoom-button" title="Zoom -">
  2874.                                        <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18"
  2875.                                            viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
  2876.                                            stroke-linecap="round" stroke-linejoin="round"
  2877.                                            class="lucide lucide-zoom-out">
  2878.                                            <circle cx="11" cy="11" r="8" />
  2879.                                            <line x1="21" x2="16.65" y1="21" y2="16.65" />
  2880.                                            <line x1="8" x2="14" y1="11" y2="11" />
  2881.                                        </svg>
  2882.                                    </span>
  2883.                                    <span id="zoom-reset" class="zoom-button" title="Réinitialiser">
  2884.                                        <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18"
  2885.                                            viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
  2886.                                            stroke-linecap="round" stroke-linejoin="round"
  2887.                                            class="lucide lucide-rotate-ccw">
  2888.                                            <path d="M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8" />
  2889.                                            <path d="M3 3v5h5" />
  2890.                                        </svg>
  2891.                                    </span>
  2892.                                    <span id="download" class="zoom-button" title="Download">
  2893.                                        <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18"
  2894.                                            viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
  2895.                                            stroke-linecap="round" stroke-linejoin="round"
  2896.                                            class="lucide lucide-download">
  2897.                                            <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
  2898.                                            <polyline points="7 10 12 15 17 10" />
  2899.                                            <line x1="12" x2="12" y1="15" y2="3" />
  2900.                                        </svg>
  2901.                                    </span>
  2902.                                </div>
  2903.  
  2904.                                <span onclick="closePdfEditorModal('editor-1')" title="Fermer" class="zoom-button">
  2905.                                    <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24"
  2906.                                        fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
  2907.                                        stroke-linejoin="round" class="lucide lucide-x">
  2908.                                        <path d="M18 6 6 18" />
  2909.                                        <path d="m6 6 12 12" />
  2910.                                    </svg></span>
  2911.                            </div>
  2912.                        </div>
  2913.                        <div class="preview-container">
  2914.                            <div class="thumbnail-wrapper">
  2915.                                <div class="thumbnail-container">
  2916.                                </div>
  2917.                            </div>
  2918.  
  2919.                            <div class="page-container">
  2920.                            </div>
  2921.  
  2922.                        </div>
  2923.                    </div>
  2924.                </div>
  2925.            </div>
  2926.        </div>
  2927.    </div>
  2928. </div>
  2929.  
  2930. <div class="loading-modal" id="pdf-loading-modal">
  2931.    <div>
  2932.        <div class="loader"></div>
  2933.        <div class="message-container">
  2934.            <div class="message"></div>
  2935.            <span class="loading-dots" style="display: none;">
  2936.                <span>.</span>
  2937.                <span>.</span>
  2938.                <span>.</span>
  2939.            </span>
  2940.        </div>
  2941.    </div>
  2942. </div>
  2943.                <div id="advanced-opt-modal" class="modal-extranet advanced-modal">
  2944.    <div class="advanced-modal-container">
  2945.        <h3 class="adv-title" data-ts="pvgis.extranet.advanced"></h3>
  2946.        <span onclick="closeAdvancedModal()" class="close-button">&times;</span>
  2947.        <h5 class="font-bold-condensed">
  2948.            <span data-ts="pvgis.simulator.use_terrain_shadows"></span>
  2949.            <span class="cursor-pointer">
  2950.                
  2951.    <!-- Question Mark Icon -->
  2952.    <span
  2953.        class='help-icon-btn-sm '
  2954.        style='cursor: pointer;padding-top: 2px;background: #ED7A2E;color: white;border-radius: 50%;font-weight: bold;font-size: 18px;text-align: center;width: 30px;display: inline-flex;height: 29px;justify-content: center;align-items: center; min-width: 30px; min-height: 29px;'
  2955.        onclick='openModal("terrain_shadows_modal")'>
  2956.        ?
  2957.    </span>
  2958.  
  2959.    <!-- Modal Structure -->
  2960.    <div id='terrain_shadows_modal' class='modal fade custom-help-modal' tabindex='-1' role='dialog'>
  2961.        <div class='modal-dialog'>
  2962.            <div class='modal-content'>
  2963.                <div class='modal-body' id='terrain_shadows_modal_content'>
  2964.                    <table>
  2965.                        <tbody>
  2966.                            <tr>
  2967.                                <td class='p-0 icon-column'>
  2968.                                    <span class='help-icon-btn'>
  2969.                                        ?
  2970.                                    </span>
  2971.                                </td>
  2972.                                <td class='title-cell'>
  2973.                                    <h4 class='modal-title' data-ts='pvgis.simulator.use_terrain_shadows'>pvgis.simulator.use_terrain_shadows</h4>
  2974.                                </td>
  2975.                                <td class='close-col p-0'>
  2976.                                    <button type='button' class='close p-0' data-dismiss='modal' aria-label='Close'>
  2977.                                        <span aria-hidden='true'>&times;</span>
  2978.                                    </button>
  2979.                                </td>
  2980.                            </tr>
  2981.                            <tr>
  2982.                                <td class='content-cell modal-content-text' colspan='2'>
  2983.                                    <div>
  2984.    <div data-ts="pvgis.simulator.step_four_consigne">
  2985.        <p>
  2986.            The solar radiation and photovoltaic production will change if there are local hills or mountains that block sunlight during certain periods of the day. PVGIS can calculate the effect of this by using data on ground elevation with a resolution of 3 arc-seconds (approximately 90 meters).
  2987.        </p>
  2988.        <p>
  2989.            This calculation does not take into account shadows from very close objects such as houses or trees. In this case, you can upload your own information about the horizon by checking the "Download horizon file" box in CSV or JSON format.
  2990.        </p>
  2991.    </div>
  2992. </div>
  2993.                                </td>
  2994.                            </tr>
  2995.                        </tbody>
  2996.                    </table>
  2997.                </div>
  2998.            </div>
  2999.        </div>
  3000.    </div>
  3001.                </span>
  3002.        </h5>
  3003.        <div class="horizon-container">
  3004.            <div class="radio-cont">
  3005.                <div class="radio-r">
  3006.                    <input id="horizon_calculated" class="radio-pvgis" checked name="horizon_profile_type"
  3007.                        value="horizon_calculated" type="radio">
  3008.                    <label
  3009.                        for="horizon_calculated">Calculated horizon</label>
  3010.                </div>
  3011.                <div class="downloadHorizon-btn">
  3012.                    <button type="button" class="btn" onclick="downloadHorizon('csv', false)"><i
  3013.                            class="fas fa-download"></i>&nbsp;&nbsp;CSV</button>
  3014.                    <button type="button" class="btn" onclick="downloadHorizon('json', false)"><i
  3015.                            class="fas fa-download"></i>&nbsp;&nbsp;JSON</button>
  3016.                </div>
  3017.            </div>
  3018.            <div class="radio-cont">
  3019.                <div class="radio-r">
  3020.                    <input id="horizon_uploaded" class="radio-pvgis" name="horizon_profile_type"
  3021.                        value="horizon_uploaded" type="radio">
  3022.                    <label
  3023.                        for="horizon_uploaded">Upload horizon file</label>
  3024.                </div>
  3025.                <div class="horizon-input-cont">
  3026.                    <input type="file" disabled name="horizon_file" id="horizon_file" accept=".txt, .csv, .json"
  3027.                        onchange="readFileAndSetHiddenValue('horizon_file', 'horizon_data', userhorizonFormatter)">
  3028.                    <label for="horizon_file" class="custom-file-upload"><i class="fas fa-upload"></i>&nbsp;&nbsp;Choose
  3029.                        File</label>
  3030.                    <span id="file-name">No files selected</span>
  3031.                    <input type="hidden" name="horizon_data" id="horizon_data">
  3032.                    <input type="hidden" name="horizon_filename" id="horizon_filename">
  3033.                    <span class="error-message"></span>
  3034.                </div>
  3035.            </div>
  3036.        </div>
  3037.  
  3038.        <h5 class="font-bold-condensed" >
  3039.            <span data-ts="pvgis.simulator.custom_db"></span>
  3040.            <span class="cursor-pointer">
  3041.                
  3042.    <!-- Question Mark Icon -->
  3043.    <span
  3044.        class='help-icon-btn-sm '
  3045.        style='cursor: pointer;padding-top: 2px;background: #ED7A2E;color: white;border-radius: 50%;font-weight: bold;font-size: 18px;text-align: center;width: 30px;display: inline-flex;height: 29px;justify-content: center;align-items: center; min-width: 30px; min-height: 29px;'
  3046.        onclick='openModal("pvgis_custom_db_modal")'>
  3047.        ?
  3048.    </span>
  3049.  
  3050.    <!-- Modal Structure -->
  3051.    <div id='pvgis_custom_db_modal' class='modal fade custom-help-modal' tabindex='-1' role='dialog'>
  3052.        <div class='modal-dialog'>
  3053.            <div class='modal-content'>
  3054.                <div class='modal-body' id='pvgis_custom_db_modal_content'>
  3055.                    <table>
  3056.                        <tbody>
  3057.                            <tr>
  3058.                                <td class='p-0 icon-column'>
  3059.                                    <span class='help-icon-btn'>
  3060.                                        ?
  3061.                                    </span>
  3062.                                </td>
  3063.                                <td class='title-cell'>
  3064.                                    <h4 class='modal-title' data-ts='pvgis.simulator.custom_db'>pvgis.simulator.custom_db</h4>
  3065.                                </td>
  3066.                                <td class='close-col p-0'>
  3067.                                    <button type='button' class='close p-0' data-dismiss='modal' aria-label='Close'>
  3068.                                        <span aria-hidden='true'>&times;</span>
  3069.                                    </button>
  3070.                                </td>
  3071.                            </tr>
  3072.                            <tr>
  3073.                                <td class='content-cell modal-content-text' colspan='2'>
  3074.                                    <div>
  3075.    <div data-ts="pvgis.database24_helper_1">
  3076.    - <strong>PVGIS-SARAH3</strong> : Données disponibles de 2005 à 2023. Couvre l’Europe, l’Afrique, la majeure partie de l’Asie et certaines régions d’Amérique du Sud. Basé sur les observations satellitaires, il offre une précision élevée pour l’irradiance solaire. <br>
  3077.    - <strong>PVGIS-SARAH2</strong> : Produit par CM SAF pour remplacer SARAH-1 (PVGIS-SARAH). Il couvre l’Europe, l’Afrique, la majeure partie de l’Asie et certaines régions d’Amérique du Sud. Période : 2005-2020. <br>
  3078.    - <strong>PVGIS-ERA5</strong> : Dernière réanalyse mondiale fournie par l’ECMWF (Centre Européen pour les Prévisions Météorologiques à Moyen Terme). Période : 2005-2023.<br>
  3079.    La réanalyse des données sur le rayonnement solaire présente généralement une incertitude plus élevée que les bases de données satellitaires. Par conséquent, nous recommandons d’utiliser les données de réanalyse uniquement lorsque les données satellitaires sont manquantes ou obsolètes. Pour plus d'informations sur les bases de données et leur exactitude, veuillez vous référer au PVGIS page Web sur les méthodes de calcul.
  3080.    </div>
  3081. </div>
  3082.                                </td>
  3083.                            </tr>
  3084.                        </tbody>
  3085.                    </table>
  3086.                </div>
  3087.            </div>
  3088.        </div>
  3089.    </div>
  3090.                </span>
  3091.        </h5>
  3092.        <div class="db-container">
  3093.            <div>
  3094.                <div class="pvgis-custom-select">
  3095.                    <input type="hidden" name="db_name" id="db_name" value="">
  3096.                    <input type="hidden" name="db_version" id="db_version" value="">
  3097.                    <div class="pvgis-select-label">
  3098.                        <span class="pvgis-caret">&#9662;</span>
  3099.                    </div>
  3100.                    <ul class="pvgis-select-options" id="pvgis-dropdown">
  3101.                    </ul>
  3102.                </div>
  3103.            </div>
  3104.            <div class="btn-container">
  3105.                <button type="button" data-ts="pvgis.extranet.file_info.save" id="saveAdvancedOption" class="btn save-btn"
  3106.                    onclick="closeAdvancedModal(true)"></button>
  3107.            </div>
  3108.        </div>
  3109.    </div>
  3110. </div>                <div id="modal" class="modal-extranet confirm-mail-modal">
  3111.                    <div class="container file-registration-container">
  3112.                        <div class="box">
  3113.                            <h3 class="text-black" data-ts="pvgis.file_registration">Project registration</h3>
  3114.                            <p data-ts="pvgis.message.save_project">Would you like to save the project?</p>
  3115.                            
  3116.                            <div class="action-container" id="action-container">
  3117.                                <span id="cancel" class="cancel" data-ts="pvgis.cancel">Cancel</span>
  3118.                                <button class="location-submit bg-blue uppercase" id="save-file">
  3119.                                    <i style="display: none;" id="save-project" class="fas fa-spinner"></i>
  3120.                                    <span data-ts="pvgis.save">Save</span>
  3121.                                </button>
  3122.                            </div>
  3123.                        </div>
  3124.                    </div>
  3125.                </div>
  3126.  
  3127.            </div>
  3128.        </div>
  3129.    </div>
  3130.        
  3131.  
  3132.            <script src="https://pvgis.com/assets/min-js/loader.js?v=180420251150"></script>
  3133.        <script type="module" src="https://pvgis.com/assets/min-js/cookieconsent.umd.js?v=180420251150"></script>
  3134.        <script type="module" src="https://pvgis.com/assets/min-js/cookieconsent-config.js?v=180420251150"></script>
  3135.        <script src="https://pvgis.com/assets/min-js/settings.utils.js?v=180420251150"></script>
  3136.        <script>
  3137.            window.customerSavedLanguage = window.customerSavedLanguage || "en";
  3138.            window.cmsKey = "homepage-pvgis24";
  3139.        </script>
  3140.  
  3141.        <script src="https://pvgis.com/assets/min-js/links.js?v=180420251150" defer></script>
  3142.        <script src="https://cdn.pvgis.com/assets/js/cache.js?v=180420251150" defer></script>
  3143.        <script src="https://cdn.pvgis.com/assets/js/jquery.js?v=180420251150"></script>
  3144.        <script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/js/toastr.min.js"></script>
  3145.        <script src="https://cdnjs.cloudflare.com/ajax/libs/js-cookie/2.0.4/js.cookie.min.js" integrity="sha512-Nonc2AqL1+VEN+97F3n4YxucBOAL5BgqNwEVc2uUjdKOWAmzwj5ChdJQvN2KldAxkCxE4OenuJ/RL18bWxGGzA==" crossorigin="anonymous" referrerpolicy="no-referrer" defer></script>
  3146.        <script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/js/all.min.js" defer></script>
  3147.        <script src="https://pvgis.com/assets/min-js/bootstrap.min.js" defer></script>
  3148.        <!-- <script src="https://pvgis.com/assets/js/intlTelInput.min.js?v=180420251150"></script> -->
  3149.        <script src="https://pvgis.com/assets/min-js/global.js?v=180420251150"></script>
  3150.        <script src="https://pvgis.com/assets/min-js/google-analytics.js?v=180420251150"></script>
  3151.        <script src="https://pvgis.com/assets/min-js/translation/index.js?v=180420251150"></script>
  3152.        <script src="https://pvgis.com/assets/min-js/modal/index.js?v=180420251150"></script>
  3153.        <script src="https://cdn.socket.io/4.5.0/socket.io.min.js"></script>
  3154.        <script src="https://pvgis.com/assets/min-js/socket-config.js?v=180420251150"></script>
  3155.        <script>
  3156.            removeIndesirableTag();
  3157.        </script>
  3158.        <div class="logToPdfModal" id="log-to-download-modal" role="dialog">
  3159.    <div class="logToPdfModal-dialog">
  3160.        <div class="logToPdfModal-content">
  3161.            <div class="logToPdfModal-header">
  3162.                <img width="50px" height="50px" src="https://cdn.pvgis.com/images/pvgis24/info-icon.png?v=18102024" alt="" srcset="">
  3163.                <h5 class="modal-title"><span  data-ts="pvgis.need_log_to_download"></span></h5>
  3164.                <span onclick="hideLogForPdfModal()" class="logToPdfModal-close">&times;</span>
  3165.            </div>
  3166.  
  3167.            <div class="logToPdfModal-footer" id="logToPdfModal-log">
  3168.                <button id="logToPdfModal-login-button" data-ts="pvgis.header.account_menu.login">Login</button>
  3169.                <span data-ts="pvgis.ou_or">or</span>
  3170.                <button id="logToPdfModal-register-button" data-ts="pvgis.header.account_menu.subscribe">Register</button>
  3171.            </div>
  3172.  
  3173.            <div class="logToPdfModal-body hidden" id="logToPdfModal-subscribe">
  3174.                <a data-cms-link href="/en/subscription" id="logToPdfModal-subscribe-link"><span  data-ts="pvgis.subscribe_now">subscribe_now</span></a>
  3175.            </div>
  3176.            <div class="logToPdfModal-body hidden" id="logToPdfModal-download-blurred">
  3177.                <span data-ts="pvgis.download_blurred_pdf">Continue downloading the blurred pdf ?</span>
  3178.                <button id="logToPdfModal-download-button"><span  data-ts="pvgis.simulation.continue">Continue</span><span class="spinnerCont hidden"><i class="fas fa-spinner"></i></span></button>
  3179.            </div>
  3180.        </div>
  3181.    </div>
  3182. </div>
  3183.  
  3184.    <div id="auth-form-modal" class="form-modal">
  3185.        <div class="auth-form-modal-dialog">
  3186.                        <div class="login-content">
  3187.                <div class="log-header">
  3188.                    <span class="log-header-title" data-ts="pvgis.header.account_menu.login">
  3189.                        Login
  3190.                    </span>
  3191.                    <span class="close-button" onclick="hideFormModal('login')">&times;</span>
  3192.                </div>
  3193.                <div class="container-fluid login-container-fluid">
  3194.    <div class="bg-login"></div>
  3195.    <div class="login-container">
  3196.        <div class="create-account">
  3197.                            <p>
  3198.                    <span data-ts="pvgis.login.no_account_question">Don't have an account yet?</span>
  3199.                    <a href="/register" id="switch-to-register">
  3200.                        <span data-ts="pvgis.login.create_an_account">Create an account</span>
  3201.                    </a>
  3202.                </p>
  3203.                    </div>
  3204.        <!-- <div class="row">
  3205.            <div class="col-md-8 "> -->
  3206.        <div class="login-forms-container">
  3207.                        <div class="box">
  3208.                <form id="login-form" action="handleLogin" method="POST">
  3209.                    <input type="hidden" name="redirectLink" value="">
  3210.                    
  3211.                    <div class="form-group-container">
  3212.                        <div class="form-group">
  3213.                            <label for="email_login" data-ts="pvgis.login.email">
  3214.                                Email                            </label>
  3215.                            <input name="email" type="text" class="form-control to-validate text-input" id="email_login" placeholder="robert.dupont@gmail.com" required>
  3216.                            <div class="error-form-message" data-ts="pvgis.form.required">
  3217.                                This field is required.                            </div>
  3218.                        </div>
  3219.                        <div class="form-group">
  3220.                            <label for="password_login" data-ts="pvgis.login.password">
  3221.                                Password                            </label>
  3222.                            <div class="pwd-input">
  3223.                                <input name="password" type="password" class="form-control to-validate text-input" id="password_login" required>
  3224.                                <span class="password-toggle" onclick="toggleLoginPasswordVisibility()"><i id="eye-icon" class="bi bi-eye"></i></span>
  3225.                            </div>
  3226.                            <div class="error-form-message" data-ts="pvgis.form.required">
  3227.                                This field is required.                            </div>
  3228.                            <a href="/forgot-password" data-ts="pvgis.forgot_password">
  3229.                                Forgot password                            </a>
  3230.                        </div>
  3231.                    </div>
  3232.                    <div class="message-container">
  3233.                        <div class="error-message">
  3234.                                                    </div>
  3235.                        <div class="success-message">
  3236.                                                    </div>
  3237.                    </div>
  3238.                    <div class="action-container">
  3239.                        <button type="button" id="cancel-button" class="btn cancel-button" onclick="cancelLogin()">
  3240.                            <span data-ts="pvgis.cancel">
  3241.                                Cancel                            </span>
  3242.                        </button>
  3243.                        <button type="submit" class="btn btn-primary login-button">
  3244.                            <i class="fas fa-spinner"></i> <span data-ts="pvgis.login.login">
  3245.                                Log in                            </span>
  3246.                        </button>
  3247.                    </div>
  3248.                </form>
  3249.            </div>
  3250.            <div class="tiers-registration-container mb-15 to-hide">
  3251.                <h3 data-ts="pvgis.registration.signin">
  3252.                    Sign in                </h3>
  3253.                <h3 class="uppercase" data-ts="pvgis.registration.quickly">
  3254.                    QUICKLY                </h3>
  3255.                <p data-ts="pvgis.registration.with_your_account">
  3256.                    with your account                </p>
  3257.                <div class="button-container">
  3258.                    <button type="button" id="google-login-button" class="btn g-btn">
  3259.                        <img src="https://cdn.pvgis.com/images/loading-ps.svg" data-src="https://cdn.pvgis.com/images/pvgis24/google.jpg" class="lazyLoad lazy-load-img" alt="S'inscrire a PVGIS avec Google">
  3260.                        <span data-ts="pvgis.registration.google_sign_in">Connect with my Google Account</span>
  3261.                    </button>
  3262.                    <!-- TODO temporary hide facebook action -->
  3263.                    <!-- <div class="divider">
  3264.                                <span data-ts="pvgis.registration.or">ou</span>
  3265.                            </div>
  3266.                            <button type="button" class="btn fb-btn"><img src="https://cdn.pvgis.com/images/pvgis24/facebook.jpg" alt="S'inscrire a PVGIS avec Facebook"> <span data-ts="pvgis.registration.fb_sign_in">S'inscrire avec Facebook</span></button> -->
  3267.                </div>
  3268.            </div>
  3269.        </div>
  3270.    </div>
  3271. </div>
  3272. <script>
  3273.    var userData = null;
  3274.    const errorMessage = '';
  3275.    // const redirectToPdf = true
  3276.    // const emailValidate = 'Email verified successfully'
  3277.    const emailValidate = '';
  3278.    const redirectToPdf = 0;
  3279.    let loginGoogleUrl = 'https://api.pvgis.com/auth/login/google';
  3280.    // let loginFacebookUrl = 'https://api.pvgis.com/auth/login/facebook';
  3281. </script>
  3282. <script src="https://pvgis.com/assets/min-js/account/login.js?v=180420251150"></script>            </div>
  3283.            <div class="register-content">
  3284.                <div class="log-header">
  3285.                    <span class="log-header-title" data-ts="pvgis.header.account_menu.registration">Registration</span>
  3286.                    <span class="close-button" onclick="hideFormModal('register')">&times;</span>
  3287.                </div>
  3288.                <div class="container-fluid">
  3289.                    <div class="bg-login"></div>
  3290.                    <div class="registration-container">
  3291.    <div class="row">
  3292.        <div class="col-md-8 page-title">
  3293.            <h2 data-ts="pvgis.registration.title">Registration page</h2>
  3294.            <p class="to-login">
  3295.                <span data-ts="pvgis.registration.already_account">
  3296.                    Already an account ?                </span>
  3297.                <a href="/login" id="switch-to-login" data-ts="pvgis.registration.login">
  3298.                    I log in                </a>
  3299.            </p>
  3300.        </div>
  3301.    </div>
  3302.    <div class="row mb-15">
  3303.        <div class="col-md-8 ">
  3304.            <form id="registration-form" action="https://api.pvgis.com/auth/register">
  3305.                <div class="message-container">
  3306.                    <div class="error-message-register">
  3307.                                            </div>
  3308.                </div>
  3309.                <div class="radio-account-type">
  3310.                    <div class="row">
  3311.                        <div class="col-sm-4">
  3312.                            <input type="radio" name="type" id="professional" class="radio-pvgis">
  3313.                            <label for="professional" class="font-bold-condensed" data-ts="pvgis.registration.pro">
  3314.                                Professional                            </label><br>
  3315.                            <!-- <label for="professional"><span class="description-radio" data-ts="pvgis.registration.pro_description">My clients' projects</span></label> -->
  3316.                        </div>
  3317.                        <div class="col-sm-4">
  3318.                            <input type="radio" name="type" id="school" class="radio-pvgis">
  3319.                            <label for="school" class="font-bold-condensed" data-ts="pvgis.registration.school">
  3320.                                School/Formation                            </label><br>
  3321.                            <!-- <label for="school"><span class="description-radio" data-ts="pvgis.registration.school_description">School projects</span></label> -->
  3322.                        </div>
  3323.                        <div class="col-sm-4">
  3324.                            <input type="radio" name="type" id="personnal" class="radio-pvgis">
  3325.                            <label for="personnal" class="font-bold-condensed" data-ts="pvgis.registration.perso">
  3326.                                Particular                            </label><br>
  3327.                            <!-- <label for="personnal"><span class="description-radio" data-ts="pvgis.registration.perso_description">A personal project</span></label> -->
  3328.                        </div>
  3329.                    </div>
  3330.                    <div class="error-message" style="padding-top: 10px;" data-ts="pvgis.registration.error.required">
  3331.                        This field is required.                    </div>
  3332.                </div>
  3333.                <div class="row">
  3334.                    <div class="col-md-6 user-info-container">
  3335.                        <div class="form-group nickname-container hidden">
  3336.                            <label for="pseudo"><span data-ts="pvgis.registration.pseudo">Nickname</span></label>
  3337.                            <input style="width: 95%;" type="text" class="form-control to-send" id="pseudo" name="pseudo">
  3338.                            <div class="error-message">
  3339.                                <span class="pseudo-required"></span>
  3340.                                <span class="pseudo-already-used" data-ts="pvgis.registration.error.pseudo_already_used">Pseudo is already taken.</span>
  3341.                            </div>
  3342.                        </div>
  3343.                        <div class="form-group school-container">
  3344.                            <label for="school-name"><span data-ts="pvgis.registration.school">School/Formation</span></label>
  3345.                            <input style="width: 95%;" type="text" class="form-control to-validate" id="school-name" name="school-name">
  3346.                        </div>
  3347.                        <div class="form-group company-container">
  3348.                            <label for="company-name"><span data-ts="pvgis.registration.company">Company</span></label>
  3349.                            <input style="width: 95%;" type="text" class="form-control to-validate" id="company-name" name="company-name">
  3350.                        </div>
  3351.                        <div class="form-group">
  3352.                            <label for="last-name"><span data-ts="pvgis.registration.name">Name</span><span class="required">*</span></label>
  3353.                            <input style="width: 95%;" type="text" class="form-control to-validate" id="last-name" name="last-name">
  3354.                            <div class="error-message">This field is required.</div>
  3355.                        </div>
  3356.                        <div class="form-group">
  3357.                            <label for="first-name"><span data-ts="pvgis.registration.first_name">First Name</span><span class="required">*</span></label>
  3358.                            <input style="width: 95%;" type="text" class="form-control to-validate" id="first-name" name="first-name">
  3359.                            <div class="error-message">This field is required.</div>
  3360.                        </div>
  3361.                        <div class="form-group country-container">
  3362.                            <div class="dropdown-select-container" id="countryDropdownContainer">
  3363.                                <label for="country"><span data-ts="pvgis.registration.country">Country</span><span class="required">*</span></label>
  3364.                                <div class="dropdown-select-button" id="countryDropdownButton">
  3365.                                    <span id="selectedCountry"></span>
  3366.                                </div>
  3367.                                <ol class="dropdown-select-list" id="countryDropdownList">
  3368.                                    <input type="text" class="search-input" id="countrySearchInput" placeholder="Search" data-tstype="placeholder" data-ts="pvgis.search">
  3369.                                    <div class="error-message" data-ts="pvgis.registration.error.required">This field is required.</div>
  3370.                                    <div class="item-list-container" id="countryListContainer">
  3371.                                    </div>
  3372.                                </ol>
  3373.                            </div>
  3374.                        </div>
  3375.                        <div class="form-group language-container">
  3376.                            <div class="dropdown-select-container" id="languageDropdownContainer">
  3377.                                <label for="language"><span data-ts="pvgis.registration.language">Language</span><span class="required">*</span></label>
  3378.                                <div class="dropdown-select-button" id="languageDropdownButton">
  3379.                                    <span id="selectedLanguage"></span>
  3380.                                </div>
  3381.                                <ol class="dropdown-select-list" id="languageDropdownList">
  3382.                                    <input type="text" class="search-input" id="languageSearchInput" placeholder="Search" data-tstype="placeholder" data-ts="pvgis.search">
  3383.                                    <div class="error-message" data-ts="pvgis.registration.error.required">This field is required.</div>
  3384.                                    <div class="item-list-container" id="languageListContainer">
  3385.                                    </div>
  3386.                                </ol>
  3387.                            </div>
  3388.                        </div>
  3389.                    </div>
  3390.                    <div class="col-md-6">
  3391.                        <div class="form-group">
  3392.                            <label for="email"><span data-ts="pvgis.registration.email">Email</span><span class="required">*</span></label>
  3393.                            <input type="email" class="form-control to-validate" id="email" name="email">
  3394.                            <div class="error-message">
  3395.                            </div>
  3396.                        </div>
  3397.                        <div class="form-group">
  3398.                            <label for="password"><span data-ts="pvgis.registration.password">Password</span><span class="required">*</span></label>
  3399.                            <div class="password-container">
  3400.                                <div class="eye-toogler"><i id="toggle-password" class="bi bi-eye"></i></div>
  3401.                                <input type="text" class="form-control to-validate" id="password" name="password">
  3402.                            </div>
  3403.                            <div class="error-message" data-ts="pvgis.registration.error.password">Password must contain at least 8 caracters with uppercase, lowercase and number.</div>
  3404.                        </div>
  3405.                        <div class="form-group password-container">
  3406.                            <label for="confirm-password"><span data-ts="pvgis.registration.confirm_password">Confirm Password</span><span class="required">*</span></label>
  3407.                            <div class="password-container">
  3408.                                <div class="eye-toogler"><i id="toggle-password-confirm" class="bi bi-eye"></i></div>
  3409.                                <input type="text" class="form-control to-validate" id="confirm-password" name="confirm-password">
  3410.                            </div>
  3411.                            <div class="error-message" data-ts="pvgis.registration.error.password_not_match">Passwords do not match.</div>
  3412.                        </div>
  3413.                    </div>
  3414.                </div>
  3415.  
  3416.                <input type="hidden" id="language" name="language" value="en">
  3417.  
  3418.                <div class="form-group check-container register-accept-terms">
  3419.                    <input type="checkbox" name="accept-cgu" class="checkbox-pvgis" id="accept-cgu">
  3420.                    <label for="accept-cgu">
  3421.                        <span>
  3422.                            <span data-ts="pvgis.i_accept_general">I accept </span>&nbsp;
  3423.                            <a href="#" id="viewTermAndConditionAction" data-ts="pvgis.terms_and_conditions">
  3424.                                 the terms and conditions                             </a>&nbsp;
  3425.                            <span data-ts="pvgis.of_use">
  3426.                                of use                            </span>
  3427.                        </span>
  3428.                    </label>
  3429.                </div>
  3430.  
  3431.                <div class="btn-container">
  3432.                    <a id="cancel-button" class="btn cancel-button"><span data-ts="pvgis.registration.cancel">Cancel</span></a>
  3433.                    <button type="submit" id="submit-button" class="btn btn-submit disabled" disabled><i class="fas fa-spinner"></i> <span data-ts="pvgis.registration.register">Create my account</span></button>
  3434.                </div>
  3435.            </form>
  3436.        </div>
  3437.         <div class="col-md-4 md-pl-10 to-hide">
  3438.            <div class="tiers-registration-container">
  3439.                <h3 data-ts="pvgis.registration.signup">Sign up</h3>
  3440.                <h3 class="uppercase" data-ts="pvgis.registration.quickly">QUICKLY</h3>
  3441.                <p data-ts="pvgis.registration.two_click">with your GOOGLE account, <br> create your account in 2 clicks</p>
  3442.                <button type="button" id="google-registration-button" class="btn g-btn"><img src="https://cdn.pvgis.com/images/loading-ps.svg" data-src="https://cdn.pvgis.com/images/pvgis24/google.jpg" class="lazyLoad lazy-load-img" alt="S'inscrire a PVGIS avec Google"> <span data-ts="pvgis.registration.google_sign_in">Connect with my Google Account</span></button>
  3443.                
  3444.                <div class="divider">
  3445.                    <span data-ts="pvgis.registration.or">ou</span>
  3446.                </div>
  3447.                <button type="button" class="btn fb-btn"><img src="https://cdn.pvgis.com/images/pvgis24/facebook.jpg" alt="S'inscrire a PVGIS avec Facebook"> <span data-ts="pvgis.registration.fb_sign">S'inscrire avec Facebook</span></button>
  3448.            </div>
  3449.        </div>
  3450.    </div>
  3451.  
  3452. </div>
  3453. <script>
  3454.    $cartReference = null;
  3455.    let registrationGoogleUrl = 'https://api.pvgis.com/auth/google';
  3456. </script>                </div>
  3457.            </div>
  3458.        </div>
  3459.    </div>
  3460.  
  3461.    <div class="modal-extranet confirm-mail-modal mail-sent">
  3462.    <div class="container">
  3463.        <div class="row">
  3464.            <div class="col-xs-12 col-md-8">
  3465.                <div class="popup-container">
  3466.                    <div class="row modal-extranet-content">
  3467.                        <p class="mail-confirm-content">
  3468.                            <span data-ts="pvgis.mail.confirm_text">Un mail de validation vient de vous être envoyé à :</span><br>
  3469.                            <span id="mail-to" class="font-condensed-oblique"></span><br>
  3470.                            <span data-ts="pvgis.mail.thanks">Merci de cliquer sur le lien pour confirmer votre inscription.</span>
  3471.                        </p>
  3472.                    </div>
  3473.                    <div class="btn-container">
  3474.                        <a href="/login" class="save-btn" data-ts="pvgis.mail.ok">OK</a>
  3475.                    </div>
  3476.                </div>
  3477.            </div>
  3478.        </div>
  3479.    </div>
  3480. </div>    <script src="https://pvgis.com/assets/min-js/logPDFModal.js?v=180420251150"></script>
  3481.  
  3482.  
  3483.                        <script src="https://pvgis.com/assets/min-js/extranet/dropdown-select.js?v=180420251150" defer></script>
  3484.            <script  src="https://pvgis.com/assets/min-js/utils/geotz.js?v=180420251150" defer></script>
  3485.            <script src="https://pvgis.com/assets/min-js/account/registration.js?v=180420251150"></script>
  3486.            
  3487.            <script src="https://pvgis.com/assets/min-js/extranet/register_modal_pvgis24.js?v=180420251150" defer></script>
  3488.            
  3489.    <script>
  3490.        const sessionData = [];
  3491.        const token = sessionData?.user_data?.token;
  3492.        let customerId = '';
  3493.        const folder = null;
  3494.        const projects = null;
  3495.        const simulationItem = null;
  3496.        const simulationId = null;
  3497.        const projectId = null;
  3498.        const peakPowerTotal = document.getElementById('peak-power-total');
  3499.        const peakPowerTotalPvgis24 = document.getElementById('peakPowerTotalPvgis24');
  3500.        const isHomePage = true;
  3501.        localStorage.setItem('peakPowerTotalPvgis24', peakPowerTotal.value);
  3502.        peakPowerTotal.addEventListener('change', function (){
  3503.            localStorage.setItem('peakPowerTotalPvgis24', peakPowerTotal.value);
  3504.            peakPowerTotalPvgis24.innerHTML = peakPowerTotal.value;
  3505.        })
  3506.        peakPowerTotalPvgis24.innerHTML = peakPowerTotal.value;
  3507.        const isPGVIS24 = true;
  3508.        const currentSubscription = null;
  3509.        const products = null;
  3510.        let hasActiveSubscription = false;
  3511.        let stripePayementInProgress = false;
  3512.        let scriptBasePath = "https://pvgis.com/assets/min-js";
  3513.    </script>
  3514.    <section class="footer-cards-grid">
  3515.    <a class="footer-card" href="/en/global-solar-calculator" data-cms-link c-key="global-solar-calculator">
  3516.        <span class="footer-card-title" data-ts="pvgis.header.pvgis_why">
  3517.            PVGIS.COM        </span>
  3518.        <span class="footer-card-content" data-ts="pvgis.footer.pvgis_why_text">
  3519.            Solar panel calculator <br>
  3520. Simulations designed to meet the needs of professionals.        </span>
  3521.    </a>
  3522.    
  3523.    <a class="footer-card" href="/en/solar-calculator-pvgis" data-cms-link c-key="solar-calculator-pvgis">
  3524.        <span class="footer-card-title" data-ts="pvgis.header.pvgis24_why">
  3525.            PVGIS24 ?        </span>
  3526.        <span class="footer-card-content" data-ts="pvgis.footer.pvgis24_why_text">
  3527.            The ultimate free solar simulation tool.        </span>
  3528.    </a>
  3529.    <a class="footer-card" href="/en/blog" data-cms-link c-key="pvgis-blog">
  3530.        <span class="footer-card-title">
  3531.            PVGIS.BLOG
  3532.        </span>
  3533.        <span class="footer-card-content" data-ts="pvgis.footer.pvgis_blog_text">
  3534.            At the heart of solar energy information.        </span>
  3535.    </a>
  3536.    <a class="footer-card" href="/en/ecosolar" data-cms-link c-key="pvgis-ecosolar">
  3537.        <span class="footer-card-title">
  3538.            ECO SOLAR FRIENDLY
  3539.        </span>
  3540.        <span class="footer-card-content" data-ts="pvgis.footer.ecosolar_text">
  3541.            A must-have certification for solar installers.        </span>
  3542.    </a>
  3543.    <div class="footer-card footer-highlight">
  3544.        <span class="footer-card-title" data-ts="pvgis.banner.calculate_simulate_optimize">
  3545.            CALCULATE, SIMULATE, OPTIMIZE, AND CONTROL WITH        </span>
  3546.        <a href="/en/solar-calculator" data-cms-link class="calculator-button" data-ts="pvgis.calculator.title">
  3547.            PVGIS CALCULATOR        </a>
  3548.    </div>
  3549. </section><footer id="footer" class="">
  3550.    <div class="footer-top">
  3551.        <p data-ts="pvgis.footer.pvgis_provider">PVGIS.COM provides information on solar radiation and photovoltaic system performance for any location in the world.</p>
  3552.    </div>
  3553.    <div class="footer-content">
  3554.        <div class="footer-section">
  3555.            <ul>
  3556.                <li>
  3557.                    <a href="/en" data-cms-link data-ts="pvgis.footer.home">
  3558.                        Home                    </a>
  3559.                </li>
  3560.                <li>
  3561.                    <a href="/en/pvgis-about" data-cms-link data-ts="pvgis.header.pvgis_24">
  3562.                          PVGIS24                     </a>
  3563.                </li>
  3564.                <li>
  3565.                    <a href="/en/solar-calculator" data-cms-link data-ts="pvgis.footer.pvgis_calculator">
  3566.                        PVGIS calculator                    </a>
  3567.                </li>
  3568.            </ul>
  3569.        </div>
  3570.        <div class="footer-section">
  3571.            <ul>
  3572.                <li>
  3573.                    <a href="/en/subscription" data-cms-link data-ts="pvgis.subscription.label">
  3574.                        Subscription                    </a>
  3575.                </li>
  3576.                <li>
  3577.                    <a href="/en/manual-5-3" data-cms-link data-ts="pvgis.footer.manual">
  3578.                        Manual PVGIS 5.3                    </a>
  3579.                </li>
  3580.                <li>
  3581.                    <a href="/en/solar-calculator-pvgis" data-cms-link data-ts="pvgis.header.pvgis24_why">
  3582.                        PVGIS24 ?                    </a>
  3583.                </li>
  3584.            </ul>
  3585.        </div>
  3586.        <div class="footer-section">
  3587.            <ul>
  3588.                <li>
  3589.                    <a href="/en/global-solar-calculator" data-cms-link data-ts="pvgis.header.pvgis_why">
  3590.                        PVGIS.COM                    </a>
  3591.                </li>
  3592.                <li>
  3593.                    <a href="/en/ecosolar" data-cms-link>
  3594.                        Eco Solar Friendly
  3595.                    </a>
  3596.                </li>
  3597.                <li>
  3598.                    <a href="/en/cities-solar" data-cms-link data-ts="pvgis.header.cities_solar">
  3599.                        Cities solar                    </a>
  3600.                </li>
  3601.            </ul>
  3602.        </div>
  3603.        <div class="footer-section">
  3604.            <ul>
  3605.                <li>
  3606.                    <a href="/en/legal-notice" data-cms-link data-ts="pvgis.header.legal_notice">
  3607.                        Legal notice                    </a>
  3608.                </li>
  3609.                <li>
  3610.                    <a href="#" onclick="displayCookiesPreferences()" data-ts="pvgis.header.cookies">
  3611.                        Cookies                    </a>
  3612.                </li>
  3613.                <li>
  3614.                    <a href="/en/acknowledgement" data-cms-link data-ts="pvgis.header.acknowledgments">
  3615.                        Acknowledgments                    </a>
  3616.                </li>
  3617.            </ul>
  3618.        </div>
  3619.        <div class="footer-section">
  3620.            <ul>
  3621.                <li>
  3622.                    <a href="mailto:support@pvgis.com" data-ts="pvgis.footer.contact">
  3623.                        Contact                    </a>
  3624.                </li>
  3625.            </ul>
  3626.            <div class="user-actif-text" data-ts="pvgis.footer.user_actif">
  3627.                * Active users worldwide <br> Source: Analytics.google.com            </div>
  3628.        </div>
  3629.    </div>
  3630.    <div class="footer-bottom">
  3631.        <p>&copy; COPYRIGHT 2025</p>
  3632.    </div>
  3633. </footer>
  3634.  
  3635. <script src="https://pvgis.com/assets/min-js/footer_cards.js?v=180420251150"></script>
  3636. <script src="https://pvgis.com/assets/min-js/footer.js?v=180420251150"></script>
  3637.    <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBGwuAzneXJqwq8ZQ4oJFb9-crInpddy2E&language=en" async defer></script>
  3638.    
  3639.    <!-- <script src="https://pvgis.com/assets/min-js/testimony/testimony.js?v=180420251150"></script> -->
  3640.    <script
  3641.        src="https://pvgis.com/assets/min-js/extranet/simulation/information-photovoltaics.js?v=180420251150"
  3642.        defer></script>
  3643.    <script
  3644.        src="https://pvgis.com/assets/min-js/extranet/simulation/simulation-highchart-drawer.js?v=180420251150"
  3645.        ></script>
  3646.    <script
  3647.        src="https://pvgis.com/assets/min-js/extranet/simulation/tools/numberFormatter.js?v=180420251150"
  3648.        defer></script>
  3649.    <script
  3650.        src="https://pvgis.com/assets/min-js/country/country-utils.js?v=180420251150">
  3651.    </script>
  3652.    <script
  3653.        src="https://pvgis.com/assets/min-js/utils/google_maps.js?v=180420251150">
  3654.    </script>
  3655.    <script
  3656.        src="https://pvgis.com/assets/min-js/utils/get_angle_with_card.js?v=180420251150"
  3657.        defer>
  3658.    </script>
  3659.    </script>
  3660.    <script
  3661.        src="https://pvgis.com/assets/min-js/utils/maps_zoom.js?v=180420251150">
  3662.    </script>
  3663.    <script
  3664.        src="https://pvgis.com/assets/min-js/graph/chart-drawer.js?v=180420251150">
  3665.    </script>
  3666.    <script
  3667.        src="https://pvgis.com/assets/min-js/horizon-profile/horizon-profile.js?v=180420251150">
  3668.    </script>
  3669.    <script src="https://cdnjs.cloudflare.com/ajax/libs/highstock/5.0.2/highstock.js"></script>
  3670.    <script src="https://unpkg.com/highcharts@5.0.2/highcharts-more.js"></script>
  3671.    <script
  3672.        src="https://pvgis.com/assets/min-js/countries-area-data.js?v=180420251150">
  3673.    </script>
  3674.    <script
  3675.        src="https://pvgis.com/assets/min-js/custom-countries-extent.js?v=180420251150">
  3676.    </script>
  3677.    <script src="https://pvgis.com/assets/min-js/file-input.js?v=180420251150">
  3678.    </script>
  3679.    <script src="https://pvgis.com/assets/min-js/horizon_comp.js?v=180420251150">
  3680.    </script>
  3681.    <script src="https://pvgis.com/assets/min-js/pvgis24.js?v=180420251150">
  3682.    </script>
  3683.    <!-- <script defer>
  3684.        requestAnimationFrame(() => {
  3685.            document.getElementById("map-placeholder").classList.add("d-none");
  3686.            document.getElementById("map").classList.remove("d-none");
  3687.        });
  3688.    </script> -->
  3689.    <script src="https://pvgis.com/assets/min-js/file-download.js?v=180420251150">
  3690.    </script>
  3691.    <script src="https://pvgis.com/assets/min-js/pvgis24-sunshine-hours.js?v=180420251150">
  3692.    </script>
  3693.    <script src="https://cdn.pvgis.com/assets/js/graph/grid-connected-and-tracking-pv-system.js"></script>
  3694.    <script src="https://pvgis.com/assets/min-js/utils.js?v=180420251150"></script>
  3695.    <script src="https://pvgis.com/assets/min-js/modal.js?v=180420251150"></script>
  3696.  
  3697.    <script
  3698.        src="https://pvgis.com/assets/min-js/extranet/simulation/tools/inputSelect.js?v=180420251150">
  3699.    </script>
  3700.    <script
  3701.        src="https://pvgis.com/assets/min-js/extranet/simulation/tools/checkNumberInput.js?v=180420251150">
  3702.    </script>
  3703.    <script>
  3704.        function updateSelectableElements() {
  3705.            return Array.from(document.querySelectorAll(`input.p-24-number-input`))
  3706.                .filter(input => {
  3707.                    let element = input;
  3708.                    while (element) {
  3709.                        if (window.getComputedStyle(element).display === 'none') {
  3710.                            return false;
  3711.                        }
  3712.                        element = element.parentElement;
  3713.                    }
  3714.                    if (input.getAttribute('disabled') == 'true') {
  3715.                        return false
  3716.                    }
  3717.                    return true;
  3718.                })
  3719.        }
  3720.        checkInput(document.querySelectorAll(`input.p-24-number-input`));
  3721.  
  3722.        document.addEventListener('DOMContentLoaded', () => {
  3723.            setTimeout(() => {
  3724.                setFocusableElementList(updateSelectableElements());
  3725.                document.querySelectorAll('.radio-custom input, input').forEach((e) => {
  3726.                    e.addEventListener('change', (e) => {
  3727.                        focusableElements = []
  3728.                        setFocusableElementList(updateSelectableElements());
  3729.                    })
  3730.                })
  3731.            }, 5000);
  3732.        })
  3733.    </script>
  3734.  
  3735.    <script
  3736.        src="https://pvgis.com/assets/min-js/socket/pvgis24-socket.js?v=180420251150"
  3737.        ></script>
  3738. </body>
  3739.  

Home · About · News · Docs · Terms

 
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda