<!doctype html>
<head>
<title>login - Cantex</title>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="https://pvccustomer.cantexinc.com/Applications/21000697/css/style.css"></link>
<link rel="stylesheet" href="https://pvccustomer.cantexinc.com/Applications/21000697/css/header.css"></link>
<link rel="stylesheet" href="https://pvccustomer.cantexinc.com/Applications/21000697/css/Default_Modern.css"></link>
    <link rel="stylesheet" href="https://pvccustomer.cantexinc.com/Applications/21000697/css/main.css">
<script src="https://pvccustomer.cantexinc.com/Applications/21000697/js/vendor.js"></script>
<script src="https://pvccustomer.cantexinc.com/Applications/21000697/js/off-can-menu.js"></script>
<script src="https://pvccustomer.cantexinc.com/Applications/21000697/js/api.js"></script>
<script type="text/javascript" async="" src="https://www.gstatic.com/recaptcha/releases/Km9gKuG06He-isPsP6saG8cn/recaptcha__en.js" crossorigin="anonymous" integrity="sha384-tL/88+JE9Mv/pJzkZt5DBcS7efRA2LrT4YX0Htu8Rnmat69OIBwraynHJm/fWfbH"></script>
<script src="https://pvccustomer.cantexinc.com/Applications/21000697/js/language-dropdown.js"></script>
<script src="https://pvccustomer.cantexinc.com/Applications/21000697/js/Default_Modern.js"></script>
<script src="https://pvccustomer.cantexinc.com/Applications/21000697/js/TextBox.js"></script>
<script src='https://code.jquery.com/jquery-3.5.1.min.js' integrity='sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=' crossorigin='anonymous'></script>
	<script src='../../scripts/MVC_Event.js' crossorigin='anonymous'></script>
	<script src='../../scripts/MVC_Validation.js' crossorigin='anonymous'></script>
	<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous"></link>
	<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-gtEjrD/SeCtmISkJkNUaaKMoLD0//ElJ19smozuHV6z3Iehds+3Ulb9Bn9Plx0x4" crossorigin="anonymous"></script>
<!--<link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.0/css/all.min.css'></link>
    <link rel="stylesheet" href="https://pvccustomer.cantexinc.com/Applications/21000697/css/fontawesome.css">
    
    <link rel="stylesheet" href="https://pvccustomer.cantexinc.com/Applications/21000697/css/brands.css">
    <link rel="stylesheet" href="https://pvccustomer.cantexinc.com/Applications/21000697/css/fontawesome.css">
    <link rel="stylesheet" href="https://pvccustomer.cantexinc.com/Applications/21000697/css/regular.css">
    <link rel="stylesheet" href="https://pvccustomer.cantexinc.com/Applications/21000697/css/solid.css">-->
    <link rel="stylesheet" href="https://pvccustomer.cantexinc.com/Applications/21000697/css/all.css">
    <link rel="stylesheet" href="https://pvccustomer.cantexinc.com/Applications/21000697/css/font-awesome.css">

<link rel='stylesheet' href='../../scripts/plugins/bootstrap/css/bootstrap-dialog.min.css'></link>
<script src='../../scripts/plugins/bootstrap/bootstrap-dialog.min.js'></script>
<script src='../../scripts/plugins/bootstrap/bootstrap-maxlength.min.js'></script>
<script src='../../scripts/plugins/jquery/jquery.showLoading.min.js'></script>
<script defer="" src='//cdn.jsdelivr.net/npm/less@3.13'></script>
<link rel="icon" href="https://pvccustomer.cantexinc.com/Applications/21000697/images/CantexFavicon.png" type="image/x-icon">
	<link rel="shortcut icon" href="" type="image/x-icon">
		<link rel="stylesheet" href="https://pvccustomer.cantexinc.com/Applications/21000697/css/style.css"></link>
		<link rel="stylesheet" href="https://pvccustomer.cantexinc.com/Applications/21000697/css/floating-labels.css"></link>
		<link rel="stylesheet" href="https://pvccustomer.cantexinc.com/Applications/21000697/css/amaran.css"></link>
		<link href="https://fonts.googleapis.com/css?family=Material+Icons|Material+Icons+Outlined|Material+Icons+Two+Tone|Material+Icons+Round|Material+Icons+Sharp" rel="stylesheet">
		<script src="https://pvccustomer.cantexinc.com/Applications/21000697/js/sample-chart.js"></script>
		<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.4/Chart.js"></script>
		<meta charset="utf-8">
</meta></link></link></link></link></link></link></meta></head>
<body id="Body">
<header class="site-header" id="hideAwayHeader">
    <div class="top-banner">
        <div class="container">

           <div class="help-doc" style="display:none;"> <a href="https://platform1.krisesystems.com/DV/Applications/21000697/CANTEX Customer Portal User Guide.pdf" target="_blank"> <i class="fa fa-question-circle"></i> help</a></div>

            <div class="search-icon-wrapper" style="display:none;">
                <div class="search-icon"><i class="fa fa-search" aria-hidden="true"></i>
                <span>Product Search</span></div>
            </div>
            <div class="agent-wrapper" style="display:none;">
                <a href="#" class="cantex-link"><i class="fa fa-bell header-icon"></i><span>Notifications</span><span class="notificationicon" style="display:none;">0</span></a>
            </div>
            <div class="login-wrapper">
                <div>
                    <a href="#" class="cantex-link" onclick="try { window.ReactNativeWebView.postMessage('Login'); } catch {} let args  ={};let workData  ={};workData['ViewName'] = 'BasicTemplate';workData['EventName'] = 'Logout';args['WorkData'] = workData;let options = { DisplayProgressAnimation: 'True',DisplayProgressLocation: 'Page'};EPEvent(args, event, options);"><i class="fa fa-user header-icon" aria-hidden="true"></i>Login</a>
                </div>
            </div>
        </div>
    </div>
    <div class="bottom-banner">
        <div class="container">
            <div class="row">   
                <div class="col-xs-8 col-md-4 logo-container">
                    <a href="Default">
                        <img class="logo" src="https://pvccustomer.cantexinc.com/Applications/21000697/images/cantex-logo.png" alt="Cantex Logo" width="246px" height="45px">
                    </img></a>
                </div>
                <div class="col-xs-4 col-md-8 header-menu hamburger-container">
                    




<nav class="horiz-menu">
            <ul class="top-level">
                
                

</ul></nav>
                </div>
                
                <div class="search-wrapper">
                    <div class="col-xs-12">
                        <div class="search">
                            <input id="SearchText" name="input" type="text" class="input" placeholder="Search...">
                            <a class="search-button" href="#" onclick="Search_Controller(event, event.target, 0, {});"><i class="fa fa-search" aria-hidden="true"></i></a>
                        </input></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div><span style="float: right;  "></span></div> <!--  border: 1px solid gray; padding: 5px 5px 0px 5px; -->
</header>

<nav id="mobile-nav" class="small collapse">
        <div class="container">
            <div class="row my-2">
                <div class="col text-right">
                    <button id="close-mobile-nav" class="btn btn-lg btn-link text-dark">
                        <i class="fas fa-times"></i>
                    </button>
                </div>
            </div>
            
            <div class="row my-2">
                <div class="col">
                    <div class="input-group input-group-sm">
                        <input type="text" class="form-control" placeholder="Search by keyword or product number" aria-label="Search by keyword or product number">
                        <select class="form-control" id="siteSearchSelect">
    
                            
    
                        </select>
    
                        <div class="input-group-append">
                            <button class="btn btn-primary rounded-right" type="button">
                                <i class="fas fa-search"></i><span class="sr-only">Search</span>
                            </button>
                        </div>
                    </input></div>
                </div>
            </div>
    
            <div class="row">
                <div class="col">
                    <ul class="list-group list-group-flush">
                        
                    </ul>
                </div>
            </div>
    
            <div class="row mt-3 border-top">
                <div class="col-auto">
                    <a href="" class="btn btn-link"><i class="fas fa-user"></i> Sign In/Register</a>
                </div>
    
                <div class="col-6">
    
                </div>
            </div>
    </div></nav>
    
    
<div style="flex:1;">
<content><view isenabled="True" title="" causesvalidation="Yes" viewid="VIEW-10000103" viewname="login" width="100%">
	<span><table isenabled="True" title="" controltype="table" causesvalidation="Yes" width="100%" height="100%" cellspacing="5" cellpadding="5" align="Center" style="width:100%;height:100%;table-layout: fixed;">
		<tr isenabled="True" title="" controltype="row" causesvalidation="Yes">
								<td isenabled="True" title="" align="Center" controltype="cell" causesvalidation="Yes" style="width:100%;"><table isenabled="True" title="" class="Border" controltype="table" causesvalidation="Yes" width="100%" cellspacing="5" cellpadding="5" align="Center" style="width:100%;position: relative; padding: 50px; width: 100%; max-width: 600px; margin: auto !important; background: white; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;">
									<tr isenabled="True" title="" controltype="row" causesvalidation="Yes">
															</tr><tr isenabled="True" title="" controltype="row" causesvalidation="Yes">
																				<td isenabled="True" title="" controltype="cell" causesvalidation="Yes" style="width:100%;"></td></tr><tr isenabled="True" title="" controltype="row" causesvalidation="Yes">
																					</tr><tr isenabled="True" title="" controltype="row" causesvalidation="Yes">
																							
																								<td isenabled="True" title="" visible="True" controltype="cell" causesvalidation="Yes" style="width:100%;"><table isenabled="True" title="" class="LoginTable" controltype="table" causesvalidation="Yes" width="100%" cellspacing="5" cellpadding="5" style="width:100%;">
																									<tr isenabled="True" title="" controltype="row" causesvalidation="Yes">
																															<td isenabled="True" title="" controltype="cell" causesvalidation="Yes" style="width:100%;"><span isenabled="True" title="" controltype="htmlgenericcontrol" causesvalidation="Yes">
																																		<h2><i class="fas fa-lock"></i> Customer Account Login</h2></span></td></tr><tr isenabled="True" title="" controltype="row" causesvalidation="Yes">
																																			<td isenabled="True" title="" controltype="cell" causesvalidation="Yes" style="width:100%;"><div template="Modern" class="form-floating" visible="" style="width:100%;">
																																				<input id="UserId" name="UserId" containerid="VIEW-10000103" isenabled="True" title="" class="form-control" controltype="textbox" causesvalidation="Yes" onkeydown="TextBox_Submit(event, this, '')" type="text" value="" placeholder="User Id" style="width:100%;"></input><label for="UserId">User Id</label>
																																			</div></td></tr><tr isenabled="True" title="" controltype="row" causesvalidation="Yes">
																																				<td isenabled="True" title="" controltype="cell" causesvalidation="Yes" style="width:100%;"><div template="Modern" class="form-floating" visible="" style="width:100%;">
																																					<input id="Password" name="Password" containerid="VIEW-10000103" isenabled="True" title="" class="form-control" controltype="textbox" causesvalidation="Yes" onkeydown="TextBox_Submit(event, this, 'LoginButton')" type="password" value="" style="width:100%;"></input><label for="Password">Password</label>
																																				</div></td></tr><tr isenabled="True" title="" controltype="row" causesvalidation="Yes">
																																					<td isenabled="True" title="" controltype="cell" causesvalidation="Yes" style="width:100%;"><div id="ErrorMessage" name="ErrorMessage" containerid="VIEW-10000103" isenabled="True" title="" controltype="label" causesvalidation="Yes" control-type="label" style="color:red;">
																																						<div control-title="" style="pointer-events:none;">
																																							
																																						</div><span style="pointer-events:none;"></span>
																																					</div></td></tr><tr isenabled="True" title="" controltype="row" causesvalidation="Yes">
																																						<td isenabled="True" title="" controltype="cell" causesvalidation="Yes" style="width:100%;">
																																							<span id="login_LoginButton_click_ScriptTag" style="display:none;"><script>
																																								function login_LoginButton_click(event, target, loopIndex, modelDataObj, returnValueToFormValue, returnValueToFormDescription) { if(loopIndex == null || loopIndex == undefined || loopIndex == "") { loopIndex = 0; if(event.detail?.WorkData?._LoopData?.LoopIndex) { loopIndex = event.detail.WorkData._LoopData.LoopIndex } } if(target != null && target != undefined) { let targetId = target.id; if(targetId != null && targetId != undefined && targetId !="") { let modelDataObjAttribute = document.getElementById(targetId).getAttribute("modelDataObjclick"); if(modelDataObjAttribute != null && modelDataObjAttribute != undefined && modelDataObjAttribute !=  "") { modelDataObjAttribute = modelDataObjAttribute.replaceAll("'", "\""); let tempModelDataObj = JSON.parse(modelDataObjAttribute); if(tempModelDataObj != null && tempModelDataObj != undefined) { modelDataObj = tempModelDataObj; } } } }let args = {"WorkData":{"TenantId":"","TenantName":"","ApplicationId":"","ApplicationName":"","ViewName":"","EventName":"","SearchElement":"","ControlId":"","Action":"","_LoopData":{"LoopIndex":""},"_ControllerParameters":{"Password":"","UserId":""}}}; args.WorkData.TenantId = '1052'; args.WorkData.TenantName = 'Cantex'; args.WorkData.ApplicationId = '21000697'; args.WorkData.ApplicationName = 'EASYCommerceMVC'; args.WorkData.ViewName = 'login'; args.WorkData.EventName = 'LoginTop'; args.WorkData.ControlId = 'c_100037'; try { if (event.target) { args.WorkData.Action = event.target.getAttribute('action'); } } catch {}let login_LoginButton_click_1_CallbackFunction = function() {}; let searchElement = null; let parent = $(target).parents('view[viewid="VIEW-10000103"]'); if (parent != null && parent != undefined && parent.length != 0) { searchElement = parent[0]; } else { if(target?.tagName?.toLowerCase() == 'view') { let viewIdAttribute = target.getAttribute('viewid'); if(viewIdAttribute && viewIdAttribute != '') { if(viewIdAttribute == 'VIEW-10000103') { searchElement = target; } else { searchElement = document; }} else { searchElement = target; }} else { searchElement = document; } } console.warn("Event Search Element", searchElement); let eventSearchElement = null; let tempESE = $(searchElement).parentsUntil('view')[$(searchElement).parentsUntil('view').length - 1]; if(tempESE != null && tempESE != undefined) { eventSearchElement = tempESE.parentElement; } else { eventSearchElement = document; }let options = { ThisHtmlId: 'LoginButton',DisplayProgressAnimation: 'True',DisplayProgressLocation: 'Page',CauseValidation: 'False',GroupToValidate: 'Default',ValidationLocation: 'Inline',TemplateWidgetControllerMode: 'All',TemplateWidgetControllerRow: '0',SearchElement: searchElement,EventTimeout: 5,ShowTimeoutMessage: true,AllowKillRequest: true,AllowContinueInBackground: true};try { if((options && options?.ThisHtmlId != '' && options?.ThisHtmlId == 'UserId') || 'LoginButton' == 'UserId'){args.WorkData._ControllerParameters.UserId = $(target).val();}else{if(false){args.WorkData._ControllerParameters.UserId = $($(searchElement).find('[containerId="VIEW-10000103"][name="UserId"]')[loopIndex]).val();}else{args.WorkData._ControllerParameters.UserId = $(searchElement).find('#UserId').val();}} } catch {}try { if((options && options?.ThisHtmlId != '' && options?.ThisHtmlId == 'Password') || 'LoginButton' == 'Password'){args.WorkData._ControllerParameters.Password = $(target).val();}else{if(false){args.WorkData._ControllerParameters.Password = $($(searchElement).find('[containerId="VIEW-10000103"][name="Password"]')[loopIndex]).val();}else{args.WorkData._ControllerParameters.Password = $(searchElement).find('#Password').val();}} } catch {}EPEvent(args, event, options, login_LoginButton_click_1_CallbackFunction); }</script></span><button id="LoginButton" name="LoginButton" containerid="VIEW-10000103" type="button" value="Login" validationgroup="" disableonclick="No" iseof="False" isdefault="false" isenabled="True" title="" class="btn btn-primary" controltype="button" onclick="login_LoginButton_click(event, event.target, 0, {}, '', '');" modeldataobjclick="{}" controlid="c_100037" causesvalidation="Yes" style="width:100%;">Login</button></td></tr><tr isenabled="True" title="" controltype="row" causesvalidation="Yes">
																																									<td isenabled="True" title="" controltype="cell" causesvalidation="Yes" style="width:100%;"></td></tr><tr isenabled="True" title="" controltype="row" causesvalidation="Yes">
																																														<td isenabled="True" title="" controltype="cell" causesvalidation="Yes" style="width:100%;"></td></tr><tr isenabled="True" title="" controltype="row" causesvalidation="Yes">
																																																		<td isenabled="True" title="" controltype="cell" causesvalidation="Yes" style="width:100%;"><table isenabled="True" title="" class="Border" controltype="table" causesvalidation="Yes" width="100%" cellspacing="5" cellpadding="5" style="width:100%;">
																																																			<tr isenabled="True" title="" controltype="row" causesvalidation="Yes">
																																																									<td isenabled="True" title="" align="Left" controltype="cell" causesvalidation="Yes" style="width:50%;"><div isenabled="True" title="" controltype="hyperlink" causesvalidation="Yes" control-type="hyperlink">
																																																										<div control-title="" style="pointer-events:none">
																																																											</div>
																																																													<a isenabled="True" title="" controltype="hyperlink" causesvalidation="Yes" href="UserRegistration" datafld="disabled">Register New Account</a></div></td><td isenabled="True" title="" align="Right" controltype="cell" causesvalidation="Yes" style="width:50%;"><div isenabled="True" title="" controltype="hyperlink" causesvalidation="Yes" control-type="hyperlink">
																																																														<div control-title="" style="pointer-events:none">
																																																															</div>
																																																																	<a isenabled="True" title="" controltype="hyperlink" causesvalidation="Yes" href="ForgotPassword" datafld="disabled">Forgot Password?</a></div></td></tr></table></td></tr></table></td></tr></table></td></tr></table><script>function login_LoginTop(event, target, loopIndex, modelDataObj, options, callbackFunction, returnValueToFormValue, returnValueToFormDescription) { if(loopIndex == null || loopIndex == undefined || loopIndex == "") { loopIndex = 0; if(event.detail?.WorkData?._LoopData?.LoopIndex) { loopIndex = event.detail.WorkData._LoopData.LoopIndex } } if(target != null && target != undefined) { let targetId = target.id; if(targetId != null && targetId != undefined && targetId !="") { let modelDataObjAttribute = document.getElementById(targetId).getAttribute("modelDataObjLoginTop"); if(modelDataObjAttribute != null && modelDataObjAttribute != undefined && modelDataObjAttribute !=  "") { modelDataObjAttribute = modelDataObjAttribute.replaceAll("'", "\""); let tempModelDataObj = JSON.parse(modelDataObjAttribute); if(tempModelDataObj != null && tempModelDataObj != undefined) { modelDataObj = tempModelDataObj; } } } }let args = {"WorkData":{"TenantId":"","TenantName":"","ApplicationId":"","ApplicationName":"","ViewName":"","EventName":"","SearchElement":"","ControlId":"","Action":"","_LoopData":{"LoopIndex":""},"_ControllerParameters":{}}}; args.WorkData.TenantId = '1052'; args.WorkData.TenantName = 'Cantex'; args.WorkData.ApplicationId = '21000697'; args.WorkData.ApplicationName = 'EASYCommerceMVC'; args.WorkData.ViewName = 'login'; args.WorkData.EventName = 'LoginTop'; if (target != undefined && target != null) { args.WorkData.ControlId = target.getAttribute('ControlId'); args.WorkData.Action = target.getAttribute('Action'); } let searchElement = null; let parent = $(target).parents('view[viewid="VIEW-10000103"]'); if (parent != null && parent != undefined && parent.length != 0) { searchElement = parent[0]; } else { if(target?.tagName?.toLowerCase() == 'view') { let viewIdAttribute = target.getAttribute('viewid'); if(viewIdAttribute && viewIdAttribute != '') { if(viewIdAttribute == 'VIEW-10000103') { searchElement = target; } else { searchElement = document; }} else { searchElement = target; }} else { searchElement = document; } } let eventSearchElement = null; let tempESE = $(searchElement).parentsUntil('view')[$(searchElement).parentsUntil('view').length - 1]; if(tempESE != null && tempESE != undefined) { eventSearchElement = tempESE.parentElement; } else { eventSearchElement = document; }args.WorkData._ControllerParameters.UserId = '';args.WorkData._ControllerParameters.Password = '';if(options?.WorkflowAction != null && options?.WorkflowAction != undefined && options?.WorkflowAction != '') { args.WorkData['_Workflow'] = {}; args.WorkData._Workflow['Action'] = options.WorkflowAction; args.WorkData['Action'] = options.WorkflowAction; } else if(options?.WorkflowStatusAction != null && options?.WorkflowStatusAction != undefined && options?.WorkflowStatusAction != '') { args.WorkData['_Workflow'] = {}; args.WorkData._Workflow['Action'] = options.WorkflowStatusAction; args.WorkData['Action'] = options.WorkflowStatusAction; }EPEvent(args, event, options, callbackFunction);  }function login_LoginBottom(event, target, loopIndex, modelDataObj, options, callbackFunction, returnValueToFormValue, returnValueToFormDescription) { if(loopIndex == null || loopIndex == undefined || loopIndex == "") { loopIndex = 0; if(event.detail?.WorkData?._LoopData?.LoopIndex) { loopIndex = event.detail.WorkData._LoopData.LoopIndex } } if(target != null && target != undefined) { let targetId = target.id; if(targetId != null && targetId != undefined && targetId !="") { let modelDataObjAttribute = document.getElementById(targetId).getAttribute("modelDataObjLoginBottom"); if(modelDataObjAttribute != null && modelDataObjAttribute != undefined && modelDataObjAttribute !=  "") { modelDataObjAttribute = modelDataObjAttribute.replaceAll("'", "\""); let tempModelDataObj = JSON.parse(modelDataObjAttribute); if(tempModelDataObj != null && tempModelDataObj != undefined) { modelDataObj = tempModelDataObj; } } } }let args = {"WorkData":{"TenantId":"","TenantName":"","ApplicationId":"","ApplicationName":"","ViewName":"","EventName":"","SearchElement":"","ControlId":"","Action":"","_LoopData":{"LoopIndex":""},"_ControllerParameters":{}}}; args.WorkData.TenantId = '1052'; args.WorkData.TenantName = 'Cantex'; args.WorkData.ApplicationId = '21000697'; args.WorkData.ApplicationName = 'EASYCommerceMVC'; args.WorkData.ViewName = 'login'; args.WorkData.EventName = 'LoginBottom'; if (target != undefined && target != null) { args.WorkData.ControlId = target.getAttribute('ControlId'); args.WorkData.Action = target.getAttribute('Action'); } let searchElement = null; let parent = $(target).parents('view[viewid="VIEW-10000103"]'); if (parent != null && parent != undefined && parent.length != 0) { searchElement = parent[0]; } else { if(target?.tagName?.toLowerCase() == 'view') { let viewIdAttribute = target.getAttribute('viewid'); if(viewIdAttribute && viewIdAttribute != '') { if(viewIdAttribute == 'VIEW-10000103') { searchElement = target; } else { searchElement = document; }} else { searchElement = target; }} else { searchElement = document; } } let eventSearchElement = null; let tempESE = $(searchElement).parentsUntil('view')[$(searchElement).parentsUntil('view').length - 1]; if(tempESE != null && tempESE != undefined) { eventSearchElement = tempESE.parentElement; } else { eventSearchElement = document; }args.WorkData._ControllerParameters.UserId.Value = '';args.WorkData._ControllerParameters.Password.Value = '';if(options?.WorkflowAction != null && options?.WorkflowAction != undefined && options?.WorkflowAction != '') { args.WorkData['_Workflow'] = {}; args.WorkData._Workflow['Action'] = options.WorkflowAction; args.WorkData['Action'] = options.WorkflowAction; } else if(options?.WorkflowStatusAction != null && options?.WorkflowStatusAction != undefined && options?.WorkflowStatusAction != '') { args.WorkData['_Workflow'] = {}; args.WorkData._Workflow['Action'] = options.WorkflowStatusAction; args.WorkData['Action'] = options.WorkflowStatusAction; }EPEvent(args, event, options, callbackFunction);  }</script></span></view><input id="EP_CacheId" name="EP_CacheId" type="hidden" value ="6b4cadc9532145e5ad3dc75ec1c5733b" isenabled="True"></input></content>
</div>
<footer>
            <table class="footer-top-banner"></table>
            <table class="footer-bottom-wrapper">
                <tr>
                    <td></td>
                    <td>
                        <div class="signup-wrapper" style="display:block;">
                            <h5>Stay Up To Date With The Cantex Newsletter!</h5>
                            <div>
                            <label for="company">Company</label><input type="text" id="Company_Desktop"></input>
                            </div>
                            <div>
                            <label for="name">Name</label><input type="text" id="Name_Desktop"></input>
                            </div>
                            <div>
                            <label for="email">Email</label><input type="text" id="Email_Desktop"></input>
                            </div>
							<p>
								<br></br>
								<label>By submitting this form I agree that I have read and understood the CANTEX Inc. <a href="https://www.cantexinc.com/privacy" class="PrivacyPolicy">Privacy Policy</a> and that CANTEX Inc. may process my data in accordance with the CANTEX Inc. Privacy Policy.</label>
                            </p>
							<label>
								<input id="AgreeCB_Desktop" checked="" type="checkbox" style="width: 14px;height: unset;">
								<span>Yes, I Agree</span>
							</input></label>
                            <br>
							<recaptcha><script src="https://www.google.com/recaptcha/api.js" async="" defer=""></script><div class="g-recaptcha" data-sitekey="6LdbpFooAAAAACLn6ON0LrEusy4TNCpLSCCxwnjj" data-callback="recaptchaCallback"></div></recaptcha>
                            <br>
							<button id="Signup_Desktop" type="button" class="btn-signup">Sign Up Today</button>
							<button type="button" class="btn-signup" name="NewsletterSignup@1@-1@-1" id="NewsletterSignup@1@-1@-1" ct="Field" onclick="return NewsletterSignUp_Controller(event, event.target, 0, {});" style="display:none;"></button>
							<input type="text" name="Company@1@-1@-1" id="Company@1@-1@-1" ct="Field" onkeypress="eventPressField(event, this, '') " onchange=" SaveControlState(event,'Text');" style="display:none;"></input>
							<input type="text" name="Name@1@-1@-1" id="Name@1@-1@-1" ct="Field" onkeypress="eventPressField(event, this, '') " onchange=" SaveControlState(event,'Text');" style="display:none;"></input>
							<input type="text" name="Email@1@-1@-1" id="Email@1@-1@-1" ct="Field" onkeypress="eventPressField(event, this, '') " onchange=" SaveControlState(event,'Text');" style="display:none;"></input>
							<input type="text" name="reCAPTCHAResponse@1@-1@-1" id="reCAPTCHAResponse@1@-1@-1" ct="Field" onkeypress="eventPressField(event, this, '') " onchange=" SaveControlState(event,'Text');" style="display:none;"></input>
						</br></br></div>
                    </td>
                    <td>
                        <div class="social-wrapper" style="display:block;">
                            <h5>Let's Be Social:</h5>
                            <a target="_blank" href="https://www.facebook.com/cantexinc/" style=""><i class="fa fa-facebook" aria-hidden="true"></i></a>
                            <a target="_blank" href="https://twitter.com/CANTEXInc" style=""><i class="fa fa-x-twitter" aria-hidden="true"></i></a>
                            <!--<i class="fa fa-x-twitter" aria-hidden="true"></i>-->
                            <a target="_blank" href="https://www.youtube.com/channel/UC-pkruVvWs0x-s-Q112PcMg" style=""><i class="fa fa-youtube-play" aria-hidden="true"></i></a>
                            <a target="_blank" href="https://www.linkedin.com/company/cantex-inc./" style=""><i class="fa fa-linkedin" aria-hidden="true"></i></a>
                        	<a target="_blank" href="https://www.pinterest.com/cantex0679/" style=""><i class="fa fa-pinterest" aria-hidden="true"></i></a>
                      	</div>
                        <div class="copyright-wrapper" style="display:block;">
                            <span>©Copyright Cantex Inc. 2022</span>  | <a href="https://cantexinc.com/privacy">Privacy Policy</a> | <a href="https://cantexinc.com/terms">Terms &amp; Use</a><br>
                            <span>Website designed by <a href="https://www.foremostmedia.com" target="_blank">Foremost Media&reg;</a></span>

<!--<span style="display:block;">Powered by <a href="https://ec.krisesystems.com" target="_blank">EASYCommerce</a></span>-->

                        </br></div>
                    </td>
                    <td></td>
                </tr>
<!--<tr><td></td><td></td><td><button class="btn"   name ="DebugMode@1@-1@-1" id ="DebugMode@1@-1@-1" ct ="Field"  onclick="return EP_CallFieldProcess(event,{&quot;parameter&quot;:[{&quot;Enabled&quot;:&quot;True&quot;,&quot;FieldId&quot;:&quot;WFLD-10002353&quot;,&quot;FieldName&quot;:&quot;DebugMode&quot;,&quot;CausesValidation&quot;:&quot;No&quot;,&quot;ValidationGroup&quot;:&quot;&quot;,&quot;ViewSubmitType&quot;:&quot;&quot;,&quot;ActionType&quot;:&quot;ButtonClick&quot;,&quot;EnableStateStore&quot;:&quot;False&quot;,&quot;DisableStateRestore&quot;:&quot;False&quot;}]});">Toggle Debug Mode</button></td></tr>-->

<tr class="sub-footer">
                    <td></td>
                    <td colspan="5">
                        <p>©Copyright K-Rise Systems 2022. All rights reserved.</p>
                        <p><a href="https://ec.krisesystems.com" rel="nofollow">Powered by EASYCommerce.</a></p>
                    </td>
                    <td></td>
                </tr>

            </table>
        </footer>
</body>
<script>
/** Search controller **/
function Search_Controller(event, target, loopIndex, modelDataObj) { if(loopIndex == null || loopIndex == undefined || loopIndex == "") { loopIndex = 0; if(event.detail?.WorkData?._LoopData?.LoopIndex) { loopIndex = event.detail.WorkData._LoopData.LoopIndex } } let args = {};let workData  ={};workData['ViewName'] = 'BasicTemplate';workData['EventName'] = 'Search';let input = {};let BasicTemplate_TB_click_1_AlwaysFunction = function() {}; let searchElement = null; let parent = $(target).parents('view[viewid="VIEW-10000100"]'); if (parent != null && parent != undefined && parent.length != 0) { searchElement = parent[0]; } else { if(target?.tagName?.toLowerCase() == 'view') { searchElement = target; } else { searchElement = document; } } let eventSearchElement = null; let tempESE = $(searchElement).parentsUntil('view')[$(searchElement).parentsUntil('view').length - 1]; if(tempESE != null && tempESE != undefined) { eventSearchElement = tempESE.parentElement; } else { eventSearchElement = document; }input['SearchText'] = {};input['SearchText'] = $(searchElement).find('#SearchText').val();let options = { CauseValidation: 'False',GroupToValidate: 'Default',ValidationLocation: 'Inline',TemplateWidgetControllerMode: 'All',TemplateWidgetControllerRow: '0',SearchElement: searchElement};workData['_ControllerParameters'] = input; args['WorkData'] = workData;EPEvent(args, event, options, BasicTemplate_TB_click_1_AlwaysFunction); }

/** NewsletterSignUp controller **/
function NewsletterSignUp_Controller(event, target, loopIndex, modelDataObj) { if(loopIndex == null || loopIndex == undefined || loopIndex == "") { loopIndex = 0; if(event.detail?.WorkData?._LoopData?.LoopIndex) { loopIndex = event.detail.WorkData._LoopData.LoopIndex } } let args = {};let workData  ={};workData['ViewName'] = 'BasicTemplate';workData['EventName'] = 'NewsletterSignUp';let input = {};let BasicTemplate_TB_click_1_AlwaysFunction = function() {}; let searchElement = null; let parent = $(target).parents('view[viewid="VIEW-10000100"]'); if (parent != null && parent != undefined && parent.length != 0) { searchElement = parent[0]; } else { if(target?.tagName?.toLowerCase() == 'view') { searchElement = target; } else { searchElement = document; } } let eventSearchElement = null; let tempESE = $(searchElement).parentsUntil('view')[$(searchElement).parentsUntil('view').length - 1]; if(tempESE != null && tempESE != undefined) { eventSearchElement = tempESE.parentElement; } else { eventSearchElement = document; }input['Company'] = {};input['Company'] = $(searchElement).find("[id^='Company@']").val();input['Name'] = {};input['Name'] = $(searchElement).find("[id^='Name@']").val();input['Email'] = {};input['Email'] = $(searchElement).find("[id^='Email@']").val();input['reCAPTCHAResponse'] = {};input['reCAPTCHAResponse'] = $(searchElement).find("[id^='reCAPTCHAResponse@']").val();let options = { CauseValidation: 'False', DisplayProgressAnimation: 'True',DisplayProgressLocation: 'Page',GroupToValidate: 'Default',ValidationLocation: 'Inline',TemplateWidgetControllerMode: 'All',TemplateWidgetControllerRow: '0',SearchElement: searchElement};workData['_ControllerParameters'] = input; args['WorkData'] = workData;EPEvent(args, event, options, BasicTemplate_TB_click_1_AlwaysFunction); }
</script>
  <style>
.notificationicon {
    position: absolute;
    padding: 2px 5px;
    border-radius: 50%;
    background: red;
    color: white;
}

@media only screen and (max-width: 415px) {
  .account-wrapper {
        left:24%;
    }
    .account-panel {
        max-width: 100vw;
                left: -54%;
        }
}
@media only screen and (max-width: 376px) {
  .account-wrapper {
        left:17%;
    }
    .account-panel {
        max-width: 100vw;
                left: -35%;
        }
}
@media only screen and (max-width: 321px) {
  .account-wrapper {
        left:1%;
    }
    .account-panel {
        max-width: 100vw;
            left: -1%;
        }
    .ErrorMessage {
        color: white;
    }
}
</style>
<script>
/** Begin Cantex JS **/

window.recaptchaCallback = undefined;

jQuery(document).ready(function ($) {

    window.recaptchaCallback = function recaptchaCallback(response) {
        $("[id^='reCAPTCHAResponse@']").val(response);
        $("[id='reCAPTCHAResponse']").val(response);
    }

});

/* initialize ReCAPTCHA widgets */
var CaptchaId_Desktop;
var CaptchaId_Mobile;
var onloadCallback = function() {
	var SiteKey = '6LdbpFooAAAAACLn6ON0LrEusy4TNCpLSCCxwnjj';
	CaptchaId_Desktop = grecaptcha.render('Captcha_Desktop', {
		'sitekey' : SiteKey
	});
	CaptchaId_Mobile = grecaptcha.render('Captcha_Mobile', {
		'sitekey' : SiteKey
	});
};


/* form validation and submission logic */
$(function() {
	$("#Signup_Desktop").click(function(event) {
		var Company = $("#Company_Desktop");
		var Name = $("#Name_Desktop");
		var Email = $("#Email_Desktop");
		var AgreeCB = $("#AgreeCB_Desktop");
		
		SubmitNewsletterForm(Company, Name, Email, AgreeCB, CaptchaId_Desktop);
	});
	
	$("#Signup_Mobile").click(function(event) {
		var Company = $("#Company_Mobile");
		var Name = $("#Name_Mobile");
		var Email = $("#Email_Mobile");
		var AgreeCB = $("#AgreeCB_Mobile");
		
		SubmitNewsletterForm(Company, Name, Email, AgreeCB, CaptchaId_Mobile);
	});
});


function SubmitNewsletterForm(Company, Name, Email, AgreeCB, CaptchaId) {
	var SubmitForm = true;
	var CompanyInputHiden = $("[id^='Company@']");
	var NameInputHiden = $("[id^='Name@']");
	var EmailInputHiden = $("[id^='Email@']");
		
	$("[name='CompanyError']").remove();
	$("[name='NameError']").remove();
	$("[name='EmailError']").remove();
	$("[name='AgreeCBError']").remove();
	$("[name='RecaptchaError']").remove();
	
	/* Validate all required form fields*/
	if(Company.val() == '') {	
		Company.after('<p class="ErrorMessage" name="CompanyError" style="color: #a8a8a8;">This field is required</p>');
		SubmitForm = false;
	}
	else {
		$("[name='CompanyError']").remove();
	}
	if(Name.val() == '') {
		Name.after('<p class="ErrorMessage" name="NameError"  style="color: #a8a8a8;">This field is required</p>');
		SubmitForm = false;
	}
	else {
		$("[name='NameError']").remove();
	}
	if(Email.val() == '') {
		Email.after('<p class="ErrorMessage" name="EmailError"  style="color: #a8a8a8;">This field is required</p>');
		SubmitForm = false;
	}
	else {
		$("[name='EmailError']").remove();
	}
	if(!AgreeCB.is(":checked")) {
		AgreeCB.next().after('<p class="ErrorMessage" name="AgreeCBError"  style="color: #a8a8a8;">This field is required</p>');
		SubmitForm = false;
	}
	else {
		$("[name='AgreeCBError']").remove();
	}
	if(grecaptcha.getResponse(CaptchaId).length === 0) {
		$(".captchadiv").after('<p class="ErrorMessage" name="RecaptchaError"  style="color: #a8a8a8;">This field is required</p>');
		SubmitForm = false;
	}
	else {
		$("[name='RecaptchaError']").remove();
	}
	
	/* update input fields and submit form */
	if(SubmitForm) {
		CompanyInputHiden.val(Company.val());
		NameInputHiden.val(Name.val());
		EmailInputHiden.val(Email.val());
		$("[id^='NewsletterSignup@']").click();
	}
}
/** End Cantex JS **/
</script><input id="EP_ViewName" name="EP_ViewName" type="hidden" value ="login"><input id="EP_ScannerEvent" name="EP_ScannerEvent" type="hidden" value ="">