SMG_DEV
/
ECOMMERCE
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

show description address info

This commit is contained in:
Bayu Lukman Yusuf 2026-02-26 13:16:45 +07:00
parent f24e86061e
commit 0dfdfb2912
1 changed files with 52 additions and 79 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

129
resources/views/checkout/v1-delivery-1.blade.php
View File

@ -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 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> </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;