<%@ Page Language="C#" AutoEventWireup="true" MasterPageFile="~/Masters/AgentMaster.Master"
    CodeBehind="AccountUpgrade.aspx.cs" Inherits="CasheeremitAgent.Customer.AccountUpgrade" %>

<%@ Register Src="~/Components/Passport.ascx" TagName="Passport" TagPrefix="uc2" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>
<asp:Content ID="Content1" ContentPlaceHolderID="cpHead" runat="server">
    <style type="text/css">
        .ui-datepicker-month {
            color: #FF4500;
        }

        .ui-datepicker-year {
            color: #FF4500;
        }
    </style>
    <script type="text/javascript">
        function DisplayWaiting(validationgroup) {

            if (Validate(validationgroup) == 'success') {
                $find('<%=ModalPopupExtender2.ClientID %>').show();
                setTimeout('document.images["imgLoad"].src = "../Styles/images/loading.gif"', 10);
            }
        }

        function Validate(validationgroupname) {

            if (Page_ClientValidate(validationgroupname)) {
                return 'success';
            }
        }

        function DisplayProgress() {

            $find('<%=ModalPopupExtender2.ClientID %>').show();
            setTimeout('document.images["imgLoad"].src = "../Styles/images/loading.gif"', 10);
        }

        function Fail_alert() {
            swal({ title: "", text: "Upload failed. Please try again later.", type: "info" });
        }


        function validate_ID_FileSize(source, arguments) {
            debugger;
            arguments.IsValid = false;
            source.className = "errMsg";
            let filesiz = 0;
            let uploadControl = document.getElementById('<%= FileUpldID.ClientID %>');
            for (let i = 0; i < uploadControl.files.length; i++) {
                filesiz = filesiz + uploadControl.files[i].size;
            }
            //filesize = '<%=ConfigurationManager.AppSettings["UploadFileSize"].ToString() %>'
            if (uploadControl.files.length > '<%=filelimit %>') {
                source.innerHTML = "Please select maximum of " + '<%=filelimit %>' + " document(s).";
                arguments.IsValid = false;
            }
            else if (filesiz > '<%=filesize %>') {
                source.innerHTML = "File Size exceeds the limit.Please try uploading smaller size files.";
                arguments.IsValid = false;
            }
            else {
                arguments.IsValid = true;
            }
        }

        window.document.title = "File Upload";


    </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="cpLyremit" runat="server">
    <asp:ScriptManager ID="ScriptManager1" runat="server" AsyncPostBackTimeout="600">
    </asp:ScriptManager>
    <div class=" span7  margB20  margL20 nomrgMobil">
        <script src="../Scripts/js/jquery-ui-1.8.4.custom.min.js?v=1.1" type="text/javascript"></script>
        <script type="text/javascript">
            window.addEventListener("load", DatePicker);
            function swaRedirect(val, typ) {
                swal({
                    title: "",
                    text: val,
                    type: typ,
                    showConfirmButton: true,
                    confirmButtonColor: "#DD6B55",
                    confirmButtonText: "OK",
                    closeOnConfirm: false
                }, function (isConfirm) {
                    if (isConfirm) {
                        window.location.href = '<%=redurl %>';
                    }
                    else {
                    }
                });
            }

            function DatePicker() {
                debugger;
                var date = new Date();
                var currentMonth = date.getMonth();
                var currentDate = date.getDate();
                var currentYear = date.getFullYear();

                $('#<%= txtIDExpiry.ClientID %>').datepicker({
                    inline: true,
                    dateFormat: 'dd/mm/yy',
                    numberOfMonths: [1, 1],
                    showOn: "button",
                    buttonImage: "../Styles/images/date.jpg",
                    buttonImageOnly: true,
                    //minDate: new Date(currentYear, currentMonth, currentDate),
                    minDate: 1,
                    //minDate: '-100y',
                    changeMonth: true,
                    changeYear: true,
                    //maxDate: '1',
                    yearRange: '1950:' + (new Date().getFullYear() + 20)
                    //maxDate: '-10y'
                });
            }

            function DatePicker1() {

                $('#<%= txtIssuDate.ClientID %>').datepicker({
                    inline: true,
                    dateFormat: 'dd/mm/yy',
                    showOn: "button",
                    buttonImage: "../Styles/images/date.jpg",
                    buttonImageOnly: true,
                    changeMonth: true,
                    changeYear: true,
                    yearRange: '-100y:c+nn',
                    maxDate: '-1d'
                });
            }

            function SrchDay_onchange() {

                var year = document.getElementById("<%=ddlSyear.ClientID %>");
                var month = document.getElementById("<%=ddlSmonth.ClientID %>");
                var day = document.getElementById("<%=ddlSday.ClientID %>");

                var selected_year = year.value.toString();
                var selected_month = month.value.toString();
                var selected_day = day.value.toString();

                $('#<%=Shdnf_Day.ClientID %>').val(selected_day);
                $('#<%=Shdnf_Mnth.ClientID %>').val(selected_month);
                $('#<%=Shdnf_Yr.ClientID %>').val(selected_year);
            }


            function SrchPopulate_day() {
                var yearID = document.getElementById("<%=ddlSyear.ClientID %>");
                var monthID = document.getElementById("<%=ddlSmonth.ClientID %>");
                var list_day = document.getElementById("<%=ddlSday.ClientID %>");

                var year = parseInt(yearID.value.toString());
                var month = parseInt(monthID.value.toString());

                $('#<%=ddlSday.ClientID %>').empty();
                var newlistitem = document.createElement('OPTION');
                newlistitem.text = "Day";
                newlistitem.value = "0";
                list_day.options.add(newlistitem);

                switch (month) {
                    case 01:
                    case 03:
                    case 05:
                    case 07:
                    case 08:
                    case 10:
                    case 12:
                        for (i = 1; i <= 31; i++) {
                            var newListItem = document.createElement('OPTION');
                            if (i < 10) {
                                newListItem.text = "0" + i.toString();
                                newListItem.value = "0" + i.toString();
                            }
                            else {
                                newListItem.text = i.toString();
                                newListItem.value = i.toString();
                            }

                            list_day.options.add(newListItem);
                        }
                        break;

                    case 4:
                    case 6:
                    case 9:
                    case 11:
                        for (i = 1; i <= 30; i++) {
                            var newListItem = document.createElement('OPTION');
                            if (i < 10) {
                                newListItem.text = "0" + i.toString();
                                newListItem.value = "0" + i.toString();
                            }
                            else {
                                newListItem.text = i.toString();
                                newListItem.value = i.toString();
                            }

                            list_day.options.add(newListItem);
                        }
                        break;

                    case 2:
                        if ((year % 400 == 0) || (year % 100 != 0 && year % 4 == 0)) {
                            for (i = 1; i <= 29; i++) {
                                var newListItem = document.createElement('OPTION');
                                if (i < 10) {
                                    newListItem.text = "0" + i.toString();
                                    newListItem.value = "0" + i.toString();
                                }
                                else {
                                    newListItem.text = i.toString();
                                    newListItem.value = i.toString();
                                }

                                list_day.options.add(newListItem);
                            }
                        }
                        else {
                            for (i = 1; i <= 28; i++) {
                                var newListItem = document.createElement('OPTION');
                                if (i < 10) {
                                    newListItem.text = "0" + i.toString();
                                    newListItem.value = "0" + i.toString();
                                }
                                else {
                                    newListItem.text = i.toString();
                                    newListItem.value = i.toString();
                                }

                                list_day.options.add(newListItem);
                            }
                        }
                        break;
                }
            }
        </script>
        <script type="text/javascript">

            $(document).ready(startupscripts);
            Sys.WebForms.PageRequestManager.getInstance().add_endRequest(startupscripts);

            // Page_ClientValidate JavaScript function will make sure that all Validators have validated the form and the validation 
            //is successful then only it will raise the JavaScript confirmation.

            function blockSpace(e) {

                var keyCode;
                if ($.browser.msie)
                    keyCode = e.keyCode;
                else
                    keyCode = e.which;

                if (keyCode == 32)
                    return false;
            }

            function Validate(validationgroupname) {
                if (Page_ClientValidate(validationgroupname)) {
                    return 'success';
                }
            }

            function IDTypeAlertMsg() {
                swal({ title: "", text: "Please enter your correct details,this cannot be changed Later.", type: "info" });
            }


            function IDTypes() {
                //

                DatePicker();
                DatePicker1();
            }

            function Trim(str) {
                while (str.substring(0, 1) == ' ') // check for white spaces from beginning
                {
                    str = str.substring(1, str.length);
                }
                while (str.substring(str.length - 1, str.length) == ' ') // check white space from end
                {
                    str = str.substring(0, str.length - 1);
                }

                return str;
            }

            function valOtherPassport(source, args) {
                //
                var passNo1 = document.getElementById('<%= PassportOther1.FindControl("txtPassport1").ClientID%>');
                var passNo2 = document.getElementById('<%= PassportOther1.FindControl("txtPassport2").ClientID%>');
                var passNo3 = document.getElementById('<%= PassportOther1.FindControl("txtPassport3").ClientID%>');
                var passNo4 = document.getElementById('<%= PassportOther1.FindControl("txtPassport4").ClientID%>');
                var passNo5 = document.getElementById('<%= PassportOther1.FindControl("txtPassport5").ClientID%>');
                var passNo6 = document.getElementById('<%= PassportOther1.FindControl("txtPassport6").ClientID%>');
                var passNo7 = document.getElementById('<%= PassportOther1.FindControl("txtPassport7").ClientID%>');
                var passNo8 = document.getElementById('<%= PassportOther1.FindControl("txtPassport8").ClientID%>');
                var passNo9 = document.getElementById('<%= PassportOther1.FindControl("txtPassport9").ClientID%>');
                source.className = "errMsg";

                if (passNo1.value != "") {
                    var passport1 = Trim(passNo1.value);
                    if ((passport1.length > 0) && (passport1.length == 9)) {

                        if (passNo2.value != "") {
                            var passport2 = Trim(passNo2.value);
                            if ((passport2.length > 0) && (passport2.length == 1)) {

                                if (passNo3.value != "") {
                                    var passport3 = Trim(passNo3.value);
                                    if ((passport3.length > 0) && (passport3.length == 3)) {

                                        if (passNo4.length != "") {
                                            var passport4 = Trim(passNo4.value);
                                            if ((passport4.length > 0) && (passport4.length == 7)) {

                                                if (passNo5.value != "") {
                                                    var passport5 = Trim(passNo5.value);
                                                    if ((passport5.length > 0) && (passport5.length == 1)) {

                                                        if (passNo6.value != "") {
                                                            var passport6 = Trim(passNo6.value);
                                                            if ((passport6.length > 0) && (passport6.length == 7)) {

                                                                if (passNo7.value != "") {
                                                                    var passport7 = Trim(passNo7.value);
                                                                    if ((passport7.length > 0) && (passport7.length == 14)) {


                                                                        if (passNo8.value != "") {
                                                                            var passport8 = Trim(passNo8.value);
                                                                            if ((passport8.length > 0) && (passport8.length == 1)) {

                                                                                if (passNo9.value != "") {
                                                                                    var passport9 = Trim(passNo9.value);
                                                                                    if ((passport9.length > 0) && (passport9.length == 1)) {


                                                                                        args.IsValid = true;

                                                                                    } else {
                                                                                        source.innerHTML = "Enter valid Passport number";
                                                                                        passNo9.focus();
                                                                                        args.IsValid = false;
                                                                                    }

                                                                                } else {
                                                                                    source.innerHTML = "Enter valid Passport number";
                                                                                    passNo9.focus();
                                                                                    args.IsValid = false;
                                                                                }




                                                                            } else {
                                                                                source.innerHTML = "Enter valid Passport number";
                                                                                passNo8.focus();
                                                                                args.IsValid = false;
                                                                            }

                                                                        } else {
                                                                            source.innerHTML = "Enter valid Passport number";
                                                                            passNo8.focus();
                                                                            args.IsValid = false;
                                                                        }




                                                                    } else {
                                                                        source.innerHTML = "Enter valid Passport number";
                                                                        passNo7.focus();
                                                                        args.IsValid = false;
                                                                    }

                                                                } else {
                                                                    source.innerHTML = "Enter valid Passport number";
                                                                    passNo7.focus();
                                                                    args.IsValid = false;
                                                                }



                                                            } else {
                                                                source.innerHTML = "Enter valid Passport number";
                                                                passNo6.focus();
                                                                args.IsValid = false;
                                                            }

                                                        } else {
                                                            source.innerHTML = "Enter valid Passport number";
                                                            passNo6.focus();
                                                            args.IsValid = false;
                                                        }


                                                    } else {
                                                        source.innerHTML = "Enter valid Passport number";
                                                        passNo5.focus();
                                                        args.IsValid = false;
                                                    }

                                                } else {
                                                    source.innerHTML = "Enter valid Passport number";
                                                    passNo5.focus();
                                                    args.IsValid = false;
                                                }
                                            } else {
                                                source.innerHTML = "Enter the valid Passport number";
                                                passNo4.focus();
                                                args.IsValid = false;
                                            }

                                        } else {
                                            source.innerHTML = "Enter the valid Passport number";
                                            passNo4.focus();
                                            args.IsValid = false;
                                        }

                                    } else {
                                        source.innerHTML = "Enter the valid Passport number";
                                        passNo3.focus();
                                        args.IsValid = false;
                                    }

                                }
                                else {
                                    source.innerHTML = "Enter the valid Passport number";
                                    passNo3.focus();
                                    args.IsValid = false;
                                }

                            } else {
                                source.innerHTML = "Enter the valid Passport number";
                                passNo2.focus();
                                args.IsValid = false;
                            }

                        } else {
                            source.innerHTML = "Enter the valid Passport number";
                            passNo2.focus();
                            args.IsValid = false;

                        }

                    } else {
                        source.innerHTML = "Enter the valid Passport number";
                        passNo1.focus();
                        args.IsValid = false;
                    }
                } else {
                    source.innerHTML = "Enter the valid Passport number";
                    passNo1.focus();
                    args.IsValid = false;
                }
            }
        </script>
        <div id="dvStep1" runat="server" class="col-md-12 ">
            <div class="bluHD col-md-12">
                Account Upgrade
            </div>
            <div id="Step1" class="col-md-12 vinobox ">
                <div class="clearfix">
                    &nbsp;
                </div>
                <asp:HiddenField ID="Shdnf_Day" runat="server" />
                <asp:HiddenField ID="Shdnf_Mnth" runat="server" />
                <asp:HiddenField ID="Shdnf_Yr" runat="server" />
                <asp:Panel ID="pnlRemSrch" runat="server" DefaultButton="btnSearch">
                    <div class="col-md-6">
                        <div class="row mrgBot10">
                            <div class=" col-md-3">
                                <asp:Label ID="lblRemID" runat="server" Text="Remitter ID"></asp:Label>
                                <%-- <span class="starRed">*</span>--%>
                            </div>
                            <div class="col-md-7">
                                <asp:TextBox ID="txtremid" class="txtboxM" runat="server"></asp:TextBox>
                                <%-- <asp:RequiredFieldValidator ID="reqRemID" runat="server" ErrorMessage="Please Enter Remitter ID."
                                CssClass="errMsg" ControlToValidate="txtremid" ValidationGroup="Srch" Display="Dynamic"></asp:RequiredFieldValidator>--%>
                                <asp:RegularExpressionValidator ID="regremID" runat="server" ValidationGroup="Srch"
                                    ControlToValidate="txtremid" Display="Dynamic" class="errMsg" ErrorMessage="Please enter a valid RemitterID"
                                    ValidationExpression="^([a-zA-Z0-9]{5,50})$"></asp:RegularExpressionValidator>
                            </div>
                        </div>
                        <div class="row mrg10-T">
                            <div class="col-md-3">
                                <asp:Label ID="lblSFName" runat="server" Text="First Name" />
                            </div>
                            <div class="col-md-7">
                                <asp:TextBox ID="txtSFname" class="txtboxM" MaxLength="50" runat="server"></asp:TextBox>
                                <asp:RegularExpressionValidator ID="regFirstName" runat="server" ValidationGroup="Srch"
                                    ControlToValidate="txtSFname" Display="Dynamic" class="errMsg" ErrorMessage="Please enter a valid FirstName"
                                    ValidationExpression="^(([a-zA-Z]\s?){1,50})$"></asp:RegularExpressionValidator>
                            </div>
                            <asp:HiddenField ID="HiddenField1" runat="server" />
                        </div>
                        <div class="row mrg10-T">
                            <div class="col-md-3">
                                <asp:Label ID="lblSLName" runat="server" Text="Last Name"></asp:Label>
                            </div>
                            <div class="col-md-7">
                                <asp:TextBox ID="txtSLName" class="txtboxM" runat="server"></asp:TextBox>
                                <asp:RegularExpressionValidator ID="regFamilyName" runat="server" ControlToValidate="txtSLName"
                                    Display="Dynamic" CssClass="errMsg" ValidationGroup="Srch" ErrorMessage="Please enter a valid LastName"
                                    ValidationExpression="^(([a-zA-Z]\s?){1,50})$"></asp:RegularExpressionValidator>
                            </div>
                        </div>
                        <div class="row mrg10-T">
                            <div class="col-md-3">
                                <asp:Label ID="lblSMobNo" runat="server" Text="Mobile No"></asp:Label>
                            </div>
                            <div class="col-md-7">
                                <asp:TextBox ID="txtSMobNo" class="txtboxM" runat="server"></asp:TextBox>
                                <asp:RegularExpressionValidator ID="regMbNo" runat="server" ControlToValidate="txtSMobNo"
                                    Display="Dynamic" CssClass="errMsg" ValidationGroup="Srch" ErrorMessage="Please enter a valid MobileNo"
                                    ValidationExpression="^([0-9]{1,12})$"></asp:RegularExpressionValidator>
                            </div>
                        </div>
                        <div class="row mrg10-T">
                            <div class="col-md-3">
                                <asp:Label ID="lblDOB" runat="server" Text="Date Of Birth"></asp:Label>
                                <span class="starRed">*</span>
                            </div>
                            <div class="col-md-7">
                                <span class="dateholder">
                                    <asp:DropDownList ID="ddlSyear" CssClass="selectBox" runat="server" Style="width: 90%;"
                                        onchange="SrchPopulate_day();">
                                    </asp:DropDownList>
                                    <asp:RequiredFieldValidator ID="rqSyear" runat="server" ErrorMessage="Please select Year"
                                        ControlToValidate="ddlSyear" CssClass="errMsg" ValidationGroup="Srch" InitialValue="0"
                                        Display="Dynamic"></asp:RequiredFieldValidator>
                                </span><span class="dateholder">
                                    <asp:DropDownList ID="ddlSmonth" CssClass="selectBox" Style="width: 90%;" runat="server"
                                        onchange="SrchPopulate_day();">
                                    </asp:DropDownList>
                                    <asp:RequiredFieldValidator ID="rqSmonth" runat="server" ErrorMessage="Please select Month"
                                        ControlToValidate="ddlSmonth" CssClass="errMsg" ValidationGroup="Srch" InitialValue="00"
                                        Display="Dynamic"></asp:RequiredFieldValidator>
                                </span><span class="dateholder">
                                    <asp:DropDownList ID="ddlSday" CssClass="selectBox" Style="width: 90%;" runat="server"
                                        onchange="SrchDay_onchange();">
                                        <asp:ListItem Selected="True" Value="0">Day</asp:ListItem>
                                    </asp:DropDownList>
                                    <asp:RequiredFieldValidator ID="rqSday" runat="server" ErrorMessage="Please select Day"
                                        ControlToValidate="ddlSday" CssClass="errMsg" ValidationGroup="Srch" InitialValue="0"
                                        Display="Dynamic"></asp:RequiredFieldValidator>
                                </span>
                            </div>
                        </div>
                    </div>
                    <div class="clrfx">
                        &nbsp;
                    </div>
                    <div class="col-md-12">
                        <div class="col-md-3">
                            &nbsp;
                        </div>
                        <div class="col-md-1">
                            <asp:Button ID="btnSearch" runat="server" CssClass="orngBtn " Text="Search" OnClick="btnSearch_Click"
                                OnClientClick="DisplayWaiting('Srch');" ValidationGroup="Srch" />
                        </div>
                    </div>
                    <div class="clrfx">
                        &nbsp;
                    </div>
                </asp:Panel>
            </div>
        </div>
        <div class="clrfx">
            &nbsp;
        </div>
    </div>
    <div id="dvSrchReslt" class="table-responsive m-t-20" runat="server" visible="false">
        <asp:GridView ID="gvRemitter" runat="server" AutoGenerateColumns="False" AllowPaging="True"
            CssClass="table table-striped table-bordered tablefieldWidth bgrow" OnPageIndexChanging="gvRemitter_PageIndexChanging"
            OnRowDataBound="gvRemitter_RowDataBound" OnRowCommand="gvRemitter_RowCommand"
            DataKeyNames="Remitter_ID,Rem_FirstName,Acc_Status,Groups,Rem_LastName,Rem_AddressLine1,Rem_City,Rem_Country,Rem_DOB,Rem_Mobile,Rem_Type,Rem_Email,KYC_WB_Status,REM_Type"
            EmptyDataText="No Records Found" PageSize="10">
            <RowStyle CssClass="faq_text_tb2" />
            <Columns>
                <asp:BoundField DataField="Remitter_ID" HeaderText="RemitterID" />
                <asp:BoundField DataField="Rem_FirstName" HeaderText="FirstName" />
                <asp:BoundField DataField="Rem_LastName" HeaderText="LastName" />
                <asp:BoundField DataField="Rem_Mobile" HeaderText="MobileNo" />
                <asp:BoundField DataField="Acc_Status" HeaderText="Status" />
                <asp:BoundField DataField="Groups" HeaderText="Category" />
                <asp:BoundField DataField="Rem_Email" HeaderText="Email ID" ItemStyle-Wrap="true"
                    ItemStyle-CssClass="WordWrap" />
                <asp:TemplateField ShowHeader="False">
                    <ItemTemplate>
                        <asp:LinkButton ID="btnView" runat="server" Text="Upload" CommandName="upload" CausesValidation="false"
                            OnClientClick="DisplayProgress();" />
                    </ItemTemplate>
                </asp:TemplateField>
            </Columns>
            <PagerStyle BackColor="White" ForeColor="White" Width="200px" HorizontalAlign="Center"
                CssClass="pgg" />
        </asp:GridView>
    </div>
    <div class="clrfx">
        &nbsp;
    </div>
    <div class="clrfx">
        &nbsp;
    </div>
    <div id="dvUpgrade" runat="server" visible="false" class=" span7  margB20  margL20 nomrgMobil">
        <div id="dvIDProof" runat="server" visible="false" class="col-md-12 ">
            <div class="col-md-6">
                <div class="row mrgBot10">
                    <div class="col-md-3">
                        <asp:Label ID="lblIDType" runat="server" Text="Document Type"></asp:Label>
                        <span class="starRed">*</span>
                    </div>
                    <div class="col-md-7">
                        <asp:DropDownList ID="ddlIDType" CssClass="selectBox" AutoPostBack="true" OnSelectedIndexChanged="ddlIDType_changed"
                            runat="server">
                        </asp:DropDownList>
                        <asp:RequiredFieldValidator ID="rfvddlDistrict" runat="server" ControlToValidate="ddlIDType"
                            CssClass="errMsg" Display="Dynamic" InitialValue="0" ValidationGroup="submit"
                            ErrorMessage="Please select an IDType"></asp:RequiredFieldValidator>
                    </div>
                    <div class="col-md-3">
                        &nbsp;
                    </div>
                    <div id="dvpsprt" runat="server" visible="false" class="row mrgBot10">
                        <div class="col-md-3">
                            &nbsp;
                        </div>
                        <div class="col-md-7">
                            <asp:Image ID="imgpsprt" runat="server" Style="margin-left: 30%;" ImageUrl="~/Styles/img/uk_passport.jpg"
                                CssClass="imgPass" />
                        </div>
                    </div>
                </div>
                <div id="dvIdDtls" runat="server" visible="false">
                    <div id="divOtherDoc" runat="server" visible="false" class="row mrgBot10">
                        <div class="col-md-3">
                            <asp:Label ID="lblOtherDoc" runat="server" Text="Other Document Type"></asp:Label>
                            <span class="starRed">*</span>
                        </div>
                        <div class=" col-md-7">
                            <asp:TextBox ID="txtOtherDoc" class="txtboxM" runat="server" MaxLength="15"></asp:TextBox>
                            <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ErrorMessage="Please enter Other Document Type"
                                CssClass="errMsg" ControlToValidate="txtOtherDoc" ValidationGroup="submit" Display="Dynamic"></asp:RequiredFieldValidator>
                            <asp:RegularExpressionValidator ID="RegularExpressionValidator3" runat="server" ValidationGroup="submit"
                                ControlToValidate="txtOtherDoc" Display="Dynamic" class="errMsg" ErrorMessage="Please enter valid Document Type"
                                ValidationExpression="^(([a-zA-Z]\s?){1,50})$"></asp:RegularExpressionValidator>
                        </div>
                    </div>
                    <div class="row mrgBot10">
                        <div id="divIDNo" class="col-md-3" visible="false" runat="server">
                            <asp:Label ID="lblIDNumber" runat="server" Text="ID Number"></asp:Label>
                            <span class="starRed">*</span>
                        </div>
                        <div class=" col-md-7">
                            <uc2:Passport ID="PassportOther1" runat="server" Visible="false" />
                            <asp:TextBox ID="txtIDNumber" class="txtboxM" runat="server" MaxLength="16" Visible="false"></asp:TextBox>
                            <asp:CustomValidator ID="cvOtherPassport" runat="server" ControlToValidate='<%#  PassportOther1.FindControl("txtPassport1")%>'
                                Display="Dynamic" Font-Size="X-Small" ClientValidationFunction="valOtherPassport"
                                Visible="false" ValidationGroup="submit"></asp:CustomValidator>
                            <asp:RequiredFieldValidator ID="reqIDNumber" runat="server" ErrorMessage="Please enter ID Number"
                                CssClass="errMsg" ControlToValidate="txtIDNumber" ValidationGroup="submit" Display="Dynamic"
                                Visible="false"></asp:RequiredFieldValidator>
                            <asp:RegularExpressionValidator ID="regIDNumber" ControlToValidate="txtIDNumber"
                                runat="server" ErrorMessage="Please enter Valid ID Number" Display="Dynamic"
                                Font-Size="X-Small" CssClass="errMsg" ValidationExpression="^([a-zA-Z0-9 ]{5,50})$"
                                ValidationGroup="submit" Visible="false"></asp:RegularExpressionValidator>
                        </div>
                    </div>
                    <div class="row mrgBot10">
                        <div class="col-md-3">
                            <asp:Label ID="lblIDIssuedBy" runat="server" Text="ID Issued By"></asp:Label>
                            <span class="starRed">*</span>
                        </div>
                        <div class=" col-md-7">
                            <asp:TextBox ID="txtIdIssuedBy" class="txtboxM" runat="server" MaxLength="50" autocomplete="off"
                                AutoCompleteType="Disabled" oncopy="return false;" onpaste="return false;" oncut="return false;"></asp:TextBox>
                            <asp:RequiredFieldValidator ID="reqIDIssuedBy" runat="server" ErrorMessage="Please enter IDIssuedBy"
                                CssClass="errMsg" ControlToValidate="txtIdIssuedBy" ValidationGroup="submit"
                                Display="Dynamic"></asp:RequiredFieldValidator>
                            <asp:RegularExpressionValidator ID="regIssuedBy" runat="server" ValidationGroup="submit"
                                ControlToValidate="txtIdIssuedBy" Display="Dynamic" class="errMsg" ErrorMessage="Please enter a valid IssuedBy name"
                                ValidationExpression="^(([a-zA-Z]\s?){1,50})$"></asp:RegularExpressionValidator>
                        </div>
                    </div>
                    <div class="row mrgBot10">
                        <div class="col-md-3">
                            <asp:Label ID="lblIssuDate" runat="server" Text="Issued Date"></asp:Label>
                            <span class="starRed">*</span>
                        </div>
                        <div class=" col-md-7">
                            <input id="txtIssuDate" style="width: 92%;" runat="server" type="text" class="txtboxM"
                                readonly="readonly" />
                            <asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server" ErrorMessage="Please enter IssuedDate"
                                CssClass="errMsg" ControlToValidate="txtIssuDate" ValidationGroup="submit" Display="Dynamic"></asp:RequiredFieldValidator>
                        </div>
                    </div>
                    <div class="row mrgBot10">
                        <div class="col-md-3">
                            <asp:Label ID="lblIssuedPlace" runat="server" Text="ID Issued Place"></asp:Label>
                            <span class="starRed">*</span>
                        </div>
                        <div class=" col-md-7">
                            <asp:TextBox ID="txtIssuedPlace" class="txtboxM" runat="server" MaxLength="50" autocomplete="off"
                                AutoCompleteType="Disabled" oncopy="return false;" onpaste="return false;" oncut="return false;"></asp:TextBox>
                            <asp:RequiredFieldValidator ID="reqIssuedPlace" runat="server" ErrorMessage="Please enter IDIssuedPlace"
                                CssClass="errMsg" ControlToValidate="txtIssuedPlace" ValidationGroup="submit"
                                Display="Dynamic"></asp:RequiredFieldValidator>
                            <asp:RegularExpressionValidator ID="regIssuedPlace" runat="server" ValidationGroup="submit"
                                ControlToValidate="txtIssuedPlace" Display="Dynamic" class="errMsg" ErrorMessage="Please enter a valid Issued Place"
                                ValidationExpression="^(([a-zA-Z]\s?){1,50})$"></asp:RegularExpressionValidator>
                        </div>
                    </div>
                    <div class="row mrgBot10">
                        <div class="col-md-3">
                            <asp:Label ID="lblExpiryDate" runat="server" Text="ID Expiry Date"></asp:Label>
                            <span class="starRed">*</span>
                        </div>
                        <div class=" col-md-7">
                            <input id="txtIDExpiry1" style="width: 92%;" runat="server" type="text" class="txtboxM"
                                readonly="readonly" />
                            <asp:RequiredFieldValidator ID="reqExpiry" runat="server" ErrorMessage="Please enter IDExpiry"
                                CssClass="errMsg" ControlToValidate="txtIDExpiry1" ValidationGroup="submit" Display="Dynamic"></asp:RequiredFieldValidator>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div id="dvRmtr" runat="server" visible="false" class="col-md-12 ">
            <div class="col-md-6">
                <div class="row mrgBot10">
                    <div class="col-md-3">
                        <asp:Label ID="lblRemiterID" runat="server" Text="RemitterID"></asp:Label>
                    </div>
                    <div class="col-md-7">
                        <asp:TextBox ID="txtRemitrID" class="txtboxM" runat="server" ReadOnly="true"></asp:TextBox>
                    </div>
                </div>
                <div class="row mrgBot10">
                    <div class="col-md-3">
                        <asp:Label ID="lblRemitName" runat="server" Text="Name"></asp:Label>
                    </div>
                    <div class="col-md-7">
                        <asp:TextBox ID="txtRemitName" class="txtboxM" runat="server" ReadOnly="true"></asp:TextBox>
                    </div>
                </div>
            </div>
        </div>
        <%--<asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional" class="margB20  ">
            <ContentTemplate>--%>
        <div id="dvUpload" runat="server" class="col-md-12 " visible="true">
            <%--<div class="row mrgBot10">
                <div class="col-md-3">
                    <asp:Label ID="lblDoc" runat="server" Text="Document"></asp:Label>
                    <span class="starRed">*</span>
                </div>
                <div class=" col-md-7">
                    <asp:RadioButtonList ID="rdDoc" runat="server" AutoPostBack="true" OnSelectedIndexChanged="rdDoc_changed"
                        onchange="DisplayProgress();" RepeatDirection="Vertical">
                        <asp:ListItem Value="I" Text="Identity Proof"></asp:ListItem>
                        <asp:ListItem Value="AI" Text="Address Proof & ID Proof"></asp:ListItem>
                    </asp:RadioButtonList>
                    <asp:RequiredFieldValidator ID="reqDoc" runat="server" ErrorMessage="Please select anyone option"
                        ControlToValidate="rdDoc" class="errMsg" ValidationGroup="Next1" Display="Dynamic"></asp:RequiredFieldValidator>
                </div>
            </div>--%>
            <div runat="server" visible="false" id="dvddlIDTypes">
                <div class="col-md-6">
                    <div runat="server" class="row mrgBot10">
                        <div class="col-md-3">
                            <asp:Label ID="Label1" runat="server" Text="Document Type"></asp:Label>
                            <span class="starRed">*</span>
                        </div>
                        <div class=" col-md-7">
                            <asp:DropDownList ID="ddlIDScanType" CssClass="selectBox" runat="server">
                            </asp:DropDownList>
                            <asp:RequiredFieldValidator ID="RequiredFieldValidator9" runat="server" ControlToValidate="ddlIDScanType"
                                CssClass="errMsg" Display="Dynamic" InitialValue="0" ValidationGroup="submit"
                                ErrorMessage="Please select Document Type"></asp:RequiredFieldValidator>
                        </div>
                    </div>
                    <div id="divIDDoc" runat="server">
                        <div id ="dvIDExp" runat="server" class="row mrgBot10" visible="false">
                            <div class="col-md-3">
                                <asp:Label ID="Label2" runat="server" Text="ID Expiry Date"></asp:Label>
                                <span class="starRed">*</span>
                            </div>
                            <div class=" col-md-7">
                                <input id="txtIDExpiry" runat="server" type="text" class="txtboxM" style="width: 90%;"
                                    readonly="readonly" />
                                <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ErrorMessage="Please enter IDExpiry"
                                    CssClass="errMsg" ControlToValidate="txtIDExpiry" ValidationGroup="submit" Display="Dynamic"></asp:RequiredFieldValidator>
                            </div>
                        </div>
                        <div runat="server" class="row mrgBot10">
                            <div class="col-md-3  ">
                                <asp:Label ID="lblFileUpload" runat="server" Text="Upload File"></asp:Label>
                                <span class="starRed">*</span>
                            </div>
                            <div class=" col-md-7">
                                <asp:RegularExpressionValidator ID="RegularExpressionValidator1" runat="server" ValidationGroup="submit"
                                    ControlToValidate="FileUpldID" Display="Dynamic" class="errMsg" ErrorMessage="Please select a valid file"></asp:RegularExpressionValidator>
                                <asp:CustomValidator ID="CustomValidator1" runat="server" ControlToValidate="FileUpldID"
                                    ClientValidationFunction="validate_ID_FileSize" Font-Size="X-Small" Display="Dynamic"
                                    ValidationGroup="submit"></asp:CustomValidator>
                                <asp:RequiredFieldValidator ID="RequiredFieldValidator8" runat="server" ErrorMessage="Please Select File. "
                                    CssClass="errMsg" ControlToValidate="FileUpldID" ValidationGroup="submit" Display="Dynamic"></asp:RequiredFieldValidator>
                                <asp:FileUpload ID="FileUpldID" AllowMultiple="true" runat="server" />
                                <asp:Label ID="lblFiles" runat="server" />
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="clearfix">
                &nbsp;
            </div>
            <div class=" col-md-10" runat="server" visible="false" id="dvIDDocList">
                <span><b style="font-size: 13px;">Note:</b>
                    <ul style="padding: 10px; font-size: 14px; color: Orange;">
                        <br />
                        <li><b>Upload file formats allowed:</b> JPEG/JPG/PDF with a max file size of <b>
                            <asp:Label runat="server" ID="lblIDFileSize"></asp:Label>
                            MB</b>.</li>
                    </ul>
                </span>
            </div>
            <div class=" col-md-10" runat="server" id="dvAddDocList" visible="false">
                <span><b style="font-size: 13px;">Note:</b>
                    <ul style="padding: 10px; font-size: 14px; color: Orange;">
                        <br />
                        <li><b>Upload file formats allowed:</b> jpg|jpeg|gif|pdf|png|tif|tiff with a max file size of <b>
                            <asp:Label runat="server" ID="lblAddFileSize"></asp:Label>
                            MB upto
                            <asp:Label runat="server" ID="lblDocCount"></asp:Label>
                            documents</b>.</li>
                    </ul>
                </span>
            </div>
            <div id="Div1" class="col-md-12 " runat="server" visible="false">
                <a id="imageurl" runat="server"></a>
                <asp:Image ID="imDocView" ImageUrl="~/Styles/img/uk_passport.jpg" Style="width: 60%;"
                    runat="server" />
            </div>
            <div class="mrg10-T span7">
                <%-- <asp:Button ID="btnUpload" runat="server" CssClass="btn-typ1 mrg7-R" Text="Submit"
                                        OnClick="btnSubmit_click" ValidationGroup="Submit" OnClientClick="DisplayWaiting('Submit');" />--%>
            </div>
        </div>
        <%--</ContentTemplate>--%>
        <%--<Triggers>
                <asp:PostBackTrigger ControlID="btnSubmit" />
            </Triggers>--%>
        <%--</asp:UpdatePanel>--%>
        <div class="clrfx">
            &nbsp;
        </div>
        <div class=" col-md-6 align-R mrg10-T">
            <asp:Button ID="btnSubmit" runat="server" CssClass="orngBtn " Text="Submit" OnClick="btnSubmit_click"
                ValidationGroup="submit" OnClientClick="DisplayWaiting('submit');" />
        </div>
        <div class="clrfx">
            &nbsp;
        </div>
    </div>
    <div id="dvProgressbar">
        <asp:Button runat="server" ID="Button1" Style="display: none" />
        <asp:Panel ID="Panel1" runat="server" CssClass="modalPopup" Style="display: none">
            <div class="modal1">
                <div class="center1">
                    <!-- Start -->
                    <img id="imgLoad" alt="Please wait....." src="../Styles/images/loading.gif" />
                    <!-- End -->
                    <asp:ModalPopupExtender ID="ModalPopupExtender2" runat="server" TargetControlID="Button1"
                        PopupControlID="Panel1" BackgroundCssClass="modalBackground" DropShadow="false" />
                </div>
            </div>
        </asp:Panel>
    </div>
</asp:Content>
