<%@ Page Language="C#" MasterPageFile="~/masterpages/eGeneral.master" AutoEventWireup="true" CodeBehind="TechnicalSupport.aspx.cs" Inherits="WebSite.site.HITS.TechnicalSupport.TechnicalSupport" Title="Brightstar Device Protection: Technical Support" Culture="auto" UICulture="auto" %>

<asp:Content ID="Content1" ContentPlaceHolderID="eContent" runat="Server">
    <%--------------------------------------------------------------------%>
    <%--BEGIN STYLE--%>
    <%--------------------------------------------------------------------%>
    <style type="text/css">
        *
        {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

        .modal
        {
            font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
            font-size: 14px;
            line-height: 1.42857143;
            color: #333;
            background-color: #fff;
            margin: 0;
        }

            .modal h1,
            .modal h2,
            .modal h3,
            .modal h4,
            .modal h5,
            .modal h6
            {
                font-weight: normal;
                margin-bottom: 10px;
            }

        #content .modal h1,
        #content .modal h2,
        #content .modal h3
        {
            font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
            font-weight: 300;
            margin-top: 20px;
        }

        #content .modal h4,
        #content .modal h5,
        #content .modal h6
        {
            margin-top: 10px;
        }

        #content .modal-header h1
        {
            margin-top: 0px;
            margin-bottom: 0;
            color: #333;
        }

        #content .modal-title
        {
            margin: 0;
            line-height: 1.42857143;
        }

        .modal hr
        {
            margin-top: 20px;
            margin-bottom: 20px;
            border: 0;
            border-top: 1px solid #eee;
        }

        .clearfix:before,
        .clearfix:after
        {
            display: table;
            content: " ";
        }

        .clearfix:after
        {
            clear: both;
        }

        .pull-left
        {
            float: left;
        }

        .pull-right
        {
            float: right;
        }

        .modal
        {
            display: block;
            overflow: auto;
            /*overflow-y: scroll;*/
            /*position: fixed;*/
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: 1050;
            -webkit-overflow-scrolling: touch;
            outline: 0;
            /*margin: -20px -15px 0 -15px;*/
            /*margin: -0.88%;*/
            margin-bottom: 0%;
            margin-top: -0.8%;
            margin-left: -0.6%;
            margin-right: -0.75%;
        }

        .modal-dialog
        {
            /* width: 800px;
      margin: 30px auto;*/
            position: relative;
            /*width: auto;
      margin: 10px;*/
        }

        .modal-dialog,
        .modal-content,
        .modal-header
        {
            /*border-radius: 3px 3px 0 0;*/
        }

        .modal-content
        {
            position: relative;
            background-color: #fff;
            /*border: 1px solid #999;
      border: 1px solid rgba(0,0,0,.2);*/
            -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
            box-shadow: 0 3px 9px rgba(0,0,0,.5);
            background-clip: padding-box;
            outline: 0;
            -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.1);
            box-shadow: 0 5px 15px rgba(0,0,0,.1);
        }

        #content .modal-header
        {
            padding: 20px;
            border-bottom: 1px solid transparent;
            color: #fff;
            min-height: 16.42857143px;
            background: #f5f5f5;
        }

        .modal-body
        {
            position: relative;
            padding: 20px;
        }

        .modal-footer
        {
            padding: 19px 20px 20px;
            text-align: right;
            width: 75.3%;
            /*border-top: 1px solid #e5e5e5;*/
        }

            .modal-footer .btn:last-child
            {
                margin-left: 3px;
            }

            .modal-footer p
            {
                color: #ccc;
                color: rgba(0,0,0,0.000001);
                text-shadow: 0 1px 2px rgba(255,255,255,0.8), 0 0 0 rgba(0,0,0,0.45);
            }

        button.close
        {
            padding: 0;
            cursor: pointer;
            background: 0 0;
            border: 0;
            -webkit-appearance: none;
        }

        .close
        {
            float: right;
            font-size: 21px;
            font-weight: 700;
            line-height: 1;
            color: #fff;
            opacity: .2;
            filter: alpha(opacity=20);
            text-shadow: 0 1px 2px rgba(0,0,0,0.8), 0 0 0 rgba(0,0,0,0.45);
        }

        .btn
        {
            display: inline-block;
            padding: 10px 18px;
            margin-bottom: 0;
            font-family: inherit;
            font-size: 16px;
            font-weight: normal;
            line-height: 1.42857143;
            text-align: center;
            white-space: nowrap;
            vertical-align: middle;
            cursor: pointer;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            background-image: none;
            background: #fff;
            border: 1px solid #ccc;
            -moz-transition: all .3s;
            -webkit-transition: all .3s;
            transition: all .3s;
        }

        .btn-primary
        {
            background: #5C75B1; /* Old browsers */
            background: -moz-linear-gradient(top, #5170a2 0%, #334d8c 100%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5170a2), color-stop(100%,#334d8c)); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top, #5170a2 0%,#334d8c 100%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top, #5170a2 0%,#334d8c 100%); /* Opera 11.10+ */
            background: -ms-linear-gradient(top, #5170a2 0%,#334d8c 100%); /* IE10+ */
            background: linear-gradient(to bottom, #5170a2 0%,#334d8c 100%); /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5170a2', endColorstr='#334d8c',GradientType=0 ); /* IE6-9 */
            border: 1px solid transparent;
            color: #fff;
        }

        .modal label
        {
            display: inline-block;
            margin-bottom: 5px;
            font-weight: normal;
        }

        #content .modal a
        {
            text-decoration: none;
            color: #5C75B1;
        }

            #content .modal a:hover
            {
                text-decoration: underline;
            }

        .modal .form-group
        {
            margin-bottom: 15px;
        }

        .modal textarea.form-control
        {
            height: auto;
            font-family: sans-serif;
            line-height: 1.42857;
        }

        .modal form span
        {
            color: #FE4365;
            margin-left: 3px;
        }

        .modal .form-control
        {
            display: block;
            width: 400px;
            padding: 5px 12px;
            font-size: 14px;
            line-height: 1.42857143;
            color: #555;
            background-color: #F7F7F7;
            background-image: none;
            border: 1px solid #ccc;
            /*border-radius: 4px;*/
            -webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,.1);
            box-shadow: inset 1px 1px 1px rgba(0,0,0,.1);
            -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
            transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
        }

            .modal .form-control:focus
            {
                border-color: #9FB6E7;
                outline: 0;
                -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(131, 142, 177, 0.6);
                box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(131, 142, 177, 0.6);
            }

        .modal .one-third
        {
            width: 32%;
            margin-right: 3%;
            float: left;
        }

        .modal .two-thirds
        {
            width: 65%;
            float: left;
        }

        #content .modal .instructions-container h2
        {
            margin-top: 0;
            font-size: inherit;
            color: inherit;
            padding-bottom: 0;
            margin-bottom: 0;
            border-bottom: none;
            font-size: 1.5em;
        }

        .modal .instructions-container p
        {
            color: #333;
            font-size: 13px;
        }

        #content .support-type
        {
            margin: -20px;
        }

        .support-type div
        {
            display: block;
            float: left;
            width: 50%;
            text-align: center;
            padding: 20px;
            border-bottom: 1px solid #e5e5e5;
            background: #fcfcfc;
            font-weight: 600;
            margin-bottom: 20px;
            color: #aaa;
            clear: right;
        }

            .support-type div:first-child
            {
                box-shadow: inset -3px 3px 10px rgba(0,0,0,0.1);
            }

                .support-type div:first-child + div
                {
                    box-shadow: inset 3px 3px 10px rgba(0,0,0,0.1);
                }

                .support-type div:first-child.active
                {
                    background: #fff;
                    border-right: 1px solid #e5e5e5;
                    border-bottom: 1px solid transparent;
                    box-shadow: none;
                }

                .support-type div:first-child + div.active
                {
                    background: #fff;
                    border-left: 1px solid #e5e5e5;
                    border-bottom: 1px solid transparent;
                    box-shadow: none;
                }

        #content .support-content
        {
            margin-top: 20px;
            width: 70%;
            margin: 0 auto;
        }

        .form-group-span {
            color:gray; 
            font-size:80%;
            float:left;
            width: 75%;
            padding-top: 1%;
        }
    </style>

    <%--------------------------------------------------------------------%>
    <%--END STYLE--%>

    <%--------------------------------------------------------------------%>
    <%--------------------------------------------------------------------%>
    <%--BEGIN JAVASCRIPT--%>
    <%--------------------------------------------------------------------%>
    <script type="text/javascript">

        function SendMsgAdvancedForm() {
            if (Page_ClientValidate('AdnvacedForm')) {
                $('#spanLoadingAdvanced').show();

                //$('#bntSendMsgAdvancedForm').attr('disabled', 'disabled');
                //$('#bntSendMsgBasicForm').attr('disabled', 'disabled');
            } else {

                document.getElementById('<%= CustomValidator2.ClientID %>').style.display = 'none';
                document.getElementById('<%= CustomValidator4.ClientID %>').style.display = 'none';
                $('.form-group-span').css("display", "block");

                if (document.getElementById('<%= RequiredFieldValidator2.ClientID %>').style.visibility == "visible"
                    || document.getElementById('<%= RequiredFieldValidator2.ClientID %>').style.visibility == "inline") {
                    document.getElementById('<%= RequiredFieldValidator2.ClientID %>').style.display = 'block';   
                }
                else {
                    document.getElementById('<%= RequiredFieldValidator2.ClientID %>').style.display = 'none';
                }

                if (document.getElementById('<%= RequiredFieldValidator5.ClientID %>').style.visibility == "visible") {
                    document.getElementById('<%= RequiredFieldValidator5.ClientID %>').style.display = 'block';
                }
                else {
                    document.getElementById('<%= RequiredFieldValidator5.ClientID %>').style.display = 'none';
                }

                if (document.getElementById('<%= RegularExpressionValidator4.ClientID %>').style.visibility == "visible") {
                    document.getElementById('<%= RegularExpressionValidator4.ClientID %>').style.display = 'block';
                }
                else {
                    document.getElementById('<%= RegularExpressionValidator4.ClientID %>').style.display = 'none';
                }
            }
        }

        function SendMsgBasicForm() {
            if (Page_ClientValidate('BasicForm')) {
                $('#spanLoadingBasic').show();
                //$('#bntSendMsgAdvancedForm').attr('disabled', 'disabled');
                //$('#bntSendMsgBasicForm').attr('disabled', 'disabled');
            } else {

                document.getElementById('<%= CustomValidator1.ClientID %>').style.display = 'none';
                document.getElementById('<%= CustomValidator3.ClientID %>').style.display = 'none';
                $('.form-group-span').css("display", "block");

                if (document.getElementById('<%= RequiredFieldValidator1.ClientID %>').style.visibility == "visible") {
                    document.getElementById('<%= RequiredFieldValidator1.ClientID %>').style.display = 'block';
                }
                else {
                    document.getElementById('<%= RequiredFieldValidator1.ClientID %>').style.display = 'none';
                }

                if (document.getElementById('<%= RequiredFieldValidator3.ClientID %>').style.visibility == "visible") {
                    document.getElementById('<%= RequiredFieldValidator3.ClientID %>').style.display = 'block';
                }
                else {
                    document.getElementById('<%= RequiredFieldValidator3.ClientID %>').style.display = 'none';
                }

                if (document.getElementById('<%= RegularExpressionValidator2.ClientID %>').style.visibility == "visible") {
                    document.getElementById('<%= RegularExpressionValidator2.ClientID %>').style.display = 'block';
                }
                else {
                    document.getElementById('<%= RegularExpressionValidator2.ClientID %>').style.display = 'none';
                }

                if (document.getElementById('<%= RegularExpressionValidator3.ClientID %>').style.visibility == "visible") {
                    document.getElementById('<%= RegularExpressionValidator3.ClientID %>').style.display = 'block';
                }
                else {
                    document.getElementById('<%= RegularExpressionValidator3.ClientID %>').style.display = 'none';
                }
            }
        }

        $(document).ready(function () {

            var rv = -1; // Return value assumes failure.
            if (navigator.appName == 'Microsoft Internet Explorer') {
                var ua = navigator.userAgent;
                var re = new RegExp("MSIE ([0-9]{1,}[\.0-9]{0,})");
                if (re.exec(ua) != null)
                    rv = parseFloat(RegExp.$1);

                if (rv < 8.0) {
                    document.getElementById('<%= FileUpload1.ClientID %>').style.width = 430;
                    document.getElementById('<%= FileUpload2.ClientID %>').style.width = 430;

                    $('.advancedForm').width('43.3%');
                    $('.techSuppTab2').width('43.3%');
                    $('.modal').width('101.3%');
                    $('.form-group-span').width("80%");
                }
            }

            $('.form-group-span').css("display", "block");

            if (document.getElementById('<%= CustomValidator1.ClientID %>').style.visibility != "hidden") {
                $('.form-group-span').css("display", "none");
                document.getElementById('<%= CustomValidator1.ClientID %>').style.display = 'block';
            } else {
                document.getElementById('<%= CustomValidator1.ClientID %>').style.display = 'none';
            }

            if (document.getElementById('<%= CustomValidator2.ClientID %>').style.visibility != "hidden") {
                $('.form-group-span').css("display", "none");
                document.getElementById('<%= CustomValidator2.ClientID %>').style.display = 'block';
            } else {
                document.getElementById('<%= CustomValidator2.ClientID %>').style.display = 'none';
            }

            if (document.getElementById('<%= CustomValidator3.ClientID %>').style.visibility != "hidden") {
                $('.form-group-span').css("display", "none");
                document.getElementById('<%= CustomValidator3.ClientID %>').style.display = 'block';
            } else {
                document.getElementById('<%= CustomValidator3.ClientID %>').style.display = 'none';
            }

            if (document.getElementById('<%= CustomValidator4.ClientID %>').style.visibility != "hidden") {
                $('.form-group-span').css("display", "none");
                document.getElementById('<%= CustomValidator4.ClientID %>').style.display = 'block';
            } else {
                document.getElementById('<%= CustomValidator4.ClientID %>').style.display = 'none';
            }


            var isAuthenticate = document.getElementById('<%= lblIsAuthenticateHidden.ClientID %>').innerHTML.toLowerCase();
            if (isAuthenticate == 'true') {
                $('.supportTabs').hide();
                $('#advancedFormTab').show();
                $('#basicFormTab').hide();

            } else {
                $('.supportTabs').show();
                $('#advancedFormTab').hide();
                $('#basicFormTab').show();
            }


            var isBasicForm = document.getElementById('<%= lblIsBasicForm.ClientID %>').innerHTML.toLowerCase();
            var isSuccess = document.getElementById('<%= isSubmitFormSuccess.ClientID %>').innerHTML.toLowerCase();
            var isValidForm = document.getElementById('<%= lblIsValid.ClientID %>').innerHTML.toLowerCase();

            if (isBasicForm == 'true') {
                $('#basicFormTab').show();
                $('#advancedFormTab').hide();

            } else if (isBasicForm == 'false' && isAuthenticate == 'false') {
                $('#advancedFormTab').show();
                $('#basicFormTab').hide();
            }

            if (isSuccess == 'true' && isValidForm == 'true') {
                alert(document.getElementById('<%= lblTechSupportSuccMsg.ClientID %>').innerHTML);
                //Back to the previous page.
                window.location.replace(document.getElementById('<%= lblPreviousPage.ClientID %>').innerHTML);

            } else if (isSuccess == 'false' && isValidForm == 'true') {
                alert(document.getElementById('<%= lblTechSupportFailedMsg.ClientID %>').innerHTML);
            }


            $('.advancedForm').die();
            $('.advancedForm').live('click', function (event) {
                event.preventDefault();

                $('#advancedFormTab').show();
                $('#basicFormTab').hide();


            });

            $('.basicForm').die();
            $('.basicForm').live('click', function (event) {
                event.preventDefault();

                $('#basicFormTab').show();
                $('#advancedFormTab').hide();
            });
        });
    </script>

    <%--------------------------------------------------------------------%>
    <%--END JAVASCRIPT--%>
    <%--------------------------------------------------------------------%>
    <div class="modal" tabindex="-1" role="dialog">
        <div class="modal-dialog">
            <div class="modal-header">
                <h1 class="modal-title">
                    <asp:Literal ID="m_techSupportTitle" runat="server" Text="<%$ Resources: Default, LabelTechSupportTitle %>" />
                </h1>
            </div>

            <div class="modal-content clearfix">
                <div id="basicFormTab" class="modal-body clearfix" style="display: block">

                    <div class="support-type supportTabs">
                        <div class="active basicForm">
                            <asp:Literal ID="m_techSupportTab1" runat="server" Text="<%$ Resources: Default, LabelTechSupportTab1 %>" />
                        </div>
                        <div class="techSuppTab2">
                            <a href="" class="tab-link advancedForm">
                                <asp:Literal ID="m_techSupportTab2" runat="server" Text="<%$ Resources: Default, LabelTechSupportTab2 %>" />
                            </a>
                        </div>
                    </div>

                    <div class="support-content clearfix">

                        <div class="one-third">
                            <div class="instructions-container">
                                <h2>
                                    <asp:Literal ID="m_techSupportBfInstractionTitle" runat="server" Text="<%$ Resources: Default, LabelTechSupportBfInstractionTitle %>" />
                                </h2>
                                <p>
                                    <asp:Literal ID="m_techSupportBfInstractionText" runat="server" Text="<%$ Resources: Default, LabelTechSupportBfInstractionText %>" />
                                </p>
                            </div>
                        </div>

                        <div class="two-thirds">
                            <%--<form role="form">--%>
                            <div class="form-group">
                                <label>
                                    <asp:Literal ID="m_techSupportBfName" runat="server" Text="<%$ Resources: Default, LabelTechSupportBfName %>" />
                                    <span>*</span>
                                </label>
                                <asp:TextBox ID="tbBfName" runat="server" CssClass="form-control" placeholder="<%$ Resources: Default, LabelTechSupportBfNamePlaceholder %>"></asp:TextBox>
                                <asp:RequiredFieldValidator ID="RequiredFieldValidator1" Style="display: none" ValidationGroup="BasicForm" ControlToValidate="tbBfName" Text="<%$ Resources: Default, LabelTechSupportBfNameRequiredField %>" runat="server" />
                            </div>
                            <div class="form-group">
                                <label>
                                    <asp:Literal ID="m_techSupportBfUserId" runat="server" Text="<%$ Resources: Default, LabelTechSupportBfUserId %>" />
                                </label>
                                <asp:TextBox ID="tbBfUserId" runat="server" CssClass="form-control" placeholder="<%$ Resources: Default, LabelTechSupportBfUserIdPlaceholder %>"></asp:TextBox>
                            </div>
                            <div class="form-group">
                                <label>
                                    <asp:Literal ID="m_techSupportBfCompany" runat="server" Text="<%$ Resources: Default, LabelTechSupportBfCompany %>" />
                                </label>
                                <asp:TextBox ID="tbBfCompany" runat="server" CssClass="form-control" placeholder="<%$ Resources: Default, LabelTechSupportBfCompanyPlaceholder %>"></asp:TextBox>
                            </div>
                            <div class="form-group">
                                <label>
                                    <asp:Literal ID="m_techSupportBfEmail" runat="server" Text="<%$ Resources: Default, LabelTechSupportBfEmail %>" />
                                    <span>*</span>
                                </label>
                                <asp:TextBox ID="tbBfEmail" runat="server" CssClass="form-control" placeholder="<%$ Resources: Default, LabelTechSupportBfEmailPlaceholder %>"></asp:TextBox>
                                <asp:RequiredFieldValidator ID="RequiredFieldValidator3" Style="display: none" ValidationGroup="BasicForm" ControlToValidate="tbBfEmail" Text="<%$ Resources: Default, LabelTechSupportBfEmailRequiredField %>" runat="server" />
                                <asp:RegularExpressionValidator ID="RegularExpressionValidator2" Style="display: none" ValidationGroup="BasicForm" runat="server" ControlToValidate="tbBfEmail" ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*" ErrorMessage="<%$ Resources: Default, LabelTechSupportBfEmailRegularExp %>" />
                            </div>
                            <div class="form-group">
                                <label>
                                    <asp:Literal ID="m_techSupportBfPhone" runat="server" Text="<%$ Resources: Default, LabelTechSupportBfPhone %>" />
                                    <%--<span>*</span>--%>
                                </label>
                                <asp:TextBox ID="tbBfPhone" runat="server" CssClass="form-control" placeholder="<%$ Resources: Default, LabelTechSupportBfPhonePlaceholder %>"></asp:TextBox>
                                <%--<asp:RequiredFieldValidator ID="RequiredFieldValidator4" Style="display: none" ValidationGroup="BasicForm" ControlToValidate="tbBfPhone" Text="<%$ Resources: Default, LabelTechSupportBfPhoneRequiredFiled %>" runat="server" />--%>
                                <%--<asp:RegularExpressionValidator ID="RegularExpressionValidator1" Style="display: none" ValidationGroup="BasicForm" runat="server" ErrorMessage="<%$Resources: Default, LabelTechSupportBfPhoneRegularExp %>" ControlToValidate="tbBfPhone" ValidationExpression="[-\d]{12}"></asp:RegularExpressionValidator>--%>
                            </div>
                            <div class="form-group">
                                <label>
                                    <asp:Literal ID="m_techSupportBfDescription" runat="server" Text="<%$ Resources: Default, LabelTechSupportBfDescription %>" />
                                </label>
                                <asp:TextBox ID="tbBfDescription" TextMode="MultiLine" Columns="3" Rows="5" runat="server" CssClass="form-control" placeholder="<%$ Resources: Default, LabelTechSupportBfDescriptionPlaceholder %>"></asp:TextBox>
                                <asp:RegularExpressionValidator ID="RegularExpressionValidator3" Style="display: none" ValidationGroup="BasicForm" runat="server" ErrorMessage="<%$ Resources: Default, LabelTechSupportBfDescriptionRegularExp %>" ControlToValidate="tbBfDescription" ValidationExpression="^.{0,5000}$"> </asp:RegularExpressionValidator>
                            </div>
                            <div class="form-group">
                                <asp:FileUpload ID="FileUpload1" runat="server" Style="width: 400px" />
                                <span class="form-group-span">
                                    <asp:Literal ID="Literal10" runat="server" Text="<%$ Resources: Default, LabelTechSupportSpanMsg %>"></asp:Literal>
                                </span>
                                <br />
                                <asp:CustomValidator ID="CustomValidator1" Style="display: none" runat="server" ControlToValidate="FileUpload1" ValidationGroup="BasicForm" ErrorMessage="<%$ Resources: Default, LabelTechSupportUploadLimitExp %>" OnServerValidate="CustomValidator1_ServerValidate"></asp:CustomValidator>
                                <br />
                                <asp:CustomValidator ID="CustomValidator3" Style="display: none" runat="server" ControlToValidate="FileUpload1" ValidationGroup="BasicForm" ErrorMessage="<%$ Resources: Default, LabelTechSupportFileTypeExp %>" OnServerValidate="CustomValidator3_ServerValidate"></asp:CustomValidator>
                            </div>

                            <%--</form>--%>
                        </div>

                    </div>
                    <!-- /support-content -->

                    <div class="modal-footer">
                        <p class="pull-left">
                            <%--<asp:Literal ID="m_techSupportFooterTitle" runat="server" Text="<%$ Resources: Default, LabelTechSupportFooterTitle %>" />--%>
                        </p>
                        <span id="spanLoadingBasic" style="display: none">
                            <asp:Image ID="Image2" runat="server" ImageUrl="~/images/ajax-loader.gif" />
                            <asp:Literal ID="Literal1" runat="server" Text="<%$ Resources: Default, LabelTechSupportLoadingTitle %>" />
                        </span>
                        <asp:Button ID="btnCancelBf" runat="server" CssClass="btn btn-default" Text="<%$ Resources: Default, BtnCancelBfTechSupport %>" OnClick="btnCancelBf_click" />
                        <asp:Button ID="bntSendMsgBasicForm" ClientIDMode="Static" OnClientClick="return SendMsgBasicForm();" ValidationGroup="BasicForm" EnableViewState="false" runat="server" CssClass="btn btn-primary" Text="<%$ Resources: Default, BntSendMsgBasicFormTechSupport %>" OnClick="bntSendMsgBasicForm_click" />
                    </div>
                </div>

                <div id="advancedFormTab" class="modal-body clearfix" style="display: none;">

                    <div class="support-type supportTabs">
                        <div>
                            <a href="" class="tab-link basicForm">
                                <asp:Literal ID="Literal2" runat="server" Text="<%$ Resources: Default, LabelTechSupportTab1 %>" />
                            </a>
                        </div>
                        <div class="active advancedForm">
                            <asp:Literal ID="Literal3" runat="server" Text="<%$ Resources: Default, LabelTechSupportTab2 %>" />
                        </div>
                    </div>

                    <div class="support-content clearfix">

                        <div class="one-third">
                            <div class="instructions-container">
                                <h2>
                                    <asp:Literal ID="m_techSupportAfInstractionTitle" runat="server" Text="<%$ Resources: Default, LabelTechSupportAfInstractionTitle %>" />
                                </h2>
                                <p>
                                    <asp:Literal ID="m_techSupportAfInstractionText" runat="server" Text="<%$ Resources: Default, LabelTechSupportAfInstractionText %>" />
                                </p>
                            </div>
                        </div>

                        <div class="two-thirds">
                            <%--<form runat="server" id="form1" role="form">--%>
                            <div class="form-group">
                                <label>
                                    <asp:Literal ID="m_ddlIssueType" runat="server" Text="<%$ Resources: Default, LabelTechSupportAfDdlIssueType %>" />
                                </label>
                                <asp:DropDownList ID="ddlIssueType" runat="server" CssClass="form-control" Visible="true" DataValueField="ID" DataTextField="Name" ClientIDMode="Static" />
                            </div>
                            <div class="form-group">
                                <label>
                                    <asp:Literal ID="Literal4" runat="server" Text="<%$ Resources: Default, LabelTechSupportBfName %>" />
                                    <span>*</span>
                                </label>
                                <asp:TextBox ID="tbAfName" runat="server" CssClass="form-control" placeholder="<%$ Resources: Default, LabelTechSupportBfNamePlaceholder %>"></asp:TextBox>
                                <asp:RequiredFieldValidator ID="RequiredFieldValidator2" Style="display: none" ValidationGroup="AdnvacedForm" ControlToValidate="tbAfName" Text="<%$ Resources: Default, LabelTechSupportBfNameRequiredField %>" runat="server" />
                            </div>
                            <div class="form-group">
                                <label>
                                    <asp:Literal ID="Literal5" runat="server" Text="<%$ Resources: Default, LabelTechSupportBfUserId %>" />
                                </label>
                                <asp:TextBox ID="tbAfUserId" runat="server" CssClass="form-control" placeholder="<%$ Resources: Default, LabelTechSupportBfUserIdPlaceholder %>"></asp:TextBox>
                            </div>
                            <div class="form-group">
                                <label>
                                    <asp:Literal ID="Literal6" runat="server" Text="<%$ Resources: Default, LabelTechSupportBfCompany %>" />
                                </label>
                                <asp:TextBox ID="tbAfCompany" runat="server" CssClass="form-control" placeholder="<%$ Resources: Default, LabelTechSupportBfCompanyPlaceholder %>"></asp:TextBox>
                            </div>
                            <div class="form-group">
                                <label>
                                    <asp:Literal ID="Literal7" runat="server" Text="<%$ Resources: Default, LabelTechSupportBfEmail %>" />
                                    <span>*</span>
                                </label>
                                <asp:TextBox ID="tbAfEmail" runat="server" CssClass="form-control" placeholder="<%$ Resources: Default, LabelTechSupportBfEmailPlaceholder %>"></asp:TextBox>
                                <asp:RequiredFieldValidator ID="RequiredFieldValidator5" Style="display: none" ValidationGroup="AdnvacedForm" ControlToValidate="tbAfEmail" Text="<%$ Resources: Default, LabelTechSupportBfEmailRequiredField %>" runat="server" />
                                <asp:RegularExpressionValidator ID="RegularExpressionValidator4" Style="display: none" ValidationGroup="AdnvacedForm" runat="server" ControlToValidate="tbAfEmail" ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*" ErrorMessage="<%$ Resources: Default, LabelTechSupportBfEmailRegularExp %>" />
                            </div>
                            <div class="form-group">
                                <label>
                                    <asp:Literal ID="Literal8" runat="server" Text="<%$ Resources: Default, LabelTechSupportBfPhone %>" />
                                    <%--<span>*</span>--%>
                                </label>
                                <asp:TextBox ID="tbAfPhone" runat="server" CssClass="form-control" placeholder="<%$ Resources: Default, LabelTechSupportBfPhonePlaceholder %>"></asp:TextBox>
                                <%--<asp:RequiredFieldValidator ID="RequiredFieldValidator6" Style="display: none" ValidationGroup="AdnvacedForm" ControlToValidate="tbAfPhone" Text="<%$ Resources: Default, LabelTechSupportBfPhoneRequiredFiled %>" runat="server" />--%>
                                <%--<asp:RegularExpressionValidator ID="RegularExpressionValidator5" Style="display: none" ValidationGroup="AdnvacedForm" runat="server" ErrorMessage="<%$ Resources: Default, LabelTechSupportBfPhoneRegularExp %>" ControlToValidate="tbAfPhone" ValidationExpression="[-\d]{12}"></asp:RegularExpressionValidator>--%>
                            </div>
                            <div class="form-group">
                                <label>
                                    <asp:Literal ID="Literal9" runat="server" Text="<%$ Resources: Default, LabelTechSupportBfDescription %>" />
                                </label>
                                <asp:TextBox ID="tbAfDescription" TextMode="MultiLine" Columns="3" Rows="5" runat="server" CssClass="form-control" placeholder="<%$ Resources: Default, LabelTechSupportBfDescriptionPlaceholder %>"></asp:TextBox>
                                <asp:CustomValidator ID="customValidatorDescription" runat="server" ControlToValidate="tbAfDescription" ValidationGroup="AdnvacedForm" ErrorMessage="<%$ Resources: Default, LabelTechSupportBfDescriptionRegularExp %>" OnServerValidate="customValidatorDescription_ServerValidate"></asp:CustomValidator>
                            </div>
                            <div class="form-group">
                                <label>
                                    <asp:Literal ID="m_techSupportAfSubscriberMdn" runat="server" Text="<%$ Resources: Default, LabelTechSupportAfSubscriberMdn %>" />
                                </label>
                                <asp:TextBox ID="tbAfSubscriberMdn" runat="server" CssClass="form-control" placeholder="<%$ Resources: Default, LabelTechSupportAfSubscriberMdnPlaceholder %>"></asp:TextBox>
                            </div>
                            <div class="form-group">
                                <label>
                                    <asp:Literal ID="m_techSupportAfSubscriberName" runat="server" Text="<%$ Resources: Default, LabelTechSupportAfSubscriberName %>" />
                                </label>
                                <asp:TextBox ID="tbAfSubscriberName" runat="server" CssClass="form-control" placeholder="<%$ Resources: Default, LabelTechSupportAfSubscriberNamePlaceholder %>"></asp:TextBox>
                            </div>
                            <div class="form-group">
                                <label>
                                    <asp:Literal ID="m_techSupportAfClaimId" runat="server" Text="<%$ Resources: Default, LabelTechSupportAfClaimId %>" />
                                </label>
                                <asp:TextBox ID="tbAfClaimId" runat="server" CssClass="form-control" placeholder="<%$ Resources: Default, LabelTechSupportAfClaimIdPlaceholder %>"></asp:TextBox>
                            </div>
                            <%--<a href="" class="pull-right" style="color: blue !important; padding-bottom: 40px; padding-top: 20px">Attach file...</a>--%>
                            <%--<asp:FileUpload runat="server"/>--%>
                            <div class="form-group">
                                <asp:FileUpload ID="FileUpload2" runat="server" Style="width: 400px" />
                                <span class="form-group-span">
                                    <asp:Literal runat="server" Text="<%$ Resources: Default, LabelTechSupportSpanMsg %>"></asp:Literal>
                                </span>
                                <br />
                                <asp:CustomValidator ID="CustomValidator2" Style="display: none" runat="server" ControlToValidate="FileUpload2" ValidationGroup="AdnvacedForm" ErrorMessage="Attachment size exceeds the allowable limit of 5MB." OnServerValidate="CustomValidator2_ServerValidate"></asp:CustomValidator>
                                <br />
                                <asp:CustomValidator ID="CustomValidator4" Style="display: none" runat="server" ControlToValidate="FileUpload2" ValidationGroup="AdnvacedForm" ErrorMessage="<%$ Resources: Default, LabelTechSupportFileTypeExp %>" OnServerValidate="CustomValidator4_ServerValidate"></asp:CustomValidator>
                            </div>
                            <%--</form>--%>
                        </div>

                    </div>
                    <!-- /support-content -->

                    <div class="modal-footer">
                        <p class="pull-left">
                            <%--<asp:Literal ID="Literal10" runat="server" Text="<%$ Resources: Default, LabelTechSupportFooterTitle %>" />--%>
                        </p>
                        <span id="spanLoadingAdvanced" style="display: none">
                            <asp:Image ID="Image1" runat="server" ImageUrl="~/images/ajax-loader.gif" />
                            <asp:Literal ID="Literal11" runat="server" Text="<%$ Resources: Default, LabelTechSupportLoadingTitle %>" />
                        </span>
                        <asp:Button ID="btnCancelAf" runat="server" CssClass="btn btn-default" Text="<%$ Resources: Default, BtnCancelBfTechSupport %>" OnClick="btnCancelAf_click" />
                        <asp:Button ID="bntSendMsgAdvancedForm" ClientIDMode="Static" OnClientClick="return SendMsgAdvancedForm();" ValidationGroup="AdnvacedForm" EnableViewState="false" runat="server" CssClass="btn btn-primary" Text="<%$ Resources: Default, BntSendMsgBasicFormTechSupport %>" OnClick="bntSendMsgAdvancedForm_click" />
                    </div>

                </div>
            </div>
            <!-- /.modal-content -->


        </div>
        <!-- /.modal-dialog -->
    </div>

    <asp:Label ID="lblIsAuthenticateHidden" type="hidden" Style="display: none" runat="server"></asp:Label>
    <asp:Label ID="isSubmitFormSuccess" type="hidden" Style="display: none" runat="server"></asp:Label>
    <asp:Label ID="lblIsValid" type="hidden" Style="display: none" runat="server"></asp:Label>
    <asp:Label ID="lblIsBasicForm" type="hidden" Style="display: none" runat="server"></asp:Label>
    <asp:Label ID="lblPreviousPage" type="hidden" Style="display: none" runat="server"></asp:Label>
    <asp:Label ID="lblTechSupportFailedMsg" type="hidden" Style="display: none" runat="server" Text="<%$ Resources: Default, LabelTechSupportFailedMsg %>"></asp:Label>
    <asp:Label ID="lblTechSupportSuccMsg" type="hidden" Style="display: none" runat="server" Text="<%$ Resources: Default, LabelTechSupportSuccMsg %>"></asp:Label>
</asp:Content>

