show description address info
This commit is contained in:
parent
f24e86061e
commit
0dfdfb2912
|
|
@ -107,62 +107,30 @@
|
||||||
<a type="button" href="{{ route('addresses') }}"
|
<a type="button" href="{{ route('addresses') }}"
|
||||||
class="btn btn-outline-primary btn-sm">Edit</a>
|
class="btn btn-outline-primary btn-sm">Edit</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="row g-3">
|
<div class="row g-1">
|
||||||
<div class="col-md-6">
|
<div>
|
||||||
<label for="firstName"
|
<span id="firstName"></span>
|
||||||
class="form-label">{{ __('checkout.first_name') }}</label>
|
(<span id="phone"></span>)
|
||||||
<input type="text" class="form-control" id="firstName" readonly
|
|
||||||
style="border: none; background-color: #f8f9fa;">
|
|
||||||
</div>
|
</div>
|
||||||
{{-- <div class="col-md-6">
|
|
||||||
<label for="lastName"
|
<div id="address"></div>
|
||||||
class="form-label">{{ __('checkout.last_name') }}</label>
|
|
||||||
<input type="text" class="form-control" id="lastName" readonly
|
<div>
|
||||||
style="border: none; background-color: #f8f9fa;">
|
<span id="city"></span>,
|
||||||
</div> --}}
|
<span id="state"></span>, <span id="zip"></span>
|
||||||
<div class="col-12">
|
|
||||||
<label for="phone"
|
|
||||||
class="form-label">{{ __('checkout.phone') }}</label>
|
|
||||||
<input type="tel" class="form-control" id="phone" readonly
|
|
||||||
style="border: none; background-color: #f8f9fa;">
|
|
||||||
</div>
|
</div>
|
||||||
<div class="col-12">
|
|
||||||
<label for="address"
|
<div>
|
||||||
class="form-label">{{ __('checkout.address') }}</label>
|
<span id="latitude"></span>,
|
||||||
<input type="text" class="form-control" id="address" readonly
|
<span id="longitude"></span>
|
||||||
style="border: none; background-color: #f8f9fa;">
|
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-6">
|
|
||||||
<label for="city"
|
|
||||||
class="form-label">{{ __('checkout.city') }}</label>
|
|
||||||
<input type="text" class="form-control" id="city" readonly
|
|
||||||
style="border: none; background-color: #f8f9fa;">
|
|
||||||
</div>
|
|
||||||
<div class="col-md-4">
|
|
||||||
<label for="state"
|
|
||||||
class="form-label">{{ __('checkout.state') }}</label>
|
|
||||||
<input type="text" class="form-control" id="state" readonly
|
|
||||||
style="border: none; background-color: #f8f9fa;">
|
|
||||||
</div>
|
|
||||||
<div class="col-md-2">
|
|
||||||
<label for="zip"
|
|
||||||
class="form-label">{{ __('checkout.zip') }}</label>
|
|
||||||
<input type="text" class="form-control" id="zip" readonly
|
|
||||||
style="border: none; background-color: #f8f9fa;">
|
|
||||||
</div>
|
|
||||||
<div class="col-md-6">
|
|
||||||
<label for="latitude"
|
|
||||||
class="form-label">Latitude</label>
|
|
||||||
<input type="text" class="form-control" id="latitude" readonly
|
|
||||||
style="border: none; background-color: #f8f9fa;">
|
|
||||||
</div>
|
|
||||||
<div class="col-md-6">
|
|
||||||
<label for="longitude"
|
|
||||||
class="form-label">Longitude</label>
|
|
||||||
<input type="text" class="form-control" id="longitude" readonly
|
|
||||||
style="border: none; background-color: #f8f9fa;">
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -330,15 +298,16 @@
|
||||||
|
|
||||||
if (selectedOption && selectedOption.value) {
|
if (selectedOption && selectedOption.value) {
|
||||||
// Populate all shipping address form fields
|
// Populate all shipping address form fields
|
||||||
document.getElementById('firstName').value = selectedOption.dataset.firstName || '';
|
document.getElementById('firstName').textContent = selectedOption.dataset.firstName || '';
|
||||||
// document.getElementById('lastName').value = selectedOption.dataset.lastName || '';
|
// document.getElementById('lastName').value = selectedOption.dataset.lastName || '';
|
||||||
document.getElementById('address').value = selectedOption.dataset.address || '';
|
document.getElementById('address').textContent = selectedOption.dataset.address || '';
|
||||||
document.getElementById('city').value = selectedOption.dataset.city || '';
|
document.getElementById('city').textContent = selectedOption.dataset.city || '';
|
||||||
document.getElementById('state').value = selectedOption.dataset.state || '';
|
document.getElementById('state').textContent = selectedOption.dataset.state || '';
|
||||||
document.getElementById('zip').value = selectedOption.dataset.postcode || '';
|
document.getElementById('zip').textContent = selectedOption.dataset.postcode || '';
|
||||||
document.getElementById('phone').value = selectedOption.dataset.phone || '';
|
document.getElementById('phone').textContent = selectedOption.dataset.phone || '';
|
||||||
document.getElementById('latitude').value = selectedOption.dataset.latitude || '';
|
document.getElementById('latitude').textContent = selectedOption.dataset.latitude || '';
|
||||||
document.getElementById('longitude').value = selectedOption.dataset.longitude || '';
|
document.getElementById('longitude').textContent = selectedOption.dataset.longitude || '';
|
||||||
|
document.getElementById('zip').textContent = selectedOption.dataset.postcode || '';
|
||||||
|
|
||||||
// Update order summary with postcode
|
// Update order summary with postcode
|
||||||
if (selectedOption.dataset.postcode) {
|
if (selectedOption.dataset.postcode) {
|
||||||
|
|
@ -359,30 +328,34 @@
|
||||||
|
|
||||||
if (this.value === 'new' || this.value === '') {
|
if (this.value === 'new' || this.value === '') {
|
||||||
// Clear form fields for new address
|
// Clear form fields for new address
|
||||||
document.getElementById('firstName').value = '';
|
document.getElementById('firstName').textContent = '';
|
||||||
// document.getElementById('lastName').value = '';
|
// document.getElementById('lastName').value = '';
|
||||||
document.getElementById('address').value = '';
|
document.getElementById('address').textContent = '';
|
||||||
document.getElementById('city').value = '';
|
document.getElementById('city').textContent = '';
|
||||||
document.getElementById('state').value = '';
|
document.getElementById('state').textContent = '';
|
||||||
document.getElementById('zip').value = '';
|
document.getElementById('zip').textContent = '';
|
||||||
document.getElementById('phone').value = '';
|
document.getElementById('phone').textContent = '';
|
||||||
document.getElementById('latitude').value = '';
|
document.getElementById('latitude').textContent = '';
|
||||||
document.getElementById('longitude').value = '';
|
document.getElementById('longitude').textContent = '';
|
||||||
document.getElementById('zip').value = '';
|
document.getElementById('zip').textContent = '';
|
||||||
// Clear address ID input
|
// Clear address ID input
|
||||||
document.getElementById('addressIdInput').value = '';
|
document.getElementById('addressIdInput').value = '';
|
||||||
} else {
|
} else {
|
||||||
// Populate form fields with selected address
|
// Populate form fields with selected address
|
||||||
document.getElementById('firstName').value = selectedOption.dataset.firstName || '';
|
document.getElementById('firstName').textContent = selectedOption.dataset
|
||||||
|
.firstName || '';
|
||||||
// document.getElementById('lastName').value = selectedOption.dataset.lastName || '';
|
// document.getElementById('lastName').value = selectedOption.dataset.lastName || '';
|
||||||
document.getElementById('address').value = selectedOption.dataset.address || '';
|
document.getElementById('address').textContent = selectedOption.dataset.address ||
|
||||||
document.getElementById('city').value = selectedOption.dataset.city || '';
|
'';
|
||||||
document.getElementById('state').value = selectedOption.dataset.state || '';
|
document.getElementById('city').textContent = selectedOption.dataset.city || '';
|
||||||
document.getElementById('zip').value = selectedOption.dataset.postcode || '';
|
document.getElementById('state').textContent = selectedOption.dataset.state || '';
|
||||||
document.getElementById('phone').value = selectedOption.dataset.phone || '';
|
document.getElementById('zip').textContent = selectedOption.dataset.postcode || '';
|
||||||
document.getElementById('latitude').value = selectedOption.dataset.latitude || '';
|
document.getElementById('phone').textContent = selectedOption.dataset.phone || '';
|
||||||
document.getElementById('longitude').value = selectedOption.dataset.longitude || '';
|
document.getElementById('latitude').textContent = selectedOption.dataset.latitude ||
|
||||||
document.getElementById('zip').value = selectedOption.dataset.postcode || '';
|
'';
|
||||||
|
document.getElementById('longitude').textContent = selectedOption.dataset
|
||||||
|
.longitude || '';
|
||||||
|
document.getElementById('zip').textContent = selectedOption.dataset.postcode || '';
|
||||||
// Update address ID input
|
// Update address ID input
|
||||||
document.getElementById('addressIdInput').value = this.value;
|
document.getElementById('addressIdInput').value = this.value;
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue