Created At: 2026-06-14T14:08:02Z
Completed At: 2026-06-14T14:08:03Z
File Path: `file:///c:/Users/HP/Downloads/climate-system/climate-system/index.php`
Total Lines: 4593
Total Bytes: 193982
Showing lines 1780 to 1820
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.
1780:       </div>
1781:       
1782:       <!-- Card 2: Future Climate Stripe -->
1783:       <div class="card-grid">
1784:         <div class="stripe-filter-wrapper">
1785:           <h4 style="margin-top: 0; margin-bottom: 15px; font-size: 16px; font-weight: 600;">Filter Climate Stripe</h4>
1786:           <div class="form-grid" style="grid-template-columns: 1fr 1fr; gap: 15px;">
1787:             <div class="form-box">
1788:               <label style="font-size: 13px; font-weight: 600;">Pilih Variabel</label>
1789:               <select id="futureStripeVariable">
1790:                 <!-- Diisi secara dinamis -->
1791:               </select>
1792:             </div>
1793:             <div class="form-box">
1794:               <label style="font-size: 13px; font-weight: 600;">Pilih Skenario</label>
1795:               <select id="futureStripeScenario">
1796:                 <option value="SSP1-2.6">SSP1-2.6</option>
1797:                 <option value="SSP2-4.5">SSP2-4.5</option>
1798:                 <option value="SSP3-7.0">SSP3-7.0</option>
1799:                 <option value="SSP5-8.5">SSP5-8.5</option>
1800:               </select>
1801:             </div>
1802:           </div>
1803:           <button class="save-btn" onclick="applyFutureStripeFilter()" style="margin-top: 15px; width: 100%; padding: 10px 20px; font-size: 14px; border-radius: 8px;">
1804:             Terapkan Filter Stripe
1805:           </button>
1806:         </div>
1807:         
1808:         <div style="text-align:center;">
1809:           <img id="futureImageClimateStripe"
1810:             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%3C/text%3E%3C/svg%3E"
1811:             onerror="if (typeof PLACEHOLDER_IMG !== 'undefined' && this.src !== PLACEHOLDER_IMG) this.src = PLACEHOLDER_IMG;"
1812:             referrerpolicy="no-referrer"
1813:             style="max-width:100%; border-radius:15px; box-shadow:0 4px 15px rgba(0,0,0,0.15);" />
1814:           <div class="category-content">
1815:             <h3 id="futureCategoryTitleStripe">Future Climate Stripe</h3>
1816:             <p id="futureVariableTextStripe">Variabel: -</p>
1817:             <p id="futurePeriodTextStripe">Periode: -</p>
1818:           </div>
1819:         </div>
1820:       </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.
