merge postal code

CustomerOnlineV2/CustomerOnlineV2/Views/Customer/CustomerRegistration.cshtml

@@ -335,12 +335,38 @@
                                                                     <label for="PostalZipCode">Postal/Zip Code</label>
                                                                 </div>
                                                                 <span class="input-group-text px-2">
-                                                                    <button class="btn-choose bg-transparent text-white border-0" type="button">Lookup</button>
+                                                                <button class="btn-choose bg-transparent text-white border-0" id="btnSearch" type="button">Lookup</button>
                                                                 </span>
                                                             </div>
                                                         </div>
                                                     </div>
                                                 </div>
+                                                <div id="apiDataPopup" class="modal fade" role="dialog">
+                                                    <div class="modal-dialog">
+                                                        <div class="modal-content">
+                                                            <div class="modal-header">
+                                                                <h4 class="modal-title">Address List</h4>
+                                                            </div>
+                                                            <div class="modal-body">
+                                                                <table class="table table-bordered">
+                                                                    <thead>
+                                                                        <tr>
+                                                                            <th>SN</th>
+                                                                            <th>Address1</th>
+                                                                            <th>Address2</th>
+                                                                            <th>Action</th>
+                                                                        </tr>
+                                                                    </thead>
+                                                                    <tbody id="apiDataBody">
+                                                                    </tbody>
+                                                                </table>
+                                                            </div>
+                                                            <div class="modal-footer">
+                                                                <button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
+                                                            </div>
+                                                        </div>
+                                                    </div>
+                                                </div>
                                                 <div class="col-md-4">
                                                     <div class="mb-4">
                                                         <div class="form-floating">
@@ -463,8 +489,8 @@
                 </div>
             </section>
             <!-- Who we are end -->
-
-
+        <input type="hidden" id="hdnAdditionalAddress" name="hdnAdditionalAddress" value="initial value" />
+        <input type="hidden" id="cityHidden" name="cityHidden" value="initial value" />
 
 
         </div>
@@ -542,6 +568,69 @@
 
 
 $(document).ready(function () {
+            debugger;
+            $('#btnSearch').click(function (e) {
+                e.preventDefault();
+                var postalCode = $('#PostalZipCode').val();
+
+                if (!postalCode || postalCode == "" || postalCode == null) {
+                    alert("Postal cannot be empty");
+                    return;
+                }
+
+                $.ajax({
+                    type: 'POST',
+                    contentType: 'application/json; charset=utf-8',
+                    url: '/Customer/GetAddressByPostCode',
+                    //data: JSON.stringify({ postalCode: postalCode }),
+                    data: JSON.stringify(postalCode),
+                    dataType: 'json',
+                    success: function (response) {
+                        var data = JSON.parse(response);
+
+                        $('#apiDataPopup').modal({ backdrop: 'static', keyboard: false }, 'show');
+                        $('#apiDataBody tbody').empty();
+
+                        if (data && data.Data && data.Data.Addresses) {
+                            var addresses = data.Data.Addresses;
+
+                            addresses.forEach(function (item, index) {
+                                var row = $('<tr>');
+                                row.append($('<td>').text(index + 1));
+                                row.append($('<td>').text(item.Address1));
+                                row.append($('<td>').text(item.Address2));
+
+                                var selectButton = $('<button>')
+                                    .addClass('btn btn-primary')
+                                    .text('Select')
+                                    .click(function (event) {
+                                        var additionalAddress = item.Address1;
+                                        var city = item.Address2;
+
+                                        $('#hdnAdditionalAddress').val(additionalAddress);
+                                        $('#cityHidden').val(city);
+
+                                        $('#Address1').val(additionalAddress);
+                                        $('#Address2').val(city);
+                                        $('#apiDataPopup').modal('hide');
+                                        event.preventDefault();
+                                    });
+
+                                row.append($('<td>').append(selectButton));
+                                $('#apiDataBody').append(row);
+                            });
+
+                            $('#apiDataPopup').modal('show');
+                        } else {
+                            console.error("Invalid response.");
+                        }
+                    },
+                    error: function (error) {
+                        console.error(error);
+                    }
+                });
+            });
+       
     // Select the password and confirmPassword input fields
     var passwordField = $("#Password");
     var confirmPasswordField = $("#ConfirmPassword");