WEB_CORE/Swift.web/AgentNew/Administration/CustomerSetup/Benificiar/Manage.aspx

<%@ Page Title="" Language="C#" MasterPageFile="~/AgentNew/AgentMain.Master" AutoEventWireup="true" CodeBehind="Manage.aspx.cs" Inherits="Swift.web.AgentNew.Administration.CustomerSetup.Benificiar.Manage" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <link href="../../../css/Document.css" rel="stylesheet" />
    <style>
        .table .table {
            background-color: #F5F5F5 !important;
        }

        input, textarea {
            text-transform: uppercase;
        }

        .errormsg1 {
            font-size: 12px;
            color: #FA4345;
        }
    </style>

    <script type="text/javascript">
        $(document).ready(function () {
            $("#<%=receiverAccountNo.ClientID%>").keydown(function (event) {
                if (event.keyCode == 32) {
                    event.preventDefault();
                }
            });

            $('#isFromPhone').click(function () {
                if ($(this).is(':checked')) {
                    $('#customerDocument').hide();

                } else {
                    $('#customerDocument').show();
                }
            });

            $('#<%=ddlRelationship.ClientID%>').change(function () {
                $('#ContentPlaceHolder1_otherRelationDiv').hide();
                if ($('#<%=ddlRelationship.ClientID%>').val() === '11339') {
                    $('#ContentPlaceHolder1_otherRelationDiv').show();
                }
            });

            $('#<%=ddlPurposeOfRemitance.ClientID%>').change(function () {
                $('#ContentPlaceHolder1_otherPurposeDiv').hide();
                if ($('#<%=ddlPurposeOfRemitance.ClientID%>').val() === '11347') {
                    $('#ContentPlaceHolder1_otherPurposeDiv').show();
                }
                if ($('#<%=ddlPurposeOfRemitance.ClientID%>').val() === '11345') {
                    $('#ContentPlaceHolder1_goodsInfoDiv').show();
                } else {
                    $('#ContentPlaceHolder1_goodsInfoDiv').hide();
                }
            });

            var a = $("#<%=hideSearchDivVal.ClientID%>").val();
            if (a == "true") {
                $("#<%=hideSearchDivVal.ClientID%>").hide();
                $('.main-nav').hide();
            }

            $('#<%=register.ClientID%>').click(function () {
                return CheckFormValidation();
            });


            $(document).on('change', '#<%=ddlIdType.ClientID%>', function () {
                $('#<%=txtIdValue.ClientID%>').val('');
                idTypeVal = $(this).val();
                if (idTypeVal !== null && idTypeVal !== "" && idTypeVal !== "0") {
                    $('#<%=txtIdValue.ClientID%>').removeAttr('disabled');
                    $('#<%=idNumberErr.ClientID%>').show();
                }
                else {
                    $('#<%=txtIdValue.ClientID%>').attr('disabled', 'disabled');
                    $('#<%=idNumberErr.ClientID%>').hide();
                    $('#<%=ddlIdType.ClientID%>').removeAttr('style');
                    $('#<%=txtIdValue.ClientID%>').removeAttr('style');
                }
            });

            $(document).on('change', '#<%=ddlPayoutPatner.ClientID%>', function () {
                var bankId = $('#<%=ddlPayoutPatner.ClientID%> option:selected').val();
                var countryId = $('#<%=ddlCountry.ClientID%> option:selected').val();
                var pMode = $('#<%=ddlPaymentMode.ClientID%> option:selected').val();
                var data = { MethodName: "GetBankBranch", bankId: bankId, countryId: countryId, pMode: pMode, branchId: null };
                $.post("", data, function (response) {
                    PopulateBranchDDL(response, "<%=DDLBankBranch.ClientID%>", "Select Branch");
                });
            });

            hideShowMenuBar();
        });

        function CheckForMobileNumber(nField, fieldName) {
            var numberPattern = /^[+]?[0-9]{6,16}$/;
            test = numberPattern.test(nField.value);
            if (!test) {
                alert(fieldName + ' Is Not Valid !');
                nField.value = '';
                return false
            }
            return true;
        }

        function CheckForPhoneNumber(nField, fieldName) {
            var numberPattern = /^[+]?[0-9]{6,15}$/;
            test = numberPattern.test(nField.value);
            if (!test) {
                alert(fieldName + ' Is Not Valid !');
                nField.value = '';
                return false
            }
            return true;
        }

        function hideShowMenuBar() {
            var addType = '<%=GetReceiverAddType()%>';
            if (addType === "s") {
                $('.navbar.navbar-inverse.yamm.navbar-fixed-top.main-nav').hide();
                $('.listtabs').hide();
            }
        }
        function PopulatePaymentMethod() {
            var data =
            {
                MethodName: "PopulatePaymentMode",
                country: $("#<%=ddlCountry.ClientID%> option:selected").text()
            };
            $.ajax({
                url: "",
                type: "post",
                data: data,
                dataType: "json",
                async: false,
                success: function (response) {
                    PopulateDDL(response, '<%=ddlPaymentMode.ClientID%>', "", "", "");
                },
                error: function (error) {
                    alert("Something went wrong!!!")
                }
            })
        }

        function PopulatePayoutPartner() {
            $('#<%=ddlPayoutPatner.ClientID%>').empty();
            $('#<%=DDLBankBranch.ClientID%>').empty();
            var pmode = $("#<%=ddlPaymentMode.ClientID%> option:selected").val();
            if (pmode == "2") {
                 $("#<%=agentBankBranchDiv.ClientID%>").show();
                $("#<%=receiverAccountNo.ClientID%>").show();
                }
                else if (pmode == "13") {                   
                $("#<%=agentBankBranchDiv.ClientID%>").hide();
                $("#<%=receiverAccountNo.ClientID%>").show();
                $("#<%=beneficiaryAccount.ClientID%>").text('Beneficiary Wallet #');
               // document.getElementById('ContentPlaceHolder1_beneficiaryAccount').innerHTML = 'Beneficiary Wallet #';
            }
            else {
                $("#<%=receiverAccountNo.ClientID%>").hide();
                $("#<%=DDLBankBranch.ClientID%>").val('');
                $("#<%=agentBankBranchDiv.ClientID%>").hide();
            }
            var data =
            {
                MethodName: "PopulatePayoutPartner",
                country: $("#<%=ddlCountry.ClientID%> option:selected").val(),
                paymentMode: $("#<%=ddlPaymentMode.ClientID%> option:selected").text()
            };
            $.post("", data, function (response) {
                PopulateDDL(response, '<%=ddlPayoutPatner.ClientID%>', "", "", "");
            }).fail(function (error) {
                alert("Something went wrong!!!");
            });
        }

        function PopulateBranchDDL(populateData, ddlId, defaultText) {
            var myDDL = document.getElementById(ddlId);
            $(myDDL).empty();
            var option;
            if (defaultText != '') {
                option = document.createElement('option');
                option.text = defaultText;
                option.value = '';
                myDDL.options.add(option);
            }
            for (var i = 0; i < populateData.length; i++) {
                option = document.createElement('option');
                option.text = populateData[i].agentName;
                option.value = populateData[i].agentId;
                try {
                    myDDL.options.add(option);
                } catch (e) {
                    alert(e.message);

                }
            }
        }

        function PopulateDDL(populateData, ddlId, selectedId, selectedText, defaultText) {
            var myDDL = document.getElementById(ddlId);
            $(myDDL).empty();
            var option;
            if (defaultText != '') {
                option = document.createElement('option');
                option.text = defaultText;
                option.value = '';

                myDDL.options.add(option);
            }
            for (var i = 0; i < populateData.length; i++) {
                option = document.createElement('option');
                if (ddlId == '<%=ddlPaymentMode.ClientID%>') {
                    option.text = populateData[i].Value;
                    option.value = populateData[i].Key;

                } else {
                    option.text = populateData[i].AGENTNAME;
                    option.value = populateData[i].bankId;
                }

                if (selectedId != '' && selectedId == populateData[i].value) {
                    option.selected = true;
                } else if (selectedText != '' && selectedText.toUpperCase() == populateData[i].Key.toUpperCase()) {
                    option.selected = true;
                }

                try {
                    myDDL.options.add(option);
                } catch (e) {
                    alert(e.message);

                }
            }
        }
        function getUrlVars() {
            var vars = [], hash;
            var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
            for (var i = 0; i < hashes.length; i++) {
                hash = hashes[i].split('=');
                vars.push(hash[0]);
                vars[hash[0]] = hash[1];
            }
            return vars;
        }

        function showTextBox() {
            var res = $("#<% =ddlRelationship.ClientID%>").val();
            if (res.toUpperCase() == "11065") {
                $("#<%=otherRelationDiv.ClientID%>").show();
            }
            else {
                $("#<%=otherRelationDiv.ClientID%>").hide();
            }
        }

        function CheckFormValidation() {
            $('#<%=ddlIdType.ClientID%>').removeAttr('style');
            $('#<%=txtIdValue.ClientID%>').removeAttr('style');
            var input = $("#<%=txtSenderMobileNo.ClientID%>");
            var mobileNo = input.val();
            if (mobileNo != '') {
                var countryCode = $('.country.active .dial-code').text();
                var maxLength = input.attr('maxLength');
                if (mobileNo.indexOf(countryCode) < 0) {
                    mobileNo = countryCode + mobileNo;
                }
                if (mobileNo.length > maxLength) {
                    alert('Mobile No. Can allow input maxmum ' + maxLength + ' digit only');
                    $("#<%=txtSenderMobileNo.ClientID%>").val('');
                    return false;
                }
                $("#<%=txtSenderMobileNo.ClientID%>").val(mobileNo);
                var numberPattern = /^[+]?[0-9]{6,16}$/;
                test = numberPattern.test(mobileNo);
                if (!test) {
                    alert('Mobile No Is Not Valid !');
                    input.val('');
                    return false
                }
            }
            paymentMode = $("#<% =ddlPaymentMode.ClientID%>").val();
            var reqField = "<%=ddlCountry.ClientID%>,<%=ddlBenificiaryType.ClientID%>,<%=txtReceiverFName.ClientID%>,<%=txtReceiverLName.ClientID%>,<%=txtReceiverAddress.ClientID%>,<%=ddlPaymentMode.ClientID%>,<%=ddlNativeCountry.ClientID%>,";
            idTypeVal = $('#<%=ddlIdType.ClientID%>').val();
            idTypeNumber = $('#<%=txtIdValue.ClientID%>').val();
            if ((idTypeVal !== null && idTypeVal !== "" && idTypeVal !== "0") || (idTypeNumber !== null && idTypeNumber !== "" && idTypeNumber !== "0")) {
                reqField +="<%=ddlIdType.ClientID%>,<%=txtIdValue.ClientID%>,";
            }
            if ($('#<%=ddlPurposeOfRemitance.ClientID%>').val() === '11345') {
                reqField += "<%=goodsType.ClientID%>,<%=goodsOrigin.ClientID%>,<%=portOfShipment.ClientID%>,";
            }
            var receiverId = '<%=GetReceiverId()%>';
            <%--if (receiverId !== '' || $("#isFromPhone").prop("checked") === true) {
                reqField = reqField.replace(",<%=beneficiary_reg.ClientID%>,", ",");
                $(".errormsg1").hide();
            } else {
                $(".errormsg1").show();
            }--%>

            if (ValidRequiredFieldWithDocNew(reqField) === false) {
                return false;
            }
            $('#<%=register.ClientID%>').attr('disabled', 'disabled');
            saveNew();
        };
        function save() {
            var addType = '<%=GetReceiverAddType()%>';
            var bankBranch = $("#<%=DDLBankBranch.ClientID%> option:selected").val();
            if (bankBranch === undefined || bankBranch === null || bankBranch.length < 0) {
                bankBranch = "";
            }
            var data =
            {
                MethodName: "SaveReceiverDetails",
                nativeCountry: $("#<%=ddlNativeCountry.ClientID%>").val(),
                paymentMode: $("#<%=ddlPaymentMode.ClientID%> option:selected").val(),
                PayoutPatner: $("#<%=ddlPayoutPatner.ClientID%> option:selected").val(),
                Country: $("#<%=ddlCountry.ClientID%> option:selected").text().split('(')[0],
                BenificiaryType: $("#<%=ddlBenificiaryType.ClientID%> option:selected").val(),
                Email: $("#<%=txtEmail.ClientID%>").val(),
                ReceiverFName: $("#<%=txtReceiverFName.ClientID%>").val(),
                ReceiverMName: $("#<%=txtReceiverMName.ClientID%>").val(),
                ReceiverLName: $("#<%=txtReceiverLName.ClientID%>").val(),
                ReceiverAddress: $("#<%=txtReceiverAddress.ClientID%>").val(),
                ReceiverCity: $("#<%=txtReceiverCity.ClientID%>").val(),
                ContactNo: $("#<%=txtContactNo.ClientID%>").val(),
                SenderMobileNo: $("#<%=txtSenderMobileNo.ClientID%>").val(),
                Relationship: $("#<%=ddlRelationship.ClientID%> option:selected").val(),
                RelationshipOther: $("#<%=otherRelationshipTextBox.ClientID%>").val(),
                PlaceOfIssue: $("#<%=txtPlaceOfIssue.ClientID%>").val(),
                TypeId: $("#<%=ddlIdType.ClientID%> option:selected").val(),
                TypeValue: $("#<%=txtIdValue.ClientID%>").val(),
                BenificaryAc: $("#<%=receiverAccountNo.ClientID%>").val(),
                PurposeOfRemitance: $("#<%=ddlPurposeOfRemitance.ClientID%>").val(),
                PurposeOfRemitanceOther: $("#<%=purposeOther.ClientID%>").val(),
                BankLocation: bankBranch,
                BankName: $("#<%=txtBankName.ClientID%>").val(),
                BenificaryAc: $("#<%=txtBenificaryAc.ClientID%>").val(),
                Remarks: $("#<%=txtRemarks.ClientID%>").val(),
                OtherRelationDescription: $("#<%=otherRelationshipTextBox.ClientID%>").val(),
                membershipId: $("#<%=hideMembershipId.ClientID%>").val(),
                ReceiverId: $("#<%=hideBenificialId.ClientID%>").val(),
                hideCustomerId: $("#<%=hideCustomerId.ClientID%>").val(),
                hideBenificialId: $("#<%=hideBenificialId.ClientID%>").val(),
                goodsType: $("#<%=goodsType.ClientID%>").val(),
                goodsOrigin: $("#<%=goodsOrigin.ClientID%>").val(),
                portOfShipment: $("#<%=portOfShipment.ClientID%>").val()
            };
            $.ajax({
                url: "",
                type: "post",
                data: data,
                dataType: "json",
                success: function (response) {
                    if (response.ErrorCode == "1") {
                        alert(response.Msg);
                        return false;
                    } else {
                        if (addType.toLowerCase() == "s") {
                            CallBack(response.Id);
                        }
                        else {
                            var hide = $("#<%=hideSearchDivVal.ClientID%>").val();

                            if (hide === "true") {
                                window.location.href = "List.aspx?customerDetails=true&customerId=" + response.Extra + "&hideSearchDiv=true";
                            } else {
                                window.location.href = "List.aspx?customerDetails=true&customerId=" + response.Extra + "";
                            }
                            return;
                        }
                        return true;
                    }
                },
                error: function (error) {
                    alert("Something went wrong!!!");
                    return false;
                }
            })

        }
        function saveNew() {
            var addType = '<%=GetReceiverAddType()%>';
            var bankBranch = $("#<%=DDLBankBranch.ClientID%> option:selected").val();
            if (bankBranch === undefined || bankBranch === null || bankBranch.length < 0) {
                bankBranch = "";
            }
            var MethodName = "SaveReceiverDetails";
            var nativeCountry = $("#<%=ddlNativeCountry.ClientID%>").val();
            var paymentMode = $("#<%=ddlPaymentMode.ClientID%> option:selected").val();
            var PayoutPatner = $("#<%=ddlPayoutPatner.ClientID%> option:selected").val();
            var Country = $("#<%=ddlCountry.ClientID%> option:selected").text();
            var BenificiaryType = $("#<%=ddlBenificiaryType.ClientID%> option:selected").val();
            var Email = $("#<%=txtEmail.ClientID%>").val();
            var ReceiverFName = $("#<%=txtReceiverFName.ClientID%>").val();
            var ReceiverMName = $("#<%=txtReceiverMName.ClientID%>").val();
            var ReceiverLName = $("#<%=txtReceiverLName.ClientID%>").val();
            var ReceiverAddress = $("#<%=txtReceiverAddress.ClientID%>").val();
            var ReceiverCity = $("#<%=txtReceiverCity.ClientID%>").val();
            var ContactNo = $("#<%=txtContactNo.ClientID%>").val();
            var SenderMobileNo = $("#<%=txtSenderMobileNo.ClientID%>").val();
            var Relationship = $("#<%=ddlRelationship.ClientID%> option:selected").val();
            var RelationshipOther = $("#<%=otherRelationshipTextBox.ClientID%>").val();
            var PlaceOfIssue = $("#<%=txtPlaceOfIssue.ClientID%>").val();
            var TypeId = $("#<%=ddlIdType.ClientID%> option:selected").val();
            var TypeValue = $("#<%=txtIdValue.ClientID%>").val();
            var PurposeOfRemitance = $("#<%=ddlPurposeOfRemitance.ClientID%>").val();
            var PurposeOfRemitanceOther = $("#<%=purposeOther.ClientID%>").val();
            var BankLocation = bankBranch;
            var BankName = $("#<%=ddlPayoutPatner.ClientID%> option:selected").text();
            var BenificaryAc = $("#<%=txtBenificaryAc.ClientID%>").val();
            var Remarks = $("#<%=txtRemarks.ClientID%>").val();
            var membershipId = $("#<%=hideMembershipId.ClientID%>").val();
            var ReceiverId = $("#<%=hideBenificialId.ClientID%>").val();
            var hideCustomerId = $("#<%=hideCustomerId.ClientID%>").val();
            var hideBenificialId = $("#<%=hideBenificialId.ClientID%>").val();
            var goodsType = $("#<%=goodsType.ClientID%>").val();
            var goodsOrigin = $("#<%=goodsOrigin.ClientID%>").val();
            var portOfShipment = $("#<%=portOfShipment.ClientID%>").val();
            var formData = new FormData();
           // var beneficiaryRefForm = $("#" + mId + "beneficiary_reg")[0].files;
            //if (beneficiaryRefForm.length > 0)
            //    formData.append(beneficiaryRefForm.name, beneficiaryRefForm[0]);

            var isFromPhone = $("#isFromPhone").prop("checked");
            formData.append("isFromPhone", isFromPhone);
            formData.append("MethodName", MethodName);
            formData.append("nativeCountry", nativeCountry);
            formData.append("paymentMode", paymentMode);
            formData.append("PayoutPatner", PayoutPatner);
            formData.append("Country", Country);
            formData.append("BenificiaryType", BenificiaryType);
            formData.append("Email", Email);
            formData.append("ReceiverFName", ReceiverFName);
            formData.append("ReceiverMName", ReceiverMName);
            formData.append("ReceiverLName", ReceiverLName);
            formData.append("ReceiverAddress", ReceiverAddress);
            formData.append("ReceiverCity", ReceiverCity);
            formData.append("ContactNo", ContactNo);
            formData.append("SenderMobileNo", SenderMobileNo);
            formData.append("Relationship", Relationship);
            formData.append("RelationshipOther", RelationshipOther);
            formData.append("PlaceOfIssue", PlaceOfIssue);
            formData.append("TypeId", TypeId);
            formData.append("TypeValue", TypeValue);
            formData.append("PurposeOfRemitance", PurposeOfRemitance);
            formData.append("PurposeOfRemitanceOther", PurposeOfRemitanceOther);
            formData.append("BankLocation", BankLocation);
            formData.append("BankName", BankName);
            formData.append("BenificaryAc", BenificaryAc);
            formData.append("Remarks", Remarks);
            formData.append("membershipId", membershipId);
            formData.append("ReceiverId", ReceiverId);
            formData.append("hideCustomerId", hideCustomerId);
            formData.append("hideBenificialId", hideBenificialId);
            formData.append("goodsType", goodsType);
            formData.append("goodsOrigin", goodsOrigin);
            formData.append("portOfShipment", portOfShipment);
            $.ajax({
                url: "",
                type: "post",
                data: formData,
                dataType: "json",
                contentType: false, // Not to set any content header  
                processData: false, // Not to process data  
                success: function (response) {
                    if (response.ErrorCode == "1") {
                        alert(response.Msg);
                        return false;
                    } else {
                        if (addType.toLowerCase() == "s") {
                            CallBack(response.Id);
                        }
                        else {
                            var hide = $("#<%=hideSearchDivVal.ClientID%>").val();
                            var dataSender = response.Extra2.split('|');

                            if ($("#<%=hideBenificialId.ClientID%>").val() === '' || $("#<%=hideBenificialId.ClientID%>").val() === 'undefined') {
                                if ($("#isFromPhone").prop("checked") === true) {
                                    window.location.href = "/AgentNew/Administration/CustomerSetup/SavePDF/SavePDFReceiver.aspx?customerId=" + dataSender[0] + "&receiverId=" + response.Id + "&membershipId=" + dataSender[1];
                                    return;
                                }
                            }

                            if (hide == "true") {
                                window.location.href = "List.aspx?customerDetails=true&customerId=" + response.Extra + "&hideSearchDiv=true";
                            } else {
                                window.location.href = "List.aspx?customerDetails=true&customerId=" + response.Extra + "";
                            }
                            return;
                        }
                        return true;
                    }
                },
                error: function (error) {
                    alert("Something went wrong!!!");
                    return false;
                }
            })

        }
        var isChrome = navigator.userAgent.toLowerCase().indexOf('chrome') > -1;
        function CallBack(res) {
            window.returnValue = res;
            if (isChrome) {
                window.opener.PostMessageToParentAddReceiver(window.returnValue);
            }
            window.close();
        }
    </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <asp:HiddenField ID="hideSearchDivVal" runat="server" />
    <asp:UpdatePanel ID="up1" runat="server">
        <ContentTemplate>
            <div class="page-wrapper">
                <div class="row">
                    <div class="col-sm-12">
                        <div class="page-title">
                            <h1></h1>
                        </div>
                    </div>
                </div>
                <div class="report-tab" runat="server" id="regUp">
                    <!-- Nav tabs -->
                    <div class="listtabs">
                        <ul class="nav nav-tabs" role="tablist">
                            <li role="presentation" runat="server" id="receiverList"><a href="List.aspx?customerId=<%=hideCustomerId.Value %>&hideSearchDiv=<%=hideSearchDivVal.Value %>">Beneficiary List</a></li>
                            <li class="active"><a href="Manage.aspx?receiverId=<%=hideBenificialId.Value %>&customerId=<%=hideCustomerId.Value %>&hideSearchDiv=<%=hideSearchDivVal.Value %>">Beneficiary Setup </a></li>
                        </ul>
                    </div>

                    <div class="tab-content">
                        <div role="tabpanel" class="tab-pane" id="List">
                        </div>
                        <div role="tabpanel" id="Manage">
                            <div class="row">
                                <div class="col-sm-12 col-md-12">
                                    <div class="register-form">
                                        <div class="panel panel-default clearfix m-b-20">
                                            <div class="panel-heading">
                                                <h4 class="panel-title">Beneficiary Setup:
                                                <label id="txtCustomerName" runat="server"></label>
                                                    (<label><%=hideMembershipId.Value %></label>) </h4>
                                            </div>
                                            <div class="panel-body">
                                                <div class="row">
                                                    <div class="col-md-12" id="msgDiv" runat="server" visible="false" style="background-color: red;">
                                                        <asp:Label ID="msgLabel" runat="server" ForeColor="White"></asp:Label>
                                                    </div>
                                                    <p class="col-md-12"><b>Receiver Details</b></p>
                                                </div>
                                                <%--body part--%>
                                                <asp:HiddenField ID="hideCustomerId" runat="server" />
                                                <asp:HiddenField ID="hideBenificialId" runat="server" />
                                                <asp:HiddenField ID="hideMembershipId" runat="server" />
                                                <div class="row">
                                                    <div class="col-md-4">
                                                        <div class="form-group">
                                                            <label>Country:<span class="errormsg">*</span></label>
                                                            <asp:DropDownList ID="ddlCountry" CssClass="form-control" runat="server">
                                                                <asp:ListItem Text="Select.."></asp:ListItem>
                                                            </asp:DropDownList>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-4">
                                                        <div class="form-group">
                                                            <label>Beneficiary Type:<span class="errormsg">*</span></label>
                                                            <asp:DropDownList ID="ddlBenificiaryType" CssClass="form-control" runat="server">
                                                            </asp:DropDownList>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-4" style="display: none">
                                                        <div class="form-group">
                                                            <label>Email:</label>
                                                            <asp:TextBox ID="txtEmail" TextMode="Email" runat="server" CssClass="form-control"></asp:TextBox>
                                                            <asp:RegularExpressionValidator ID="RegularExpressionValidator1" runat="server" Display="Dynamic"
                                                                ErrorMessage="Invalid Email Id!" ForeColor="Red" SetFocusOnError="True" ValidationGroup="send"
                                                                ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*" CssClass="inv"
                                                                ControlToValidate="txtEmail"></asp:RegularExpressionValidator>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-4">
                                                        <div class="form-group" style="overflow: initial;">
                                                            <label>Mobile No.: <span class="errormsg">*</span></label><br />
                                                            <asp:TextBox runat="server" MaxLength="16" ID="txtSenderMobileNo" placeholder="Mobile No" CssClass="form-control" />
                                                        </div>
                                                    </div>

                                                    <div class="col-md-4">
                                                        <div class="form-group">
                                                            <label>First Name:<span class="errormsg">*</span></label>
                                                            <asp:TextBox runat="server" ID="txtReceiverFName" CssClass="form-control" placeholder="Receiver First Name"></asp:TextBox>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-4">
                                                        <div class="form-group">
                                                            <label>Mid Name:</label>
                                                            <asp:TextBox runat="server" ID="txtReceiverMName" CssClass="form-control" placeholder="Receiver Mid Name"></asp:TextBox>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-4">
                                                        <div class="form-group">
                                                            <label>Last Name:<span class="errormsg">*</span></label>
                                                            <asp:TextBox runat="server" ID="txtReceiverLName" CssClass="form-control" placeholder="Receiver Last Name"></asp:TextBox>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="col-md-4">
                                                        <div class="form-group">
                                                            <label>Native Country :<span class="errormsg">*</span></label>
                                                            <asp:DropDownList ID="ddlNativeCountry" CssClass="form-control" runat="server">
                                                            </asp:DropDownList>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-4">
                                                        <div class="form-group">
                                                            <label>Receiver Address:<span class="errormsg">*</span></label>
                                                            <asp:TextBox runat="server" ID="txtReceiverAddress" CssClass="form-control" placeholder="Receiver Address"></asp:TextBox>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-4">
                                                        <div class="form-group">
                                                            <label>Receiver City:</label>
                                                            <asp:TextBox runat="server" ID="txtReceiverCity" CssClass="form-control" placeholder="Receiver City"></asp:TextBox>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="col-md-4" style="display: none">
                                                        <div class="form-group">
                                                            <label>Contact No:</label>
                                                            <asp:TextBox runat="server" ID="txtContactNo" CssClass="form-control" placeholder="Receiver Contact No" MaxLength="15" onchange="return CheckForPhoneNumber(this,'Phone No.')"></asp:TextBox>
                                                        </div>
                                                    </div>

                                                    <div class="col-md-4">
                                                        <div class="form-group">
                                                            <label>Id Type:</label>
                                                            <asp:DropDownList ID="ddlIdType" CssClass="form-control" runat="server">
                                                            </asp:DropDownList>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="col-md-4">
                                                        <label>Id Number:<span class="errormsg" id="idNumberErr" runat="server" hidden>*</span></label>
                                                        <div class="form-group">
                                                            <asp:TextBox runat="server" ID="txtIdValue" CssClass="form-control" placeholder="Any Photo Id" disabled="disabled"></asp:TextBox>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-4">
                                                        <div class="form-group">
                                                            <label>Place of Issue:</label>
                                                            <asp:TextBox runat="server" ID="txtPlaceOfIssue" CssClass="form-control" placeholder="Place Of Issue"></asp:TextBox>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-4">
                                                        <div class="form-group">
                                                            <label>Relationship To Beneficiary:</label>
                                                            <asp:DropDownList ID="ddlRelationship" onChange="showTextBox()" CssClass="form-control" runat="server">
                                                            </asp:DropDownList>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="col-md-4">
                                                        <div class="form-group" id="otherRelationDiv" runat="server">
                                                            <label>Description of other relationship:</label>
                                                            <asp:TextBox runat="server" ID="otherRelationshipTextBox" CssClass="form-control" placeholder="Other Relation Description"></asp:TextBox>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="clearfix"></div>
                                                    <p class="col-md-12">
                                                        <br />
                                                        <label class="">Transaction Information</label>
                                                    </p>
                                                </div>
                                                <div class="row">
                                                    <div class="col-md-4">
                                                        <div class="form-group">
                                                            <label>Purpose of Remitance:</label>
                                                            <asp:DropDownList ID="ddlPurposeOfRemitance" runat="server" CssClass="form-control">
                                                            </asp:DropDownList>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-4" id="otherPurposeDiv" runat="server" style="display: none;">
                                                        <div class="form-group">
                                                            <label>Purpose of Remitance Other:</label>
                                                            <asp:TextBox ID="purposeOther" runat="server" CssClass="form-control">
                                                            </asp:TextBox>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-4">
                                                        <div class="form-group">
                                                            <label>Payment Mode:<span class="errormsg">*</span></label>
                                                            <asp:DropDownList ID="ddlPaymentMode" runat="server" CssClass="form-control" onchange="PopulatePayoutPartner()">
                                                            </asp:DropDownList>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-4">
                                                        <div class="form-group">
                                                            <label>Agent/Bank:</label>
                                                            <asp:DropDownList ID="ddlPayoutPatner" runat="server" CssClass="form-control">
                                                            </asp:DropDownList>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="col-md-4" hidden="hidden">
                                                        <div class="form-group">
                                                            <label>Agent/Bank:<span><i>Type if Not Found</i></span></label>
                                                            <asp:TextBox ID="txtBankName" runat="server" CssClass="form-control clearOnNotBank"></asp:TextBox>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-4 showOnBankMethod" id="receiverAccountNo" runat="server">
                                                        <div class="form-group">
                                                            <label id="beneficiaryAccount" runat="server">Beneficiary A/c #:</label>
                                                            <asp:TextBox ID="txtBenificaryAc" runat="server" CssClass="form-control clearOnNotBank"></asp:TextBox>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-4" id="agentBankBranchDiv" runat="server">
                                                        <div class="form-group">
                                                            <label>Agent/Bank Branch:</label>
                                                            <asp:DropDownList ID="DDLBankBranch" runat="server" CssClass="form-control">
                                                            </asp:DropDownList>
                                                        </div>
                                                    </div>
                                                    <div id="goodsInfoDiv" style="display: none;" runat="server">
                                                        <div class="col-md-4">
                                                            <div class="form-group">
                                                                <label>Goods Type </label>
                                                                <asp:TextBox ID="goodsType" runat="server" CssClass="form-control" placeholder="Species, Mobile, etc"></asp:TextBox>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-4">
                                                            <div class="form-group">
                                                                <label>Place of Origin </label>
                                                                <asp:TextBox ID="goodsOrigin" runat="server" CssClass="form-control" placeholder="Nepal, India, China, etc"></asp:TextBox>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-4">
                                                            <div class="form-group">
                                                                <label>Port of Shipment </label>
                                                                <asp:TextBox ID="portOfShipment" runat="server" CssClass="form-control " placeholder="Nepal, India, China, etc"></asp:TextBox>
                                                            </div>
                                                        </div>
                                                    </div>

                                                </div>
                                                <div class="row">
                                                    <div class="col-md-12">
                                                        <div class="form-group">
                                                            <label>Remarks:</label>
                                                            <asp:TextBox ID="txtRemarks" runat="server" TextMode="MultiLine" Rows="2" CssClass="form-control"></asp:TextBox>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-12" id="isFromPhoneDiv" runat="server">
                                                        <div class="form-group">
                                                            <label class="checkbox-ui">
                                                                <input type="checkbox" id="isFromPhone" name="isFromPhone" required="required" />
                                                                <small>
                                                                    <label for="isFromPhone">Customer Requested by phone (For Furikomi Transaction)</label>
                                                                </small>
                                                            </label>
                                                        </div>
                                                    </div>
                                                </div>
                                                <%--End body part--%>
                                            </div>
                                        </div>
                                       <%-- <div class="panel panel-default clearfix m-b-20" id="customerDocument">
                                            <div class="panel-heading">Document Information</div>
                                            <div class="panel-body">
                                                <div class="col-md-6">
                                                    <div class="form-group">
                                                        <label id="lblreg_front_id">
                                                            <asp:Localize runat="server" meta:resourcekey="Register_040" Text="Add Beneficiary Form"></asp:Localize><span runat="server" id="requiredClass" class="errormsg1">*</span></label>
                                                        <div class="img-sample" style="display: none;">
                                                            <label>
                                                                <asp:Localize runat="server" meta:resourcekey="Register_041" Text="Sample Image"></asp:Localize></label>
                                                            <div class="samp-control">
                                                                <img src="/AgentNew/Img/alien-reg-front.jpg" alt="sample image" id="idImg1" />
                                                                <div class="enlarge">
                                                                    <img src="/AgentNew/Img/alien-reg-front.jpg" alt="sample image" id="idImg2" />
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="file-upload" id="beneficiaryReg">
                                                            <asp:FileUpload ID="beneficiary_reg" type="file" runat="server" class="uploadbutton required" accept="image/capture" capture="camera" />
                                                            <span>
                                                                <asp:Localize runat="server" meta:resourcekey="Register_042" Text="Drag and drop your file here or "></asp:Localize><span class="primary-c"><asp:Localize runat="server" meta:resourcekey="Register_043" Text="Browse"></asp:Localize></span>
                                                                <asp:Localize runat="server" meta:resourcekey="Register_044" Text=" for a document to upload"></asp:Localize>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>--%>

                                        <div class="col-sm-12" runat="server">
                                            <div class="form-group">
                                                <asp:Button ID="register" runat="server" CssClass="btn btn-primary m-t-25" Text="Submit" />
                                                <%--<asp:Button ID="register" runat="server" CssClass="btn btn-primary m-t-25" Text="Submit" OnClientClick="return CheckFormValidation()" />--%>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            </div>
        </ContentTemplate>
    </asp:UpdatePanel>
    <script>
        $(document).ready(function () {
            //$('#ContentPlaceHolder1_beneficiary_reg').on('change', function (e) {
            //    $('.loadImg').remove();
            //    ValidateExtensionForOtherDoc('ContentPlaceHolder1_beneficiary_reg');
            //    // console.log(e.target, 'e')
            //    for (var i = 0; i < e.target.files.length; i++) {
            //        var tmppath = URL.createObjectURL(e.target.files[i]);
            //        $(this).after('<span class="loadImg"><img src="' + tmppath + '" alt=""></span>');
            //        $(".loadImg img").fadeIn("fast");
            //    }
            //});


            var a = $("#<%=hideSearchDivVal.ClientID%>").val();
            if (a == "true") {
                $("#<%=hideSearchDivVal.ClientID%>").hide();
                $('.main-nav').hide();
            }


            $("#<%=txtSenderMobileNo.ClientID%>").intlTelInput({
                nationalMode: true,
                formatOnDisplay: false,
                utilsScript: "https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/12.1.3/js/utils.js" // just for formatting/placeholders etc
            });

            $("#<%=txtSenderMobileNo.ClientID%>").on("change", function () {
                var input = $("#<%=txtSenderMobileNo.ClientID%>");
                var mobileNo = input.val();
                var countryCode = $('.country.active .dial-code').text();
                var maxLength = input.attr('maxLength');
                if (mobileNo.indexOf(countryCode) < 0) {
                    mobileNo = countryCode + mobileNo;
                }
                if (mobileNo.length > maxLength) {
                    alert('Mobile No. Can allow input maxmum ' + maxLength + ' digit only');
                    return $(this).val('');
                }
                $(this).val(mobileNo);
                CheckForMobileNumber(this, 'Mobile No.');
            });
            PopulateCountryFlagForMobileNumber();

            $('#<%=ddlCountry.ClientID%>').on('change', function () {
               <%-- $("#<%=txtSenderMobileNo.ClientID%>").val('');--%>
                PopulateCountryFlagForMobileNumber();
                PopulatePaymentMethod();
                PopulatePayoutPartner();
            });

        });

        function PopulateCountryFlagForMobileNumber() {
            $('#<%=txtSenderMobileNo.ClientID%>').attr('disabled', 'disabled');
            var getCountry = $("#<%=ddlCountry.ClientID%> option:selected").text();
            var countryId = $("#<%=ddlCountry.ClientID%> option:selected").val();
            if (countryId === "" || countryId === null || countryId === "0") {
                return;
            }
            $('#<%=txtSenderMobileNo.ClientID%>').removeAttr('disabled');
            var code = getCountry.split('(');
            code = code[1].split(')')[0];
            $("#<%=txtSenderMobileNo.ClientID%>").intlTelInput('setCountry', code);

            if ('<%=GetReceiverId() %>' != '') {
                CheckMobileNumberorCountryCode();
            }
        }

        function CheckMobileNumberorCountryCode() {
            var input = $("#<%=txtSenderMobileNo.ClientID%>");
            var mobileNo = input.val();
            var newMobile = '';

            if (mobileNo.indexOf('+') >= 0 || mobileNo === '') {
                return true;
            }

            if (mobileNo != '') {
                var countryCode = $('.country.active .dial-code').text();
                var len = countryCode.length;
                var firstletters = mobileNo.substring(0, len - 1);

                var codeWithoutPlus = countryCode.replace('+', '');

                if (codeWithoutPlus === firstletters) {
                    newMobile = '+' + mobileNo;
                }
                else {
                    newMobile = countryCode + mobileNo;
                }

                $("#<%=txtSenderMobileNo.ClientID%>").val(newMobile);
            }
        }
    </script>
</asp:Content>