From 176109abdd970c0ba6a99a18a452e0dbd8e80853 Mon Sep 17 00:00:00 2001
From: shakun <shakun.shrestha@gmeremit.com.np>
Date: Fri, 17 Nov 2023 11:50:30 +0545
Subject: [PATCH] customer profile layout change of js and moible format change

---
 .../Controllers/CustomerDocumentController.cs |   3 +-
 .../Views/Customer/CustomerProfile.cshtml     |  42 +-
 .../Views/ReceiverInformation/Receiver.cshtml | 791 +++++++++---------
 .../Views/Shared/_Layout2.cshtml              |  20 +-
 4 files changed, 432 insertions(+), 424 deletions(-)

diff --git a/CustomerOnlineV2/CustomerOnlineV2/Controllers/CustomerDocumentController.cs b/CustomerOnlineV2/CustomerOnlineV2/Controllers/CustomerDocumentController.cs
index 3237a36..43bfbd6 100644
--- a/CustomerOnlineV2/CustomerOnlineV2/Controllers/CustomerDocumentController.cs
+++ b/CustomerOnlineV2/CustomerOnlineV2/Controllers/CustomerDocumentController.cs
@@ -89,11 +89,10 @@ namespace CustomerOnlineV2.Controllers
 
             var cd=  await _business.GetCustomerImageSavePath(loginDetails.Email);
 
-          
             doc.fileName = SaveFileToPath(MyUploader, cd.Id, Path.GetExtension(MyUploader.FileName), MyUploader.FileName, cd.Extra1);
+            doc.IdType = doc.fileType;
             doc.fileType = MyUploader.ContentType;
         
-            
             //ReceiverInformationModel _response = new ReceiverInformationModel();
             var Document = await _business.AddCustomerDocument(doc, loginDetails.UserId, loginDetails.Email);
 
diff --git a/CustomerOnlineV2/CustomerOnlineV2/Views/Customer/CustomerProfile.cshtml b/CustomerOnlineV2/CustomerOnlineV2/Views/Customer/CustomerProfile.cshtml
index 7be3c12..077e668 100644
--- a/CustomerOnlineV2/CustomerOnlineV2/Views/Customer/CustomerProfile.cshtml
+++ b/CustomerOnlineV2/CustomerOnlineV2/Views/Customer/CustomerProfile.cshtml
@@ -354,7 +354,7 @@
                                         <div class="input-group flex-nowrap">
                                             <div class="flex-grow-1">
 
-                                                <input type="file" id="IdFrontUpload" class="form-control" placeholder="Chose File..." />
+                                                <input type="file" id="IdFrontFileUpload" class="form-control" placeholder="Chose File..." />
                                             </div>
                                         </div>
                                     </div>
@@ -363,7 +363,7 @@
                                         <div class="input-group flex-nowrap">
                                             <div class="flex-grow-1">
 
-                                                <input type="file" id="IdBackUpload" class="form-control" placeholder="Chose File...">
+                                                <input type="file" id="IdBackFileUpload" class="form-control" placeholder="Chose File...">
                                             </div>
                                         </div>
                                     </div>
@@ -732,10 +732,12 @@
         $("#btnUpload").on('click', function () {
             let idtype = $('#primary-IdType').val();
 
-            FileUpload(idtype, '11394', 'ID_Front', 'IdFrontUpload');
-            FileUpload(idtype, '11395', 'ID_Back', 'IdBackUpload');
+            FileUpload(idtype, '11394', 'ID_Front', 'IdFrontFileUpload','N');
 
+            debugger;
+            FileUpload(idtype, '11395', 'ID_Back', 'IdBackFileUpload', 'N');
 
+            clearUploads();
             ShowAlertMessage("0", "Document uploaded successfully.", "CustomerProfile");
 
         });
@@ -744,9 +746,24 @@
             let idtype = $('#Add-IdType').val();
 
             FileUpload(idtype, '11396', 'Additional_ID_Front', 'add_idUpload', 'Y');
-
+            clearUploads();
         });
 
+        function clearUploads()
+        {
+            $('.loadImg').remove();
+            $('.loadImg1').remove();
+            $('.loadImg3').remove();
+
+            $('#primary-IdType').val('');
+            $('#Add-IdType').val('');
+            $('#IdFrontUpload').val('');
+            $('#IdBackUpload').val('');
+            $('#add_idUpload').val('');
+
+            $('#edit-doc-details').modal('hide');
+            $('#edit-doc-details1').modal('hide');
+        }
         function FileUpload(idtype, documentType, desc, id, alert) {
 
             const formData = new FormData();
@@ -773,22 +790,11 @@
                     success: function (response) {
 
                         if (response.responseCode != 0) {
-                            ShowAlertMessageErrorOnly(data, response.responseMessage);
+                            ShowAlertMessageErrorOnly(1, response.responseMessage);
 
                             return false;
                         }
-                        $('.loadImg').remove();
-                        $('.loadImg1').remove();
-                        $('.loadImg3').remove();
-
-                        $('#primary-IdType').val('');
-                        $('#Add-IdType').val('');
-                        $('#IdFrontUpload').val('');
-                        $('#IdBackUpload').val('');
-                        $('#add_idUpload').val('');
-
-                        $('#edit-doc-details').modal('hide');
-                        $('#edit-doc-details1').modal('hide');
+                      
 
                         if (alert === 'Y')
                             ShowAlertMessage("0", "Document uploaded successfully.", "CustomerProfile");
diff --git a/CustomerOnlineV2/CustomerOnlineV2/Views/ReceiverInformation/Receiver.cshtml b/CustomerOnlineV2/CustomerOnlineV2/Views/ReceiverInformation/Receiver.cshtml
index 093bc60..7de1654 100644
--- a/CustomerOnlineV2/CustomerOnlineV2/Views/ReceiverInformation/Receiver.cshtml
+++ b/CustomerOnlineV2/CustomerOnlineV2/Views/ReceiverInformation/Receiver.cshtml
@@ -13,9 +13,8 @@
 <head>
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/12.1.5/css/intlTelInput.css">
    @*  <link rel="stylesheet" href="./intlmask.css"> *@
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/12.1.5/js/intlTelInput.min.js"></script>
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/12.1.5/js/utils.js"></script>
+    @* <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> *@
+  
     @* <script src="./intlmask.js"></script> *@
     <style>
         input::-webkit-outer-spin-button,
@@ -258,392 +257,422 @@
         </div>
     </div>
 
-    <script>
-        (function () {
-            'use strict'
-            // Fetch all the forms we want to apply custom Bootstrap validation styles to
-            var forms = document.querySelectorAll('#ReceiverForm')
-            // Receiver();
-            // Loop over them and prevent submission
-            Array.prototype.slice.call(forms)
-                .forEach(function (form) {
-                    form.addEventListener('submit', function (event) {
-                        if (!form.checkValidity()) {
-                            event.preventDefault()
-                            event.stopPropagation()
-                        }
-                        else {
-                            event.preventDefault();
-                            var editFlag = '@editFlag';
-                            if (editFlag)
-                                UpdateReceiver();
-                            else
-                                Receiver();
-                        }
-                        form.classList.add('was-validated')
-                    }, false)
-                })
-        })();
-
-        $(document).ready(function () {
-            var editFlag = '@editFlag';
-            var receiverId = '@receiverId';
-            editReceiver(editFlag, receiverId);
-
-            $("#RelationshipOther").hide();
-
-            $("#Relationship").on("change", function () {
-                if ($(this).val() == '11339')
-                    $("#RelationshipOther").show();
-                else
-                    $("#RelationshipOther").hide();
-            });
-
-            $("#idTypeOther").hide();
-
-            $("#idType").on("change", function () {
-                if ($(this).val() == '11402')
-                    $("#idTypeOther").show();
-                else
-                    $("#idTypeOther").hide();
-            });
-
-            $('#ReceiverForm')
-                .find('[name="Mobile"]')
-                .intlTelInput({
-                    utilsScript: "https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/12.1.5/js/utils.js",
-
-                    autoPlaceholder: true,
-                    initialCountry: "us",
-                    geoIpLookup: "auto",
-
-                });
-
 
-        });
-
-        $('#Country').change(function () {
-
-            if ($(this).val() != '') {
-                PopulateDDL('paymentMode', 'pMode', $(this).val(), true, '');
-
-            }
-            else {
-                $('#paymentMode').empty();
+</body>
+</html>
 
-            }
+<script>
+    (function () {
+        'use strict'
+        // Fetch all the forms we want to apply custom Bootstrap validation styles to
+        var forms = document.querySelectorAll('#ReceiverForm')
+        // Receiver();
+        // Loop over them and prevent submission
+        Array.prototype.slice.call(forms)
+            .forEach(function (form) {
+                form.addEventListener('submit', function (event) {
+                    if (!form.checkValidity()) {
+                        event.preventDefault()
+                        event.stopPropagation()
+                    }
+                    else {
+                        event.preventDefault();
+                        var editFlag = '@editFlag';
+                        if (editFlag)
+                            UpdateReceiver();
+                        else
+                            Receiver();
+                    }
+                    form.classList.add('was-validated')
+                }, false)
+            })
+    })();
+
+    $(document).ready(function () {
+        var editFlag = '@editFlag';
+        var receiverId = '@receiverId';
+        editReceiver(editFlag, receiverId);
+
+        $("#RelationshipOther").hide();
+
+        $("#Relationship").on("change", function () {
+            if ($(this).val() == '11339')
+                $("#RelationshipOther").show();
+            else
+                $("#RelationshipOther").hide();
         });
 
+        $("#idTypeOther").hide();
 
-        $('#paymentMode').change(function () {
-
-
-
-            if ($(this).val() != '') {
-
-                PopulateAgentDDL();
-            }
-            else {
-                //$('#paymentMode').empty();
-                // $('#Relationship').empty();
-                //$('#idType').empty();
-                $('#bankName').empty();
-            }
+        $("#idType").on("change", function () {
+            if ($(this).val() == '11402')
+                $("#idTypeOther").show();
+            else
+                $("#idTypeOther").hide();
         });
 
+        $('#ReceiverForm')
+            .find('[name="Mobile"]')
+            .intlTelInput({
+                utilsScript: "https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/12.1.5/js/utils.js",
 
-        function PopulateAgentDDL() {
+                autoPlaceholder: true,
+                initialCountry: "GB",
+                geoIpLookup: "auto",
 
+            });
 
-            let pmode = $('#paymentMode option:selected').text();
-            let pCountryid = $('#Country option:selected').val();
 
-            let Data = {
-                Flag: 'rec- select - agent',
-                Country: pCountryid,
-                Value: pmode,
+    });
 
-            };
+    $('#Country').change(function () {
 
-            $.ajax(
-                {
-                    type: 'POST',
-                    url: '/ReceiverInformation/GetDDAgentLList',
-                    data: Data,
-                    headers: {
-                        "RequestVerificationToken":
-                            $('input[name="__RequestVerificationToken"]').val()
-                    },
-                    async: false,
-                    success: function (response) {
-                        PopulateDDLMain(response, 'bankName', true, '');
-                    },
-                    error: function () {
-                        return null;
-                    }
-                });
+        if ($(this).val() != '') {
+            PopulateDDL('paymentMode', 'pMode', $(this).val(), true, '');
 
         }
+        else {
+            $('#paymentMode').empty();
 
+        }
+    });
 
 
-        // function PopulateAgentDDL(id, flag, Country, pCountryid, value, countryId, showSelectOption, selectedVal) {
-        //     ;
-        //     let Data = {
-        //         Flag: flag,
-        //         Country: Country,
-        //         pCountry: pCountryid,
-        //         Value: value,
-        //         CountryId: countryId
-        //     };
-
-        //     $.ajax(
-        //         {
-        //             type: 'POST',
-        //             url: '/ReceiverInformation/GetDDAgentLList',
-        //             data: Data,
-        //             headers: {
-        //                 "RequestVerificationToken":
-        //                     $('input[name="__RequestVerificationToken"]').val()
-        //             },
-        //             async: false,
-        //             success: function (response) {
-        //                 PopulateDDLMain(response, id, showSelectOption, selectedVal);
-        //             },
-        //             error: function () {
-        //                 return null;
-        //             }
-        //         });
-        // };
-
-        function Receiver() {
-
-            DisableReceiveButton();
-
-            let country = $('#Country option:selected').html();
-            let firstName = $('#firstName').val();
-            let middleName = $('#middleName').val();
-            let lastName1 = $('#lastName1').val();
-            let Relationship = $('#Relationship').val();
-            let RelationshipOthers = $('#RelationshipOthers').val();
-            let Address = $('#Address').val();
-            let City = $('#City').val();
-            let Mobile = $('#Mobile').val();
-            let Email = $('#Email').val();
-            let PaymentMode = $('#paymentMode').val();
-            let idType = $('#idType').val();
-            let idTypeOthers = $('#idTypeOthers').val();
-            let idNumber = $('#idNumber').val();
-            let zipCode = $('#zipCode').val();
-            let createdDate = $('#createdDate').val();
-            let idExpairyDate = $('#idExpairyDate').val();
-            let bankLocation = $('#bankLocation').val();
-            let receiverAccountNumber = $('#receiverAccountNumber').val();
-            let bankName = $('#bankName option:selected').text();
-
-            let payOutPartner = $('#bankName').val();
-            let Data = {
-
-                Country: country,
-                firstName: firstName,
-                middleName: middleName,
-                lastName1: lastName1,
-                Relationship: Relationship,
-                RelationshipOthers: RelationshipOthers,
-                Address: Address,
-                City: City,
-                Mobile: Mobile,
-                Email: Email,
-                zipCode: zipCode,
-                idType: idType,
-                idTypeOthers: idTypeOthers,
-                idNumber: idNumber,
-                createdDate: createdDate,
-                idExpairyDate: idExpairyDate,
-                bankLocation: bankLocation,
-                receiverAccountNumber: receiverAccountNumber,
-                bankName: bankName,
-                paymentMode: PaymentMode,
-                payOutPartner: payOutPartner,
-            };
-
-            $.ajax(
-                {
-                    type: 'POST',
-                    url: '/ReceiverInformation/AddReceiver',
-                    data: Data,
-                    processData: true,
-                    headers: {
-                        "RequestVerificationToken":
-                            $('input[name="__RequestVerificationToken"]').val()
-                    },
-                    async: true,
-
-                    success: function (response) {
-                        EnableReceiveButton();
-                        if (response.responseCode != 0) {
-                            ShowAlertMessageErrorOnly(data, response.responseMessage);
-                            return false;
-                        }
-                        ShowAlertMessage("0", "Receiver Created successfully.", "/home" );
-                        // window.location.replace("/home");
-                    },
-                    error: function (data) {
-                        ShowAlertMessageErrorOnly(1, "Error ocurred during create!");
-                    }
-
-                    // success: function (response) {
-                    //     EnableReceiveButton();
-                    //     if (response.responseCode != 0) {
-                    //         ShowAlertMessage(response.responseCode, response.responseMessage);
-                    //         //ShowAlertMessage("Receiver Successfully created")
-
-                    //         return;
-
-                    //     }
-                    //     clearFields();
-
-                    //     $('#Country').focus();
-                    //     $('#message').text('Data successfully submitted');
+    $('#paymentMode').change(function () {
 
-                    //     window.location.replace("/home");
-                    // },
-                    // error: function () {
-                    //     return null;
-                    // }
-                });
-        }
 
-        function clearFields() {
-            // Clear the fields you want
-            $('#Country').val('');
-            $('#firstName').val('');
-            $('#middleName').val('');
-            $('#lastName1').val('');
-            $('#Relationship').val('');
-            $('#Address').val('');
-            $('#State').val('');
-            $('#Mobile').val('');
-            $('#Email').val('');
-            $('#paymentMode').val('');
-            $('#idType').val('');
-            $('#idNumber').val('');
-            $('#createdDate').val('');
-            $('#idExpairyDate').val('');
-            $('#bankLocation').val('');
-            $('#receiverAccountNumber').val('');
-            $('#bankName').val('');
-            $('#PaymentMode').val('');
 
-        }
+        if ($(this).val() != '') {
 
-        function DisableReceiveButton() {
-            $('.btnTextReceive').hide();
-            $('#btnReceive').css('cursor', 'not-allowed');
-            $('.loadingSend').show();
-            $('#btnReceive').prop('disabled', true);
+            PopulateAgentDDL();
         }
-
-        function EnableReceiveButton() {
-            ;
-            $('.btnTextReceive').show();
-            $('#btnReceive').css('cursor', 'pointer');
-            $('.loadingSend').hide();
-            $('#btnReceive').prop('disabled', false);
+        else {
+            //$('#paymentMode').empty();
+            // $('#Relationship').empty();
+            //$('#idType').empty();
+            $('#bankName').empty();
         }
+    });
+
+
+    function PopulateAgentDDL() {
+
+
+        let pmode = $('#paymentMode option:selected').text();
+        let pCountryid = $('#Country option:selected').val();
+
+        let Data = {
+            Flag: 'rec- select - agent',
+            Country: pCountryid,
+            Value: pmode,
+
+        };
+
+        $.ajax(
+            {
+                type: 'POST',
+                url: '/ReceiverInformation/GetDDAgentLList',
+                data: Data,
+                headers: {
+                    "RequestVerificationToken":
+                        $('input[name="__RequestVerificationToken"]').val()
+                },
+                async: false,
+                success: function (response) {
+                    PopulateDDLMain(response, 'bankName', true, '');
+                },
+                error: function () {
+                    return null;
+                }
+            });
 
-        // $(document).ready(function () {
-        //     var editFlag = '@editFlag';
-        //     var receiverId = '@receiverId';
-        //     editReceiver(editFlag, receiverId);
-
-
-        //     $('#ReceivingCountry').change(function () {
-        //         if ($(this).val() != '') {
-        //             PopulateDDL('DeliveryMethod', 'pMode', $(this).val(), true, '');
-        //             //PopulateDDL('Receiver', 'receiverList', $(this).val(), true, '');
-        //         }
-        //         else {
-        //             $('#DeliveryMethod').empty();
-        //             //$('#Receiver').empty();
-        //         }
-        //     });
-
-
-        // });
-
-        function editReceiver(editFlag, receiverId) {
-
-            if (editFlag === 'Y') {
-                $('#btnUpdateReceiver').show();
-                $('#btnReceive').hide();
-
-                $.ajax({
-                    type: 'POST',
-                    contentType: 'application/json; charset=utf-8',
-                    url: '/ReceiverInformation/EditReceiver/' + receiverId,
-
-                    success: function (data) {
-
-                        var result = data.receiverInformationModel[0];
-                        let mobile = result.mobile;
-                        const prefix = '+977';
-                        if (mobile.startsWith(prefix)) {
-                            mobile = mobile.slice(prefix.length);
-                        }
+    }
+
+
+
+    // function PopulateAgentDDL(id, flag, Country, pCountryid, value, countryId, showSelectOption, selectedVal) {
+    //     ;
+    //     let Data = {
+    //         Flag: flag,
+    //         Country: Country,
+    //         pCountry: pCountryid,
+    //         Value: value,
+    //         CountryId: countryId
+    //     };
+
+    //     $.ajax(
+    //         {
+    //             type: 'POST',
+    //             url: '/ReceiverInformation/GetDDAgentLList',
+    //             data: Data,
+    //             headers: {
+    //                 "RequestVerificationToken":
+    //                     $('input[name="__RequestVerificationToken"]').val()
+    //             },
+    //             async: false,
+    //             success: function (response) {
+    //                 PopulateDDLMain(response, id, showSelectOption, selectedVal);
+    //             },
+    //             error: function () {
+    //                 return null;
+    //             }
+    //         });
+    // };
+
+    function Receiver() {
+
+        DisableReceiveButton();
+
+        let country = $('#Country option:selected').html();
+        let firstName = $('#firstName').val();
+        let middleName = $('#middleName').val();
+        let lastName1 = $('#lastName1').val();
+        let Relationship = $('#Relationship').val();
+        let RelationshipOthers = $('#RelationshipOthers').val();
+        let Address = $('#Address').val();
+        let City = $('#City').val();
+        let Mobile = $('#Mobile').val();
+        let Email = $('#Email').val();
+        let PaymentMode = $('#paymentMode').val();
+        let idType = $('#idType').val();
+        let idTypeOthers = $('#idTypeOthers').val();
+        let idNumber = $('#idNumber').val();
+        let zipCode = $('#zipCode').val();
+        let createdDate = $('#createdDate').val();
+        let idExpairyDate = $('#idExpairyDate').val();
+        let bankLocation = $('#bankLocation').val();
+        let receiverAccountNumber = $('#receiverAccountNumber').val();
+        let bankName = $('#bankName option:selected').text();
+
+        let payOutPartner = $('#bankName').val();
+        let Data = {
+
+            Country: country,
+            firstName: firstName,
+            middleName: middleName,
+            lastName1: lastName1,
+            Relationship: Relationship,
+            RelationshipOthers: RelationshipOthers,
+            Address: Address,
+            City: City,
+            Mobile: Mobile,
+            Email: Email,
+            zipCode: zipCode,
+            idType: idType,
+            idTypeOthers: idTypeOthers,
+            idNumber: idNumber,
+            createdDate: createdDate,
+            idExpairyDate: idExpairyDate,
+            bankLocation: bankLocation,
+            receiverAccountNumber: receiverAccountNumber,
+            bankName: bankName,
+            paymentMode: PaymentMode,
+            payOutPartner: payOutPartner,
+        };
+
+        $.ajax(
+            {
+                type: 'POST',
+                url: '/ReceiverInformation/AddReceiver',
+                data: Data,
+                processData: true,
+                headers: {
+                    "RequestVerificationToken":
+                        $('input[name="__RequestVerificationToken"]').val()
+                },
+                async: true,
+
+                success: function (response) {
+                    EnableReceiveButton();
+                    if (response.responseCode != 0) {
+                        ShowAlertMessageErrorOnly(data, response.responseMessage);
+                        return false;
+                    }
+                    ShowAlertMessage("0", "Receiver Created successfully.", "/home");
+                    // window.location.replace("/home");
+                },
+                error: function (data) {
+                    ShowAlertMessageErrorOnly(1, "Error ocurred during create!");
+                }
+
+                // success: function (response) {
+                //     EnableReceiveButton();
+                //     if (response.responseCode != 0) {
+                //         ShowAlertMessage(response.responseCode, response.responseMessage);
+                //         //ShowAlertMessage("Receiver Successfully created")
+
+                //         return;
+
+                //     }
+                //     clearFields();
+
+                //     $('#Country').focus();
+                //     $('#message').text('Data successfully submitted');
+
+                //     window.location.replace("/home");
+                // },
+                // error: function () {
+                //     return null;
+                // }
+            });
+    }
+
+    function clearFields() {
+        // Clear the fields you want
+        $('#Country').val('');
+        $('#firstName').val('');
+        $('#middleName').val('');
+        $('#lastName1').val('');
+        $('#Relationship').val('');
+        $('#Address').val('');
+        $('#State').val('');
+        $('#Mobile').val('');
+        $('#Email').val('');
+        $('#paymentMode').val('');
+        $('#idType').val('');
+        $('#idNumber').val('');
+        $('#createdDate').val('');
+        $('#idExpairyDate').val('');
+        $('#bankLocation').val('');
+        $('#receiverAccountNumber').val('');
+        $('#bankName').val('');
+        $('#PaymentMode').val('');
+
+    }
+
+    function DisableReceiveButton() {
+        $('.btnTextReceive').hide();
+        $('#btnReceive').css('cursor', 'not-allowed');
+        $('.loadingSend').show();
+        $('#btnReceive').prop('disabled', true);
+    }
+
+    function EnableReceiveButton() {
+        ;
+        $('.btnTextReceive').show();
+        $('#btnReceive').css('cursor', 'pointer');
+        $('.loadingSend').hide();
+        $('#btnReceive').prop('disabled', false);
+    }
+
+    // $(document).ready(function () {
+    //     var editFlag = '@editFlag';
+    //     var receiverId = '@receiverId';
+    //     editReceiver(editFlag, receiverId);
+
+
+    //     $('#ReceivingCountry').change(function () {
+    //         if ($(this).val() != '') {
+    //             PopulateDDL('DeliveryMethod', 'pMode', $(this).val(), true, '');
+    //             //PopulateDDL('Receiver', 'receiverList', $(this).val(), true, '');
+    //         }
+    //         else {
+    //             $('#DeliveryMethod').empty();
+    //             //$('#Receiver').empty();
+    //         }
+    //     });
+
+
+    // });
+
+    function editReceiver(editFlag, receiverId) {
+
+        if (editFlag === 'Y') {
+            $('#btnUpdateReceiver').show();
+            $('#btnReceive').hide();
+
+            $.ajax({
+                type: 'POST',
+                contentType: 'application/json; charset=utf-8',
+                url: '/ReceiverInformation/EditReceiver/' + receiverId,
+
+                success: function (data) {
+
+                    var result = data.receiverInformationModel[0];
+                    let mobile = result.mobile;
+                    const prefix = '+977';
+                    if (mobile.startsWith(prefix)) {
+                        mobile = mobile.slice(prefix.length);
+                    }
 
 
 
-                        $('#Country option[value="' + result.country + '"]').attr('selected', 'selected');
+                    $('#Country option[value="' + result.country + '"]').attr('selected', 'selected');
 
-                        PopulateDDL('paymentMode', 'pMode', $('#Country option:selected').val(), true, '');
-                        $('#firstName').val(result.firstName);
-                        $('#middleName').val(result.middleName);
-                        $('#lastName1').val(result.lastName1);
-                        $('#Relationship option[value="' + result.relationship + '"]').attr('selected', 'selected');
-                        $('#Address').val(result.address);
-                        $('#City').val(result.city);
-                        $('#Mobile').val(mobile);
-                        $('#Email').val(result.email);
-                        //$('#zipCode').val(result.city);
-                        $('#idNumber').val(result.idNumber);
-                        $('#createdDate').val(result.createdDate);
-                        $('#idExpairyDate').val(result.idExpairyDate);
+                    PopulateDDL('paymentMode', 'pMode', $('#Country option:selected').val(), true, '');
+                    $('#firstName').val(result.firstName);
+                    $('#middleName').val(result.middleName);
+                    $('#lastName1').val(result.lastName1);
+                    $('#Relationship option[value="' + result.relationship + '"]').attr('selected', 'selected');
+                    $('#Address').val(result.address);
+                    $('#City').val(result.city);
+                    $('#Mobile').val(mobile);
+                    $('#Email').val(result.email);
+                    //$('#zipCode').val(result.city);
+                    $('#idNumber').val(result.idNumber);
+                    $('#createdDate').val(result.createdDate);
+                    $('#idExpairyDate').val(result.idExpairyDate);
 
-                        $('#paymentMode option[value="' + result.paymentMode + '"]').attr('selected', 'selected');
+                    $('#paymentMode option[value="' + result.paymentMode + '"]').attr('selected', 'selected');
 
-                        $('#idType option[value="' + result.idType + '"]').attr('selected', 'selected');
+                    $('#idType option[value="' + result.idType + '"]').attr('selected', 'selected');
 
 
-                        PopulateAgentDDL();
+                    PopulateAgentDDL();
 
-                        $('#bankLocation').val(result.bankLocation);
-                        $('#receiverAccountNumber').val(result.receiverAccountNumber);
+                    $('#bankLocation').val(result.bankLocation);
+                    $('#receiverAccountNumber').val(result.receiverAccountNumber);
 
-                        $('#bankName option[value="' + result.bankName + '"]').attr('selected', 'selected');
-                        // $('#bankName').val(result.bankName);
+                    $('#bankName option[value="' + result.bankName + '"]').attr('selected', 'selected');
+                    // $('#bankName').val(result.bankName);
 
-                        console.log('Received data:', data);
-                    },
-                    error: function () {
-                        console.error('Error retrieving data.');
-                    }
-                });
-            }
-            else {
-                $('#btnUpdateReceiver').hide();
-                $('#btnReceive').show();
-            }
-            let originalData = {
-                country: $('#Country option:selected').html(),
+                    console.log('Received data:', data);
+                },
+                error: function () {
+                    console.error('Error retrieving data.');
+                }
+            });
+        }
+        else {
+            $('#btnUpdateReceiver').hide();
+            $('#btnReceive').show();
+        }
+        let originalData = {
+            country: $('#Country option:selected').html(),
+            firstName: $('#firstName').val(),
+            middleName: $('#middleName').val(),
+            lastName1: $('#lastName1').val(),
+            relationship: $('#Relationship').val(),
+            address: $('#Address').val(),
+            city: $('#City').val(),
+            mobile: $('#Mobile').val(),
+            email: $('#Email').val(),
+            zipCode: $('#zipCode').val(),
+            idNumber: $('#idNumber').val(),
+            createdDate: $('#createdDate').val(),
+            idExpairyDate: $('#idExpairyDate').val(),
+            bankLocation: $('#bankLocation').val(),
+            receiverAccountNumber: $('#receiverAccountNumber').val(),
+            bankName: $('#bankName option:selected').text(),
+            payOutPartner: $('#bankName').val(),
+            paymentMode: $('#paymentMode').val(),
+            idType: $('#idType').val()
+        };
+    }
+
+    function UpdateReceiver() {
+        document.getElementById('btnUpdateReceiver').addEventListener('click', function () {
+
+            let updatedData = {
+                Country: $('#Country option:selected').html(),
                 firstName: $('#firstName').val(),
                 middleName: $('#middleName').val(),
                 lastName1: $('#lastName1').val(),
-                relationship: $('#Relationship').val(),
-                address: $('#Address').val(),
-                city: $('#City').val(),
-                mobile: $('#Mobile').val(),
-                email: $('#Email').val(),
+                Relationship: $('#Relationship').val(),
+                Address: $('#Address').val(),
+                City: $('#City').val(),
+                Mobile: $('#Mobile').val(),
+                Email: $('#Email').val(),
                 zipCode: $('#zipCode').val(),
                 idNumber: $('#idNumber').val(),
                 createdDate: $('#createdDate').val(),
@@ -655,53 +684,25 @@
                 paymentMode: $('#paymentMode').val(),
                 idType: $('#idType').val()
             };
-        }
-
-        function UpdateReceiver() {
-            document.getElementById('btnUpdateReceiver').addEventListener('click', function () {
-
-                let updatedData = {
-                    Country: $('#Country option:selected').html(),
-                    firstName: $('#firstName').val(),
-                    middleName: $('#middleName').val(),
-                    lastName1: $('#lastName1').val(),
-                    Relationship: $('#Relationship').val(),
-                    Address: $('#Address').val(),
-                    City: $('#City').val(),
-                    Mobile: $('#Mobile').val(),
-                    Email: $('#Email').val(),
-                    zipCode: $('#zipCode').val(),
-                    idNumber: $('#idNumber').val(),
-                    createdDate: $('#createdDate').val(),
-                    idExpairyDate: $('#idExpairyDate').val(),
-                    bankLocation: $('#bankLocation').val(),
-                    receiverAccountNumber: $('#receiverAccountNumber').val(),
-                    bankName: $('#bankName option:selected').text(),
-                    payOutPartner:$('#bankName').val(),
-                    paymentMode: $('#paymentMode').val(),
-                    idType: $('#idType').val()
-                };
-
-                $.ajax({
-                    type: 'POST',
-                    // contentType: 'application/json; charset=utf-8',
-                    url: '/ReceiverInformation/UpdateReceiver/' + '@receiverId',
-                    data: updatedData,
-
-                    success: function (response) {
-                        ShowAlertMessage("0", "Receiver updated successfully.", "/home");
-                        // window.location.replace("/home");
-                    },
-                    error: function () {
-                        console.error('Error updating customer.');
-                    }
-                });
 
+            $.ajax({
+                type: 'POST',
+                // contentType: 'application/json; charset=utf-8',
+                url: '/ReceiverInformation/UpdateReceiver/' + '@receiverId',
+                data: updatedData,
+
+                success: function (response) {
+                    ShowAlertMessage("0", "Receiver updated successfully.", "/home");
+                    // window.location.replace("/home");
+                },
+                error: function () {
+                    console.error('Error updating customer.');
+                }
             });
-        }
 
-    </script>
-</body>
-</html>
+        });
+    }
+
+</script>
 @* @section Scripts{
 } *@
diff --git a/CustomerOnlineV2/CustomerOnlineV2/Views/Shared/_Layout2.cshtml b/CustomerOnlineV2/CustomerOnlineV2/Views/Shared/_Layout2.cshtml
index 3525ebc..4f0f8ea 100644
--- a/CustomerOnlineV2/CustomerOnlineV2/Views/Shared/_Layout2.cshtml
+++ b/CustomerOnlineV2/CustomerOnlineV2/Views/Shared/_Layout2.cshtml
@@ -22,6 +22,16 @@
             left: -14px !important;
         }
     </style>
+    <script src="~/vendor/jquery/jquery.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/jquery-validation@1.19.5/dist/jquery.validate.js"></script>
+    <script src="~/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
+    <script src="~/vendor/bootstrap-select/js/bootstrap-select.min.js"></script>
+    <script src="~/vendor/owl.carousel/owl.carousel.min.js"></script>
+    <script src="~/js/script.js"></script>
+    <script src="~/js/custom.js"></script>
+    <script src="~/vendor/toast-alert/izitoast.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/12.1.5/js/intlTelInput.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/12.1.5/js/utils.js"></script>
 </head>
 <body>
     @{
@@ -160,15 +170,7 @@
         </footer> *@
         <!-- Footer end -->
     </div>
-    <script src="~/vendor/jquery/jquery.min.js"></script>
-    <script src="https://cdn.jsdelivr.net/npm/jquery-validation@1.19.5/dist/jquery.validate.js"></script>
-    <script src="~/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
-    <script src="~/vendor/bootstrap-select/js/bootstrap-select.min.js"></script>
-    <script src="~/vendor/owl.carousel/owl.carousel.min.js"></script>
-    <script src="~/js/script.js"></script>
-    <script src="~/js/custom.js"></script>
-    <script src="~/vendor/toast-alert/izitoast.min.js"></script>
-
+   
     <script type="text/javascript">
         let errorMsg = '@errorMessage';
         let errorCode = '@errorCode';