rezaul.karim/SweetSpHTML3v1.1.2

@*Delivery Address Table Section*@ <h3 class="display-6">Customer Address Information</h3> <div class="d-flex justify-content-center"> <div class="col-10"> <table class="table table-bordered table-sm text-center"> <thead> <tr> <th>Delivery Address</th> <th>Contact Person</th> <th>Phone</th> <th>Action</th> </tr> </thead> <tbody id="deliveryAddressContainer"> <tr class="deliveryAddressRow" id="deliveryAddressRow_0"> <td> <input type="text" name="DeliveryAddresses[0].Address" class="form-control form-control-sm" required /> </td> <td> <input type="text" name="DeliveryAddresses[0].ContactPerson" class="form-control form-control-sm" required /> </td> <td> <input type="text" name="DeliveryAddresses[0].Phone" class="form-control form-control-sm" required /> </td> <td> <button type="button" class="btn btn-danger btn-sm" id="btnRemoveDeliveryAddress">Delete</button> <button type="button" class="btn btn-success btn-sm" id="btnAddDeliveryAddress">Add</button> </td> </tr> </tbody> </table> </div> </div> </div> </form> <h3 class="display-6">Customer List</h3> <div class="d-flex justify-content-center"> <table class="table table-bordered table-striped table-sm"> <thead> <tr> <th>Customer Id</th> <th>Name</th> <th>Address</th> <th>Customer Type</th> <th>Bus. Start</th> <th>Credit Limit</th> </tr> </thead> <tbody> @foreach (var customer in Model) { <tr onclick="editCustomer(@customer.CustomerId)"> <td>@customer.CustomerId</td> <td>@customer.Name</td> <td>@customer.Address</td> <td>@customer.CustomerType</td> <td>@customer.BusinessStart</td> <td>@customer.CreditDetails</td> </tr> } </tbody> </table> </div> @section Scripts { <script> function previewImage(event) { const input = event.target; const preview = document.getElementById('photoPreview'); if (input.files && input.files[0]) { const reader = new FileReader(); reader.onload = function (e) { preview.src = e.target.result; preview.classList.remove('d-none'); } reader.readAsDataURL(input.files[0]); } }