43 lines
1.4 KiB
HTML
43 lines
1.4 KiB
HTML
{{define "location-geocode"}}
|
|
<div class="col-md-6">
|
|
<h2 class="mb-4">Address Search</h2>
|
|
<div class="mb-3 position-relative">
|
|
<label for="addressInput" class="form-label">Enter address</label>
|
|
<input type="text" class="form-control" id="addressInput"
|
|
placeholder="Start typing an address (min 3 characters)">
|
|
<div id="suggestions" class="suggestions-container list-group d-none"></div>
|
|
</div>
|
|
<div class="mt-3">
|
|
<!-- Structured Location Display -->
|
|
<div id="locationDisplayContainer" class="mt-4 d-none">
|
|
<h5 class="mb-3">Location Details</h5>
|
|
<div class="location-card p-3 mb-3">
|
|
<div class="location-detail">
|
|
<div class="detail-label">Street Address</div>
|
|
<div id="streetAddress" class="detail-value">-</div>
|
|
</div>
|
|
|
|
<div class="location-detail">
|
|
<div class="detail-label">Post Code</div>
|
|
<div id="postCode" class="detail-value">-</div>
|
|
</div>
|
|
|
|
<div class="location-detail">
|
|
<div class="detail-label">District/Place</div>
|
|
<div id="district" class="detail-value">-</div>
|
|
</div>
|
|
|
|
<div class="location-detail">
|
|
<div class="detail-label">Region/State</div>
|
|
<div id="region" class="detail-value">-</div>
|
|
</div>
|
|
|
|
<div class="location-detail">
|
|
<div class="detail-label">Country</div>
|
|
<div id="country" class="detail-value">-</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{{end}}
|