-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
56 lines (48 loc) · 2.31 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Calculate Storage Charges</title>
<link rel="stylesheet" href="style.css"> </head>
</head>
<body>
<div class="container">
<h1>Storage Charges Calculator</h1>
<p class="info">Effective from 1st July 2024 onwards: <br>
</p>
<form id="storageForm">
<label for="weight">Weight (kg):</label>
<input type="number" min="0" id="weight" step="0.001" placeholder="Enter weight in kg" required><br><br>
<label for="arrival-datetime">Arrival Date & Time:</label>
<input type="datetime-local" id="arrival-datetime" name="arrival-datetime" required><br><br>
<label for="recovery-datetime">Recovery Date & Time:</label>
<input type="datetime-local" id="recovery-datetime" name="recovery-datetime" required><br><br>
<label for="airline">Airline:</label>
<select id="airline" name="airline" required>
<option value="">Select Ground Handling Agent</option>
<option value="WFS">WFS</option>
<option value="SWISSPORT">SWISSPORT</option>
<option value="IAG">IAG</option>
</select><br><br>
<label for="shipment-type">Shipment Type:</label>
<select id="shipment-type" name="shipment-type" required>
<option value="">Select Shipment Type</option>
<option value="General Cargo">General Cargo</option>
<option value="DG">DG</option>
<option value="Temp Controlled">Temp Controlled</option>
<option value="ULD&Cocoon">ULD&Cocoon</option>
</select><br><br>
<label for="num-ulds">Number of ULDs (if applicable):</label>
<input type="number" id="num-ulds" name="num-ulds" min="0"><br><br>
<!-- <label for="num-days">Number of Storage Days:</label>
<input type="number" id="num-days" name="num-days" min="0" required><br><br> -->
<!-- <button onclick="calculateTotalCharge()" type="button" >Calculate Total Charge</button> -->
<button type="submit">Calculate Total Charge</button>
<div id="totalCharge"></div>
<script src="script.js"></script>
</form>
</div>
</body>
</html>