From 54d453d3a9886381cf24a7097d250bc1d6c6ff04 Mon Sep 17 00:00:00 2001
From: patrick-zippenfenig <patrick@zippenfenig.de>
Date: Thu, 30 Nov 2023 16:12:56 +0100
Subject: [PATCH] fix: merge result

---
 .../en/docs/marine-weather-api/+page.svelte   | 45 +++++++++++++++++++
 1 file changed, 45 insertions(+)

diff --git a/src/routes/en/docs/marine-weather-api/+page.svelte b/src/routes/en/docs/marine-weather-api/+page.svelte
index ae228962..faa69482 100644
--- a/src/routes/en/docs/marine-weather-api/+page.svelte
+++ b/src/routes/en/docs/marine-weather-api/+page.svelte
@@ -261,6 +261,51 @@
 					</div>
 				{/each}
 			</AccordionItem>
+			<AccordionItem
+				id="additional-variables"
+				title="Additional Options"
+			>
+				<div class="col-md-12 mb-3">
+					<small class="text-muted"
+						>Note: You can further adjust the forecast time range for hourly weather variables using <mark>&forecast_hours=</mark> and <mark>&past_hours=</mark> as shown below.
+				</div>
+				<div class="col-md-3">
+					<div class="form-floating mb-3">
+						<select
+							class="form-select"
+							name="forecast_hours"
+							id="forecast_hours"
+							aria-label="Forecast Hours"
+							bind:value={$params.forecast_hours}
+						>
+							<option value="">- (default)</option>
+							<option value="1">1 hour</option>
+							<option value="6">6 hours</option>
+							<option value="12">12 hours</option>
+							<option value="24">24 hours</option>
+						</select>
+						<label for="forecast_hours">Forecast Hours</label>
+					</div>
+				</div>
+				<div class="col-md-3">
+					<div class="form-floating mb-3">
+						<select
+							class="form-select"
+							name="past_hours"
+							id="past_hours"
+							aria-label="Past Hours"
+							bind:value={$params.past_hours}
+						>
+							<option value="">- (default)</option>
+							<option value="1">1 hour</option>
+							<option value="6">6 hours</option>
+							<option value="12">12 hours</option>
+							<option value="24">24 hours</option>
+						</select>
+						<label for="past_hours">Past Hours</label>
+					</div>
+				</div>
+			</AccordionItem>
 		</div>
 	</div>