Created At: 2026-06-14T15:32:31Z
Completed At: 2026-06-14T15:32:31Z
File Path: `file:///c:/Users/HP/Downloads/climate-system/climate-system/index.php`
Total Lines: 4711
Total Bytes: 198658
Showing lines 1700 to 1780
The following code has been modified to include a line number before every line, in the format: <line_number>: <original_line>. Please note that any changes targeting the original code should remove the line number, colon, and leading space.
1700:     </p>
1701:     <div id="futureDataInfo" style="margin-top:20px;padding:20px;background:#eff6ff;
1702:     border-radius:15px;color:#0f172a;font-weight:500;line-height:1.8;">
1703:       Silakan terapkan filter untuk menampilkan informasi proyeksi masa depan.
1704:     </div>
1705: 
1706:     <!-- 1. Filter Peta & Stripe (Proyeksi Spasial) -->
1707:     <div class="form-section">
1708:       <h3 style="margin-bottom:25px;">
1709:         Filter Peta & Stripe (Proyeksi Spasial)
1710:       </h3>
1711:       <div class="form-grid" style="grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));">
1712:         <div class="form-box">
1713:           <label>Pilih Lokasi</label>
1714:           <select id="futureLocationMap">
1715:             <!-- Diisi secara dinamis -->
1716:           </select>
1717:         </div>
1718:         <div class="form-box">
1719:           <label>Pilih Variabel</label>
1720:           <select id="futureVariableMap">
1721:             <!-- Diisi secara dinamis -->
1722:           </select>
1723:         </div>
1724:         <div class="form-box">
1725:           <label>Pilih Periode</label>
1726:           <select id="futurePeriodMap">
1727:             <!-- Diisi secara dinamis -->
1728:           </select>
1729:         </div>
1730:       </div>
1731:       <button class="save-btn" onclick="applyFutureMapFilter()">
1732:         Terapkan Filter Peta & Stripe
1733:       </button>
1734:     </div>
1735: 
1736:     <div class="category-grid">
1737:       <!-- Card 1: Climate Change Map -->
1738:       <div class="card-grid">
1
<truncated 1346 bytes>
        onerror="if (typeof PLACEHOLDER_IMG !== 'undefined' && this.src !== PLACEHOLDER_IMG) this.src = PLACEHOLDER_IMG;"
1756:                 referrerpolicy="no-referrer"
1757:                 style="width: 100%; height: auto; border-radius:15px; box-shadow:0 4px 15px rgba(0,0,0,0.15); display: block;" />
1758:               <div class="map-label">MME Mean 1</div>
1759:             </div>
1760:             
1761:             <!-- Image 2 Container -->
1762:             <div id="containerMap2" style="display: none; transition: opacity 0.3s ease;">
1763:               <img id="futureImageClimateMap2"
1764:                 src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800' height='400'%3E%3Crect width='800' height='400' fill='%23f1f5f9' rx='15'/%3E%3Ctext x='400' y='200' text-anchor='middle' font-family='Arial,sans-serif' font-size='18' fill='%2394a3b8'%3ETerapkan Filter untuk menampilkan gambar 2%3C/text%3E%3C/svg%3E"
1765:                 onerror="if (typeof PLACEHOLDER_IMG !== 'undefined' && this.src !== PLACEHOLDER_IMG) this.src = PLACEHOLDER_IMG;"
1766:                 referrerpolicy="no-referrer"
1767:                 style="width: 100%; height: auto; border-radius:15px; box-shadow:0 4px 15px rgba(0,0,0,0.15); display: block;" />
1768:               <div class="map-label">MME Mean 2</div>
1769:             </div>
1770:             
1771:             <!-- Right Navigation Button -->
1772:             <button class="map-slider-nav next" onclick="nextClimateMap()">&#10095;</button>
1773:           </div>
1774:           <div class="category-content">
1775:             <h3 id="futureCategoryTitleMap">Climate Change Map</h3>
1776:             <p id="futureVariableText">Variabel: -</p>
1777:             <p id="futurePeriodText">Periode: -</p>
1778:           </div>
1779:         </div>
1780:       </div>
The above content does NOT show the entire file contents. If you need to view any lines of the file which were not shown to complete your task, call this tool again to view those lines.
