
		
	<!DOCTYPE html
		PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
	<html lang="en" xmlns="http://www.w3.org/1999/xhtml">

	<head>
		<script src="/index.cfm?action=revenue.getLanguageData"></script>
		<script>
			var fieldListJson = data;
			var language = 'ENG';
		</script>
		
		
	<title> 
				
		RailPay	
		
			Manage Notice
		
	</title>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta http-equiv="imagetoolbar" content="false" />
	<meta http-equiv="pragma" content="no-cache" />
	<meta http-equiv="cache-control" content="no-cache" />
	<meta name="robots" content="NONE" />
	<meta name="robots" content="NOINDEX, NOFOLLOW" />

		
<link rel="preconnect" href="https://www.google-analytics.com">
	<script>
	  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
	  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
	  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
	  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

	  
	  	ga('create', 'UA-84920432-5', 'auto');
	  
	  
	  ga('send', 'pageview');

	</script>

		
    <script type="text/javascript" src="assets/js/jquery.min.js?version=1.3.Q"></script>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js" ></script>  
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js" ></script> 
    <script type="text/javascript" src="assets/js/bootstrap.min.js?version=1.3.Q"></script>
    <script type="text/javascript" src="assets/js/1.9_jquery.validate.min.js?version=1.3.Q"></script>
    <script type="text/javascript" src="assets/js/additional-methods.min.js?version=1.3.Q"></script>
    <script type="text/javascript" src="assets/js/bootbox.min.js?version=1.3.Q"></script>
    
    <script type="text/javascript" src="assets/js/anypicker.js?version=1.3.Q"></script>


       <script src="assets/javascripts/fontawesome-all.min.js"></script>
       <script src="assets/javascripts/image-preview.min.js"></script>
       <script src="assets/javascripts/notify.js?v=1.3.Q"></script>
       <script src="assets/javascripts/csrfAlert.js?v=1.3.Q"></script>
       <!--<script src="assets/javascripts/demo-compiled.min.js?v=1.3.Q"async></script>-->
       <script src="assets/javascripts/revenue.min.js?v=1.3.Q"></script>
		

<!--<script>(function(n,t,i,r){var u,f;n[i]=n[i]||{},n[i].initial={accountCode:"TRAVE11199",host:"TRAVE11199.pcapredict.com"},n[i].on=n[i].on||function(){(n[i].onq=n[i].onq||[]).push(arguments)},u=t.createElement("script"),u.async=!0,u.src=r,f=t.getElementsByTagName("script")[0],f.parentNode.insertBefore(u,f)})(window,document,"pca","//TRAVE11199.pcapredict.com/js/sensor.js")</script>-->
<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

  
    ga('create', 'UA-84920432-5', 'auto');
  
  ga('send', 'pageview');
$( document ).ready(function() {
	try {
		pca.on("data", function(source, key, address, variations) {
			if (source === "address") {
				for (var i = 0; i < pca.platform.productList[key].PLATFORM_CAPTUREPLUS.bindings[0].fields.length; i++) {
				var pcaField = document.getElementById(pca.platform.productList[key].PLATFORM_CAPTUREPLUS.bindings[0].fields[i].element);
				if (pcaField) {
					pca.fire(pcaField, "change");
				};
				};
			};
		});
		}
	catch(err) {
		console.log('PCA Error');
	}
});
</script>
<script>
    
</script>
		
		
	<link rel="stylesheet" href="assets/css/bootstrap.min.css" type="text/css" rel="preload" as="style"/>
	<link rel="shortcut icon" type="image/png" href="tcs_favicon.ico"/>
	<link href="assets/css/main.css?v=1.3.Q" media="screen" rel="stylesheet" rel="preload" type="text/css" />
	<link href="assets/css/revp_cp.css?v=1.3.Q" media="screen" rel="stylesheet" rel="preload" type="text/css"/>
	<link href="assets/css/anypicker.css?v=1.3.Q" media="screen" rel="stylesheet" rel="preload" type="text/css"/>
	<link href="assets/css/anypicker-font.css?v=1.3.Q" media="screen" rel="stylesheet" rel="preload" type="text/css"/>
	<link href="assets/css/anypicker-ios.css?v=1.3.Q" media="screen" rel="stylesheet" rel="preload" type="text/css"/>
	<link href="assets/css/datepicker.min.css?v=1.3.Q" media="screen" rel="stylesheet" rel="preload" type="text/css"/>
	<link href="assets/css/classic.date.min.css?v=1.3.Q" media="screen" rel="stylesheet" rel="preload" type="text/css"/>
	

       <link href="assets/css/main.min.css?v=1.3.Q" media="screen" rel="stylesheet" type="text/css" rel="preload" as="style"/>
       

	<link href="assets/css/revp_cp.css?v=1.3.Q" media="screen" rel="stylesheet" type="text/css" rel="preload" as="style"/>

<style>
	/* for CSRF alert */
	.alert-minimalist {
		background-color: #ff3f3f;
		color: white;
		border-color: rgba(149, 149, 149, 0.3);
		border-radius: 3px;
		color: rgb(149, 149, 149);
		padding: 10px;
	}
	.alert-minimalist > [data-notify="icon"] {
		color: white;
		height: 50px;
		margin-right: 12px;
	}
	.alert-minimalist > [data-notify="title"] {
		color: white;
		display: block;
		font-weight: bold;
		margin-bottom: 5px;
	}
	.alert-minimalist > [data-notify="message"] {
		color: white;
		font-family: Calibri;
		font-size: 15px;;
	}
	a {
		position: relative;
	}
</style>
		
		<script src="assets/js/jquery-confirm.min.js"async></script>


       <script src="assets/js/jquery-ui.min.js"async></script>
    

<!--
    

<script src='https://www.google.com/recaptcha/api.js?render=6Lfa2SAfAAAAAN-rbaOBH6DAbfN6WzJjhciH7ooB'></script>-->


		<link rel="stylesheet" href="assets/css/jquery-ui.css" rel="preload">
<link rel="preconnect" href="https://fonts.googleapis.com">
<script>
	//<![CDATA[ 
	function loadCSS(e, t, n) { "use strict"; var i = window.document.createElement("link"); var o = t || window.document.getElementsByTagName("script")[0]; i.rel = "stylesheet"; i.href = e; i.media = "only x"; o.parentNode.insertBefore(i, o); setTimeout(function () { i.media = n || "all" }) }loadCSS("https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=all");
	//]]> 
</script>
<script>
	//<![CDATA[ 
	function loadCSS(e, t, n) { "use strict"; var i = window.document.createElement("link"); var o = t || window.document.getElementsByTagName("script")[0]; i.rel = "stylesheet"; i.href = e; i.media = "only x"; o.parentNode.insertBefore(i, o); setTimeout(function () { i.media = n || "all" }) }loadCSS("assets/css/jquery-confirm.min.css");
	//]]> 
</script>
	</head>

	<body>
		<div class="main-wrapper main-bg-inner">
			
				<script>
					document.body.className = ((document.body.className) ? document.body.className + ' js-enabled' : 'js-enabled');
				</script>

				<div class="main-banner inner-banner">
					
  
	<header role="banner" class="global-header new-header" style="position: relative;">
		<div class="inner-header">
			<div class="container">
				<div class="header-item d-flex">
					<div class="logo"><a href="https://www.railpay.uk/" name ="RailPaylogo" target="_blank"><img src="assets/images/RailPaylogo.png" alt="Railpay"></a>
					</div>
					<div class="ml-auto">
						<div class="btn-group">
							<button type="button" class="dropdown-toggle header-dropdown" data-toggle="dropdown">
								English <span class="caret"></span>
							</button>
							<ul class="dropdown-menu" role="menu">
								<li>English</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="container">
			<div class="logo-wrapper">
				
											
							<a href="javascript:void(0);" name="tocrail">
								<img id="logo" src="assets/images/LN_logo.png" alt="logo" />
							</a>
												
					
			</div>
		</div>
	</header>
	<div class="loader" id="loader" style="display: none;"></div>
	<div class="overlay" id="overlay" style="display: none;"></div>
	

				</div>

				
				<main id="content" role="main" class="">
					<div class="modal-wrapper manage-wrapper">
						<div class="container">
							<div class="modal-block">
								
									
<style>
	.alert {
		padding: 15px;
		margin-bottom: 20px;
		border: 1px solid transparent;
		border-radius: 4px;
	}
/*	.alert-ErrorMessage {
		background-color: red !important;
	}*/
	.alert-ErrorMessage {
		opacity: 1 !important;
		color: #c00 !important;
		margin: 00px !important;
	}
</style>

	<!---->
	
	
									<script>(function(n,t,i,r){var u,f;n[i]=n[i]||{},n[i].initial={accountCode:"TRAVE11199"},n[i].on=n[i].on||function(){(n[i].onq=n[i].onq||[]).push(arguments)},u=t.createElement("script"),u.async=!0,u.src=r,f=t.getElementsByTagName("script")[0],f.parentNode.insertBefore(u,f)})(window,document,"pca")</script>


<script src='https://www.google.com/recaptcha/api.js?render=6Lfa2SAfAAAAAN-rbaOBH6DAbfN6WzJjhciH7ooB'></script>

		<div class="modal-content-block">
		<form name="frmHistory" method="post" action="/index.cfm?action=revenue.validateLogin" id="frmHistory" novalidate="novalidate">
			<div id="Login">
				<div class="modal-header">
					
					<h1>Manage my Notice</h1>
					<p>Please enter your case or notice reference below along with the appropriate postcode.</p>
					
				</div>
				
					
				<div class="field-group">
					<div style="display: none;" class="message" id="messagesshowdatanotfound">
						<h4 style="color: #c00; font-size : 14px ; font-weight: 700;">No case or notice found. Please check the details entered.</h4>
					</div>
					
					<label class="form-label" for="claimrefno">Case or Notice Reference</label>
					<div class="input-group">
						<span style="color: white;background-color: navy;" class="input-group-addon">LN</span>
						<input type="hidden" name="tocname" id="tocname" value="LN">
						<input type="hidden" name="tocrefno" id="tocrefno" value="">
						<input type="hidden" name="st" id="st" value="">
						<input type="hidden" name="toc" id="toc" value="LN">
						
							
						<input type="hidden" name="siteKey" id="siteKey" value="6Lfa2SAfAAAAAN-rbaOBH6DAbfN6WzJjhciH7ooB">
						<input class="form-control trackclaim-form-control" id="claimrefno" name="claimrefno" type="text" value="" placeholder="">			
					</div>
					<div style="display: none;" class="message" id="message">
						<h4 style="color: #c00; font-size : 14px ; font-weight: 700;">Please check your case or notice reference number</h4>
					</div>
					
					<input type="hidden" id="paymentAcceptance" name="paymentAcceptance" value="True">
					
				</div>
				<!--<div class="field-group">	
				<div class="input-group">			
					<label class="form-label" for="email">Email</label>
					<input class="form-control trackclaim-form-control" id="email" name="customeremail" type="email" placeholder="">	
				</div>
				</div>
				<label class="form-label oronlyforone" for="or">Or</label>	-->
				<div class="field-group">			
					<label class="form-label" for="customerpostcode">Postcode</label>
					<div class="input-group">
						<input class="form-control trackclaim-form-control" id="customerpostcode" name="customerpostcode" type="text" placeholder="">
					</div>
				</div>
				<div style="display: none;" class="messagePostCode" id="messagePostCode">
					<h4 style="color: #c00; font-size : 14px ; font-weight: 700;">Please check your Postcode</h4>
				</div>
									
				<input type="hidden" class="hiddenRecaptcha" name="hiddenRecaptcha" id="hiddenRecaptcha">					
				<div class="button-wrapper d-xs-flex">
					<a href="index.cfm" name="gohomepage" class="button hollow trackclaim-button mr-5 ">Cancel</a>
					<button type="button" id="Submit" class="button trackclaim-button ml-5 spinner-button btn btn-primary mb-2" onclick="msg()">Search</button>
				</div>
			</div>
			
			<div id="AdditionalField" style="display:none">
				<div class="modal-header">
				
					<h1>Manage my Notice</h1>
					<p>Please review your case or notice information before proceeding.</p>
					<p>If you believe this information is not correct, you should contact 					
					<b>
					<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="087a7a787d486e617a7b7c6b7d7b7c67656d7a6b67667c696b7c266b6765">[email&#160;protected]</a></b>
					for assistance.</p>

				
				</div>
				<div class="form-group">
					<label class="form-label" for="claimrefno">Case or Notice Reference</label>
					<input class="form-control" id="casereference" name="casereference" type="text" value="" readOnly>			
				</div>
				<div class="form-group">
					<label class="form-label" for="dateTime">Date and Time of Issue</label>
					<input class="form-control" id="dateTime" name="dateTime" type="text" value="" readOnly>		
				</div>

				<div class="form-group ">
					<label class="form-label" for="journeyFrom">Journey from (Origin) </label>
					<input class="form-control" id="journeyFrom" name="journeyFrom" type="text" value="" readOnly>	
				</div>

				<div class="form-group ">
					<label class="form-label" for="journeyTo">Journey to (Destination)</label>
					<input class="form-control " id="journeyTo" name="journeyTo" type="text" value="" readOnly>		
					
				</div>
				<div class="form-group">
					<label class="form-label" for="issueReason">Reason for Issue</label>
					<input class="form-control " id="issueReason" name="issueReason" type="text" value="" readOnly>	
				</div>
				<div class="form-group ">
					<label class="form-label" for="totalDue">Case Total</label>
					<input class="form-control " id="totalDue" name="totalDue" type="text" value="" readOnly>		
				</div>
				<div class="form-group ">
					<label class="form-label" for="outstandingAmount">Outstanding Amount</label>
					<input class="form-control " id="outstandingAmount" name="outstandingAmount" type="text" value="" readOnly>		
				</div>
				<div class="form-group">
					Is this your notice? Click Yes to see the options available to you.
				</div>
				<div class="button-wrapper ">
					<a href="" class="button hollow trackclaim-button" name ="backToLogin" id="backToLogin">Back</a>
					<button type="button" id="proceedToHistory" class="button trackclaim-button">Yes</button>
				</div>
			</div>
			<div id="PCNDetails" style="display:none">
				<div class="modal-header">
				
					<h1>Manage my Notice</h1>
					<p>Please review your case or notice information before proceeding.</p>
					<p>If you believe this information is not correct, you should contact 					
					<b>
					<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="f98b8b898cb99f908b8a8d9a8c8a8d96949c8b9a96978d989a8dd79a9694">[email&#160;protected]</a></b>
					for assistance.</p>

				
				</div>
				<div class="form-group">
					<label class="form-label" for="claimrefno">Case or Notice Reference</label>
					<input class="form-control" id="vehcasereference" name="vehcasereference" type="text" value="" readOnly>
					<input class="form-control" id="casetype" name="casetype" type="hidden" value="" readOnly>			
				</div>
				<div class="form-group">
					<label class="form-label" for="dateTime">Date and Time of Issue</label>
					<input class="form-control" id="vehdateTime" name="vehdateTime" type="text" value="" readOnly>		
				</div>

				<div class="form-group ">
					<label class="form-label" for="vehicletype">Vehicle Model</label>
					<input class="form-control" id="vehicletype" name="vehicletype" type="text" value="" readOnly>	
				</div>

				<div class="form-group ">
					<label class="form-label" for="vehmake">Make</label>
					<input class="form-control " id="vehmake" name="vehmake" type="text" value="" readOnly>				
				</div>
				<div class="form-group">
					<label class="form-label" for="vehiclecolor">Color</label>
					<input class="form-control " id="vehiclecolor" name="vehiclecolor" type="text" value="" readOnly>	
				</div>
				<div class="form-group">
					<label class="form-label" for="localtionofoffence">Location of the offence</label>		
					<select name="localtionofoffence" id="localtionofoffence" class="form-control" style="width:100%"></select>
				</div>
				<div class="form-group ">
					<label class="form-label" for="pcnoutstandingAmount">Outstanding Amount</label>
					<input class="form-control " id="pcnoutstandingAmount" name="pcnoutstandingAmount" type="text" value="" readOnly>		
				</div>
				<div class="form-group">
					Is this your notice? Click Yes to see the options available to you.
				</div>
				<div class="button-wrapper ">
					<a href="" class="button hollow trackclaim-button" name ="backToLogin" id="backToLogin">Back</a>
					<button type="button" id="pcnsubmit" class="button trackclaim-button">Yes</button>
				</div>
			</div>
		</form>
			<form id="frmCustomer" name="frmCustomer" method="post" action="/index.cfm?action=revenue.Save">
				
				<div id="CustomerDeatilsField" style="display:none">
					<!--<div class="modal-header">
					
						<h1>Manage my Notice</h1>
						<p>Please review your case or notice information before proceeding.</p>
						<p>If you believe this information is not correct, you should contact 					
						<b>
						rrpu@firstcustomercontact.com</b>
						for assistance.</p>
					
					</div>-->
					<div class="form-group">
						<label class="form-label" for="caserefrenceno">Case Number</label>
						<input class="form-control" id="casereferencenumber" name="casereferencenumber" readOnly type="text" value="">			
					</div>
					<div class="form-group"> 
						<label class="form-label select-label" for="txtTitle">Title</label>
						<select name="Title" id="Title" class="form-control" style="width:100%">
							<option value="">Please Select Title</option>	
							<option  value="Mrs" >Mrs</option>
							<option  value="Mr" >Mr</option>
							<option  value="Ms" >Ms</option>
							<option  value="Miss" >Miss</option>	
						</select>
						<div id="txtTitle-error" class="error-label"></div>
					</div>
					<div class="form-group ">
						<label class="form-label" for="FirstName">First Name</label>
						<input class="form-control " id="FirstName" name="firstName" type="text" value="" oninput="this.value = this.value.toUpperCase()">							
					</div>
					<div class="form-group">
						<label class="form-label" for="LastName">Last Name</label>
						<input class="form-control " id="LastName" name="lastName" type="text" value="" oninput="this.value = this.value.toUpperCase()">	
					</div>
					<div class="form-group">
						<label class="form-label" for="DateOfBirth">Date of Birth</label>
						<input class="form-control ip-ios-date" id="DateOfBirth" readonly name="dateTime" type="text" value="">		
					</div>
					<div class="form-group">
						<label class="form-label" for="emailaddress">Email Address</label>
						<input class="form-control" id="emailaddress" name="emailaddress" type="text" value="">		
					</div>
					<!--<div class="form-group ">
					<span>
						<label class="form-label" for="totalamountoutstanding">Total Amount Outstanding </label>
						<input type="text" class="amountoutstandingdoroller" value="  £" readonly style="border-right: none !important;width: 25px;height: 2.4375rem;border: solid 1px 383a4e !important;border-top-left-radius: 4px;border-bottom-left-radius: 4px;font-size: 1rem;"/>
						<input class="totalamountoutstanding" id="totalamountoutstanding" name="totalamountoutstanding" type="text">
						<label id="amountvaluemessage" class="uploadfile"style="display:none;">No amount less than £0.50 permitted.</label>		
					</span>
					</div>-->

					<div class="form-group ">    
					 <label class="form-label" for="totalamountoutstanding">Total Amount Outstanding </label>  	   
					  	<div class="input-wrapper">
						    <div class="input-icon input-icon-left">
							  	<input class="form-control" id="totalamountoutstanding" name="totalamountoutstanding" type="text">
							  	<i>£</i>
							</div>
							<label id="amountvaluemessage" class="uploadfile"style="display:none;">No amount less than £0.50 permitted.</label>		
					   	</div>
					</div>
					<div class="form-group ">
						<label class="form-label" for="DateofNotice">Date of Notice</label>
						<input class="form-control datepicker" id="DateofNotice" readonly name="DateofNotice" type="text" value="">		
					</div>
					<div class="button-wrapper ">
						<a href="" class="button hollow trackclaim-button" name ="backToLogin" id="backToLogin">Back</a>
						<button type="button" id="nextcustomerdetials" class="button trackclaim-button">Next</button>
					</div>
				</div>
				<div id="CustomerDeatilsField2" style="display:none">
					<div class="form-group">
						<label class="form-label" for="HomeTelephonenumber">Home Telephone Number</label>
						<input class="form-control" id="HomeTelephonenumber" name="HomeTelephonenumber" type="text" value="" maxlength="11">		
					</div>
					<div class="form-group">
						<label class="form-label" for="MobileTelephonenumber">Mobile Telephone Number</label>
						<input class="form-control" id="MobileTelephonenumber" name="MobileTelephonenumber" type="text" value="" maxlength="11">		
					</div>
					<div class="form-group ">
						<label class="form-label" for="PostCode">Postcode</label>
						<div class="input-group grp_width">
						 	<input class="form-control address-decs" id="PostCode" name="PostCode" type="text" value=""  autocomplete="off">	
						</div>		
					</div>
					<div class="form-group ">
						<label class="form-label" for="address">Address Line 1</label>
						<input class="form-control " id="addressline1" name="address1" type="text" value="">		
					</div>
					<div class="form-group ">
						<label class="form-label" for="address">Address Line 2</label>
						<input class="form-control " id="addressline2" name="address2" type="text" value="">		
					</div>
					
					<div class="form-group ">
						<label class="form-label" for="Town">Town</label>
						<input class="form-control " id="Town" name="Town" type="text" value="">		
					</div>
					<div class="form-group ">
						<label class="form-label" for="City">City</label>
						<input class="form-control " id="City" name="City" type="text" value="">		
					</div>
					<div class="form-group ">
						<label class="form-label" for="County">County</label>
						<input class="form-control " id="County" name="County" type="text" value="">		
					</div>
					<div class="form-group ">
						<label class="form-label" for="country">Country</label>
						<input class="form-control " id="country" name="country" type="text" value="">		
					</div>
					<div class="button-wrapper ">
						<a class="button hollow trackclaim-button" name ="backToCustomerDetail" id="backToCustomerDetail">Back</a>
						<button type="button" id="proceedcustomerToHistory" class="button trackclaim-button">Submit</button>
					</div>
				</div>
		    </form>
			<form id="PCNcasedetails" name="PCNcasedetails" method="post" action="/index.cfm?action=revenue.Save">
				
				<div id="PCNcasedata" style="display:none">
					<!--<div class="modal-header"></div>-->
					<p style="font-size: large;font-weight: bolder;">Please fill in the following details.</p>
					
					<div class="form-group">
						<label class="form-label" for="PCNcasereferencenumber">Case Number</label>
						<input class="form-control" id="PCNcasereferencenumber" name="PCNcasereferencenumber" readOnly type="text" value="">			
					</div>
					
					<div class="form-group ">
						<label class="form-label" for="PCNDateOfNotice">Date Of Notice</label>
						<input class="form-control " id="PCNDateOfNotice" name="PCNDateOfNotice" type="text" value="" oninput="this.value = this.value.toUpperCase()" >	
					</div>

					<div class="form-group">
						<label class="form-label" for="PCNMlocaltionofoffence">Location and car park</label>
						<select class ="form-control" id="PCNMlocaltionofoffence" name="PCNMlocaltionofoffence" value="" style="width:100%" >
						
						</select>
					</div>

					<div class="form-group ">    
					 <label class="form-label" for="totalamountoutstanding">Total Amount Outstanding </label>  	   
					  	<div class="input-wrapper">
						    <div class="input-icon input-icon-left">
							  	<input class="form-control" id="pcntotalamountoutstanding" name="totalamountoutstanding" type="text" value="" >
							  	<i>£</i>
							</div>
							<label id="amountvaluemessage" class="uploadfile"style="display:none;">No amount less than £0.50 permitted.</label>		
					   	</div>
					</div>

					<div class="form-group">
						<label class="form-label" for="PCNVragno">Vehicle Registration Number</label>
						<input class="form-control" id="PCNVragno" name="PCNVragno" type="text" value="" >
					  
					</div>

					<div id = "pcnnextpage" style="display: none;"> 

						<div class="form-group">
							<label class="form-label" for="PCNVehiclemodal">Vehicle modal</label>
							<input class="form-control" id="PCNVehiclemodal" name="PCNVehiclemodal"  type="text" value="">			
							<input class="form-control" id="pcncasetype" name="pcncasetype"  type="hidden" value="PCN">
						</div>
						
						<div class="form-group ">
							<label class="form-label" for="PCNvehiclecolor">Color</label>
							<input class="form-control " id="PCNvehiclecolor" name="PCNvehiclecolor" type="text" value="" >							
						</div>

						<div class="form-group">
							<label class="form-label" for="PCNvehiclemake">Make</label>
							<input class="form-control " id="PCNvehiclemake" name="PCNvehiclemake" type="text" value="" >
						</div>

						<div class="button-wrapper ">
							<a href="" class="button hollow trackclaim-button" name ="backToLogin" id="backToLogin">Back</a>
							<button type="button" id="SubmitPCndata" class="button trackclaim-button">Submit</button>
						</div>
					</div>

					<div id = "nextbutton" style="display: block;">
						<div class="form-group">
							<div class="button-wrapper ">
								<a href="" class="button hollow trackclaim-button" name ="backToLogin" id="backToLogin">Back</a>
								<button type="button" id="searchvehicledata" class="button trackclaim-button">Search</button>
							</div>
						</div>
					<div>
				</div>
		    </form>
		</div>
			</div>
			
	</div>
	<div class="modal-content-block PrivacyPolicy">	
			<div class="d-xs-flex">
			    <div class="row">	 
				  <div class="col-md-1"></div>
				  <div class="col-md-10">
					
								
								<span><a href="https://www.lumo.co.uk/about-us/policies-and-procedures/privacy-policy" target="_blank" name="Rail" class="PrivacyTerms">Privacy Policy</a></span>
								<span><a href="https://www.lumo.co.uk/about-us/terms-and-conditions" target="_blank" name="Pay" class="PrivacyTerms conditions">Terms & Conditions</a></span>

							
				  </div>
				  <div class="col-md-1"></div>
				  </div>				
			</div>
	</div>	
	<div id="successPageInfo" style="display:none;">
		<div class="form-group alternative-entry">
			<div id="successmsgText">
				
			</div>
		</div>
	</div>
    <!--Only Notics number match but post code does not match-->
	<div class="modal fade payment-modal" name="onlycaserefrencematchModal" id="onlycaserefrencematchModal" tabindex="-1" role="dialog">
		<div class="container">
		<div class="modal-dialog" style="z-index: 9999;">
			<div class="modal-content-block">
				<div>
					<div class="form-group ">
						<label class="form-label" for="onlycaserefrencematch">We have found the Reference Number you entered but the Postcode does not match - please click the OK button and check these details before submitting again</label>	
 					</div>
				</div>
				<div class="text-center">
				 <a id="onlycaserefrencematchbtn" name="onlycaserefrencematchbtn" class="btn-secondary">OK</a>
				</div>
				
			</div>
		</div>
		</div>
	</div>
	<!--Only 2 Notics number match but post code does not match-->
	<div class="modal fade payment-modal" name="caserefrencematchdoubletimeModal" id="caserefrencematchdoubletimeModal" tabindex="-1" role="dialog">
		<div class="container">
		<div class="modal-dialog" style="z-index: 9999;">
			<div class="modal-content-block">
				<div>
					<div class="form-group ">
						<label class="form-label" for="caserefrence48hours">Unfortunately the details do not match a case in our system. Please try again after 48 hours.</label>	
 					</div>
				</div>
				<div class="text-center">
				 <a href="index.cfm" id="caserefrencematchdoubletimebtn" name="caserefrencematchdoubletimebtn" class="btn-secondary">OK</a>
				</div>
				
			</div>
		</div>
		</div>
	</div>

	<div class="modal fade payment-modal" name="caseBeingPaidByApmsg" id="caseBeingPaidByApmsg" tabindex="-1" role="dialog">
		<div class="container">
		<div class="modal-dialog" style="z-index: 9999;">
			<div class="modal-content-block">
				<div>
					<div class="form-group ">
						
 					</div>
				</div>
				<div class="text-center">
				 <a  id="caseBeingPaidByApmsgbtn" name="caseBeingPaidByApmsgbtn" class="btn-secondary">OK</a>
				</div>
				
			</div>
		</div>
		</div>
	</div>

	<div class="modal fade payment-modal" name="PCmsgnmodal" id="PCmsgnmodal" tabindex="-1" role="dialog">
		<div class="container">
		<div class="modal-dialog" style="z-index: 9999;">
			<div class="modal-content-block">
				<div>
					<div class="form-group " id ="msgmodal">
						
 					</div>

					<div id = "pcnnextpage1" style="display: block;"> 

						<div class="form-group">
							<label class="form-label" for="PCNVehiclemodal1">Vehicle model</label>
							<input class="form-control" id="PCNVehiclemodal1" name="PCNVehiclemodal1"  type="text" value="">			
							
						</div>
						
						<div class="form-group ">
							<label class="form-label" for="PCNvehiclecolor1">Color</label>
							<input class="form-control " id="PCNvehiclecolor1" name="PCNvehiclecolor1" type="text" value="" >							
						</div>

						<div class="form-group">
							<label class="form-label" for="PCNvehiclemake1">Make</label>
							<input class="form-control " id="PCNvehiclemake1" name="PCNvehiclemake1" type="text" value="" >
						</div>


					</div>
				</div>
				<div class="text-center">
					<a  id="PCyesbtn" name="PCyesbtn" class="btn-secondary">Yes</a>
					<a  id="PCnobtn" name="PCnobtn" class="btn-secondary">No</a>
				</div>
				
			</div>
		</div>
		</div>
	</div>

	<!--Notics number is incorrect but post code match-->
	<div class="modal fade payment-modal" name="caserefrencecheckModal" id="caserefrencecheckModal" tabindex="-1" role="dialog">
		<div class="container">
		<div class="modal-dialog" style="z-index: 9999;">
			<div class="modal-content-block">
				<div>
					<div class="form-group ">
						<label class="form-label" for="caserefrencematchmatch" id="caserefrenceErrormessage">The Notice Number is incorrect. Press the OK button and check the details before resubmitting.</label>	
 					</div>
				</div>
				<div class="text-center">
				 <a id="caserefrencecheckbtn" name="caserefrencematchbutton" class="btn-secondary">OK</a>
				 <a id="caserefrencecheckrecaptchabtn" name="caserefrencematchbutton" class="btn-secondary" style="display: none;">OK</a>
				</div>
				
			</div>
		</div>
		</div>
	</div>
	<div class="modal fade" name="dateofnoticelapp" id="dateofnoticelapp" tabindex="-1" role="dialog" style="z-index: 101010;"data-keyboard="false" data-backdrop="static">
		<div class="modal-dialog" style="z-index: 9999;">
			<div class="modal-content">
				<div class="modal-body">
					Sorry, you are unable to pay for this notice through this system. You need to contact <strong><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="2454564b57414751504d4b4a576441455750494d4048454a405756454d4853455d0a474b0a514f">[email&#160;protected]</a></strong> for more information
				</div>
				<div class="modal-footer">
					<a id="dateofnoticealertbtn" name="dateofnoticealertbtn" data-dismiss="modal" class="button" style=" min-width: 19px !important;padding: 8px 32px 6px 29px; margin: 0 7px 0px 17px;">OK</a>
				</div>
			</div>
		</div>
	</div>


<style>
	.grecaptcha-badge {
		top: 80% !important;
		z-index: 99999 !important;
	}
</style>
<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>
	var tocname = $("#tocname").val();
	var claimrefno = $("#claimrefno").val();
	function myFunction(val) {
		if(val.length >0){			
			var refno = val;
			if (val.indexOf(tocname) == -1 && val.indexOf('HT') == -1) {
				refno = tocname+'/'+ val;
			} else {
				refno = val;
			}			
			var st = $("#st").val();
			var toc = $("#toc").val();
			$.ajax({
				'type':'POST',
				'url': 'index.cfm?action=revenue.checkclaimrefno',
				'data': {casenum:refno,st:st,toc:toc},
				success:function(data){
					var response = data.trim();	
					console.log(response,"response");	
					if(response == 'Invalid'){
						document.getElementById("message").style.display = "block";
						$('#tocrefno').val(refno);
						$('#Submit').addClass('button_disabled').attr('disabled', true);
						$('#Submit').css('background-color','#8a8c8f');
					}else{
						document.getElementById("message").style.display = "none";
						$("#Submit").css("background-color","");
						$('#Submit').addClass('button_disabled').attr('disabled', false);
						$('#tocrefno').val(refno);		
					}
				}
			});
		}
	}
	// repactchaReturn();
	$(document).ready(function(){	
		repactchaReturn();
		$('#caseBeingPaidByApmsgbtn').click(function(){
			$('#caseBeingPaidByApmsg').modal('hide');
		})
		$("#Submit").click(function(){
			if($("#frmHistory").valid()){
				var tocrefno = $("#tocrefno").val();
				var st = $("#st").val();
				var toc = $("#toc").val();
				var claimrefno = $("#claimrefno").val().trim();
				var customerpostcode = $("#customerpostcode").val().trim(); 
				//var customeremail = $("#email").val().trim(); 
				var hiddenRecaptcha = $("#hiddenRecaptcha").val();
				var claimrefnoforinvalid = $("#claimrefno").val();
				//var myRe = ^\d{10}$;
			    // var pattern2 = ^\w\w\w/EUN/d\d\d\d\d\d\d\d$;
				// const str = "/EUN/00000000";
				// const pattern = "EUN";
				//console.log(str.search(pattern));
				var b = claimrefnoforinvalid.split('/');
				if(claimrefno != '' && (customerpostcode != '' || customeremail != '') ){
					$('#Submit').prop("disabled", true);/*start loader show*/
					$('#Submit').html('<i class="fa fa-circle-o-notch fa-spin"></i> loading...');
					$.ajax({
						'type':'POST',
						'url': 'index.cfm?action=revenue.checkclaimrefno',
						//'data': {casenum:claimrefno,customerpostcode:customerpostcode,customeremail:customeremail,RECAPTCHARESPONSE:hiddenRecaptcha , st:st, toc:toc},
						'data': {casenum:claimrefno,customerpostcode:customerpostcode,RECAPTCHARESPONSE:hiddenRecaptcha , st:st, toc:toc},
						success:function(data){												
							var casetypedata = data.CASETYPE;
							if(data.CASETYPE == "PCN"){
								$('#Submit').prop("disabled", false);
								$('#Submit').html('Search');
							}	
							if(Object.keys(data).length != 2 && Object.keys(data).length != 3){
								var response = data;
							}else{
								var response = data.MESSAGE;
							}		
							var paymentAcceptance = $('#paymentAcceptance').val().trim();
							if(paymentAcceptance == "True"){	
								if(response == 'Invalid'){
									console.log(response,"datafirst invaliad=>");
									$('#Submit').addClass('button_disabled').attr('disabled', false);/*end loader show*/
									$('#Submit').html('Search');
									document.getElementById("message").style.display = "block";	
								}else if (response == 'Case reference number format is correct but not exist in database') {
									document.getElementById("Login").style.display = "none";
									document.getElementById("casereferencenumber").value = claimrefnoforinvalid;	
									// document.getElementById("PostCode").value=customerpostcode;
									document.getElementById("CustomerDeatilsField").style.display = "block";									
								}else if(response == 'Case reference number format is correct and casetype is exist but not exist in database'){
									$.ajax({
										'type':'POST',
										'url': 'index.cfm?action=revenue.carparlocation',
										success:function(data1){
												console.log(data1,"data1");
												var optionlist = '<option value="">Please Select</option>'
												$.each(data1.DATA, function(i, item) {
													
													optionlist = optionlist+'<option value="'+data1.DATA[i][0]+'">'+data1.DATA[i][1]+'</option>';
													
												});
												$('#PCNMlocaltionofoffence').html(optionlist);
										}
									})
									$("#PCNform").show();
									$('#PCNcasereferencenumber').val(claimrefnoforinvalid);
									document.getElementById("message").style.display = "none";
									document.getElementById("Login").style.display = "none";
									$("#PCNcasedata").css("display","block");
								}		
								else if (response == 'Case reference number format is incorrect') {
									if(data.CASE_INITIALS == 'EPF'){
										var refrenceErrormessage= $('#caserefrenceErrormessage').text('The Notice Number is incorrect. If you are paying for a paper issued Penalty Fare Notice which has had your details handwritten on it, please make sure you use EPF0 as the first four characters of your reference number (please note the last character is a zero, NOT the letter O) and then the five numerics from your notice e.g. EPF012345. \n Press the OK button and check the details before resubmitting.');
										refrenceErrormessage.html(refrenceErrormessage.html().replace(/\n/g,'<br/><br/>'));
									}else{
										$('#caserefrenceErrormessage').text('The Notice Number is incorrect. Press the OK button and check the details before resubmitting.')
									}
									$("#caserefrencecheckModal").modal("show");	
								} else if (response == 'Please complete the Recaptcha in order to proceed') {
									$('#caserefrencecheckbtn').hide();
									$('#caserefrencecheckrecaptchabtn').show();
									$('#caserefrenceErrormessage').text('There is Recaptcha error. Press the OK button and again enter the details before resubmitting.')
									$("#caserefrencecheckModal").modal("show");	
								} 
								else if(response == 'success'){
									document.getElementById("message").style.display = "none";
									$.ajax({
										'type':'POST',
										'url': 'index.cfm?action=revenue.checkclaimrefnoNGetDetails',
										//'data': {casenum:claimrefno,customerpostcode:customerpostcode,customeremail:customeremail},
										'data': {casenum:claimrefno,customerpostcode:customerpostcode},
										success:function(data){
											if(casetypedata == "PCN"){
												$.ajax({
												'type':'POST',
												'url': 'index.cfm?action=revenue.PCNcasetypedetail',
												'data': {casenum:claimrefno},
												success:function(pcndata){
													console.log(pcndata,"");
													if(pcndata.CASEDETAILS.DATA[0][62] == 1){
														$('#caseBeingPaidByApmsg').modal('show');
														$('#Submit').addClass('button_disabled').attr('disabled', false);/*end loader show*/
														$('#Submit').html('Search');
														return;
													}
													$.ajax({
													'type':'POST',
													'url': 'index.cfm?action=revenue.carparlocation',
													success:function(data1){
														 	console.log(data1,"data1");
															var optionlist = '<option value="">Please Select</option>'
															$.each(data1.DATA, function(i, item) {
																if(data1.DATA[i][0] == pcndata.CASEPCNDETAILS.DATA[0][92]){	
																	optionlist = optionlist+'<option value="'+data1.DATA[i][0]+' " selected>'+data1.DATA[i][1]+'</option>';
																}else{
																	optionlist = optionlist+'<option value="'+data1.DATA[i][0]+'">'+data1.DATA[i][1]+'</option>';
																}
															});
															$('#localtionofoffence').html(optionlist);
														}
													})

													$('#casetype').val(casetypedata);
													$('#vehcasereference').val(pcndata.CASEDETAILS.DATA[0][13]);
													$('#vehdateTime').val(pcndata.CREATEDDATE);
													$('#vehicletype').val(pcndata.CASEPCNDETAILS.DATA[0][81]);
													$('#vehmake').val(pcndata.CASEPCNDETAILS.DATA[0][80]);
													$('#vehiclecolor').val(pcndata.CASEPCNDETAILS.DATA[0][79]);
													$('#localtionofoffence').val(pcndata.CASEPCNDETAILS.DATA[0][92]);
													//$('#localtionofoffence option[value="5362bb58-32ae-11ec-8062-069d4c56fac2"]').attr('selected','selected');
													$('#pcnoutstandingAmount').val("£ "+(pcndata.CASEDETAILS.DATA[0][35]).toFixed(2));
													document.getElementById("message").style.display = "none";
													document.getElementById("Login").style.display = "none";
													$("#PCNDetails").show();
													$("#AdditionalField").hide();
												}
												});
											}else{
												var response = data;
												console.log(response,"response=>");
												if(response.STATUS == 200){
													
													if(response.GETCASEBEINGPAIDBYAPSTATUS == 1){
														$('#caseBeingPaidByApmsg').modal('show');
														$('#Submit').addClass('button_disabled').attr('disabled', false);/*end loader show*/
														$('#Submit').html('Search');
														return;
													}
												
													$('#Submit').removeClass('button_disabled').attr('disabled', false);
													$('#Submit').html('Search');
													document.getElementById("casereference").value = response.REFNO;
													document.getElementById("journeyFrom").value = response.JOURNEYFROM;
													document.getElementById("journeyTo").value = response.JOURNEYTO;
													document.getElementById("issueReason").value = response.REASONFORISSUE;
													document.getElementById("totalDue").value = "£"+response.AMOUNTDUE;
													document.getElementById("outstandingAmount").value = "£"+response.AMOUNTPENDING;
													document.getElementById("dateTime").value = response.TRAVELDT;
													document.getElementById("Login").style.display = "none";
													if(response.AMOUNTDUE == 0){
														document.getElementById("proceedToHistory").click();
													}
													else{
														$("#onlycaserefrencematchModal").modal("hide");	
														$("#caserefrencematchdoubletimeModal").modal("hide");	
														document.getElementById("AdditionalField").style.display = "block";
													}
												}
												// else if (response.MESSAGE == 'Details MissMatched') {
												// 	 console.log(response.MESSAGE == 'Details MissMatched',"response.MESSAGE == Details MissMatched=>");
												// 	 document.getElementById("Login").style.display = "none";
												// 	 document.getElementById("casereferencenumber").value = claimrefnoforinvalid;		
												// 	 document.getElementById("CustomerDeatilsField").style.display = "block";
												// }  
												else if (response.MESSAGE == 'Details of PostCode is Invalid') {
														
															$('#caseBeingPaidByApmsg').modal('hide');
													
													console.log(response.MESSAGE == 'Details of PostCode is Invalid',"response.MESSAGE == Details of PostCode not fetched=>");
													document.getElementById("messagePostCode").style.display = "block";
													$('#Submit').removeClass('button_disabled').attr('disabled', false);/*end loader show*/
													$('#Submit').html('Search');
													msg();
												} 
												else{
													$('#caseBeingPaidByApmsg').modal('hide');
													document.getElementById("message").style.display = "none";
													document.getElementById("Login").style.display = "block";
													document.getElementById("AdditionalField").style.display = "none";
													document.getElementById("CustomerDeatilsField").style.display = "none";
													//document.getElementById("CustomerDeatilsFiel2").style.display = "none";
												}
											}
											
										}
									});
								}
								else{
									$('#Submit').removeClass('button_disabled').attr('disabled', false);/*end loader show*/
									$('#Submit').html('Search');

								} 
							}
							else if(response == 'success'){
								document.getElementById("message").style.display = "none";
								$.ajax({
									'type':'POST',
									'url': 'index.cfm?action=revenue.checkclaimrefnoNGetDetails',
									//'data': {casenum:claimrefno,customerpostcode:customerpostcode,customeremail:customeremail},
									'data': {casenum:claimrefno,customerpostcode:customerpostcode},
									success:function(data){
										var response = data;
										if(response.STATUS == 200){
											// console.log(response.STATUS,"response.STATUS=>");
											$('#Submit').removeClass('button_disabled').attr('disabled', false);
											$('#Submit').html('Search');
											document.getElementById("casereference").value = response.REFNO;
											document.getElementById("journeyFrom").value = response.JOURNEYFROM;
											document.getElementById("journeyTo").value = response.JOURNEYTO;
											document.getElementById("issueReason").value = response.REASONFORISSUE;
											document.getElementById("totalDue").value = "£"+response.AMOUNTDUE;
											document.getElementById("outstandingAmount").value = "£"+response.AMOUNTPENDING;
											document.getElementById("dateTime").value = response.TRAVELDT;
											document.getElementById("Login").style.display = "none";
											if(response.AMOUNTDUE == 0){
												document.getElementById("proceedToHistory").click();
											}
											else{
												$("#onlycaserefrencematchModal").modal("hide");	
												$("#caserefrencematchdoubletimeModal").modal("hide");	
												document.getElementById("AdditionalField").style.display = "block";
											}
										}
										// else if (response.MESSAGE == 'Details MissMatched') {
										// 	 console.log(response.MESSAGE == 'Details MissMatched',"response.MESSAGE == Details MissMatched=>");
										// 	 document.getElementById("Login").style.display = "none";
										// 	 document.getElementById("casereferencenumber").value = claimrefnoforinvalid;		
										// 	 document.getElementById("CustomerDeatilsField").style.display = "block";
										// }  
										else if (response.MESSAGE == 'Details of PostCode is Invalid') {
											$('#Submit').removeClass('button_disabled').attr('disabled', false);/*end loader show*/
											$('#Submit').html('Search');
											msg();
										} 
										else{
											document.getElementById("message").style.display = "none";
											document.getElementById("Login").style.display = "block";
											document.getElementById("AdditionalField").style.display = "none";
											document.getElementById("CustomerDeatilsField").style.display = "none";
											//document.getElementById("CustomerDeatilsFiel2").style.display = "none";
										}
									}
								});
							}
							else{
								$('#Submit').removeClass('button_disabled').attr('disabled', false);/*end loader show*/
								$('#Submit').html('Search');
								document.getElementById("message").style.display = "block";
							} 
						}
					});
				
				}else{
					$('#Submit').addClass('button_disabled').attr('disabled', true);/*end loader show*/
					$('#Submit').css('background-color','#8a8c8f');
				}
				$('.loaderer').hide();
			}
		});

		function getVehicledetail(){
			var vehicleragino = $('#PCNVragno').val();
			if(vehicleragino == ""){
				
				console.log("data is empty");
			}else{
				$.ajax({
					'type':'POST',
					'url': 'index.cfm?action=revenue.GetVehicleDetails',
					'data': {reg_no:vehicleragino},
					success:function(response){	
						console.log(response);
						if(response.STATUS == 200){
							console.log(response.REVPVEHICLEDATAARRAY[0].COLOUR);
							$('#PCNvehiclecolor').val(response.REVPVEHICLEDATAARRAY[0].COLOUR);
							$('#PCNvehiclemake').val(response.REVPVEHICLEDATAARRAY[0].MAKE);
							$('#PCNVehiclemodal').val(response.REVPVEHICLEDATAARRAY[0].MODEL);
							$('#PCNVehiclemodal').prop('readonly', true);
							$('#PCNvehiclecolor').prop('readonly', true);
							$('#PCNvehiclemake').prop('readonly', true);
							$('#PCNvehiclecolor1').val(response.REVPVEHICLEDATAARRAY[0].COLOUR);
							$('#PCNvehiclemake1').val(response.REVPVEHICLEDATAARRAY[0].MAKE);
							$('#PCNVehiclemodal1').val(response.REVPVEHICLEDATAARRAY[0].MODEL);
							$('#PCNVehiclemodal1').prop('readonly', true);
							$('#PCNvehiclecolor1').prop('readonly', true);
							$('#PCNvehiclemake1').prop('readonly', true);
							document.getElementById("nextbutton").style.display = "none";
							document.getElementById("pcnnextpage").style.display = "none";
						}else{
							// $('#msgmodal').html('<label class="form-label" for="pcnconfirmmsg">'+response.MESSAGE+' fill data menually </label>');
							// document.getElementById("PCyesbtn").style.display = "none";
							// document.getElementById("PCnotbtn").style.display = "none";
							// $('#PCmsgnmodal').modal('show'); 
							document.getElementById("nextbutton").style.display = "none";
							document.getElementById("pcnnextpage").style.display = "none";
						}
					}
				})
				console.log("data is not empty");
		
			}
		}
	
		var countClicks = 0;/*this function is double click if only case refrence is correct*/
		$('#searchvehicledata').click(function(){
			var vehicleragino = $('#PCNVragno').val();
			getVehicledetail();
			if($('#PCNcasedetails').valid()){
				$('#msgmodal').html('<label class="form-label" for="pcnconfirmmsg">Is this the vehicle you want to pay a Penalty Charge Notice for?</label>');
				$('#PCmsgnmodal').modal('show');
			}else{
				$('#DONotice').show();
			}
			var pcnconfirembtn = "";
			$('#PCyesbtn').click(function(){
				console.log('true');
				pcnconfirembtn = true;
				$('#SubmitPCndata').click()
				$('#PCmsgnmodal').modal('hide');
			})
			$('#PCnobtn').click(function(){
				console.log('false');
				pcnconfirembtn = false;
				document.getElementById("nextbutton").style.display = "block";
				$('#PCNVragno').val('');
				$('#PCmsgnmodal').modal('hide');
			})
		})

		$('#PCNDateOfNotice').change(function(){

			var startdate =  $('#PCNDateOfNotice').val();
            var enddate = $.datepicker.formatDate('dd/mm/yy',  new Date());;
            var dateto1 = startdate.split("/").reverse().join("-");
            var datefrom1 = enddate.split("/").reverse().join("-");
            var d1 = new Date(dateto1);   
            var d2 = new Date(datefrom1);   
            var diff = d2.getTime() - d1.getTime();   
            var daydiff = diff / (1000 * 60 * 60 * 24);  

			if(Boolean(daydiff>14)){
				console.log('amount will be charge 70');
				$('#pcntotalamountoutstanding').val('70.00');
			}else{
				$('#pcntotalamountoutstanding').val('35.00');
			}
			console.log(daydiff);
		});
		function msg() { 
			var caseRefNumber = $("#claimrefno").val().trim();
			countClicks += 1;
			
			if( countClicks == 1){
				console.log("First Click");
				caseRefNumber1 = $("#claimrefno").val().trim();
				
			}else if(countClicks == 2){
				console.log("Second Click");
				if(caseRefNumber1 != caseRefNumber){
					console.log("Second Click NEQ");
					countClicks = 1;
					caseRefNumber1 = $("#claimrefno").val().trim();
				}
				caseRefNumber2 = $("#claimrefno").val().trim();
			}else if(countClicks == 3 ){
				console.log("Second Click");
				if(caseRefNumber2 != caseRefNumber){
					console.log("Third Click NEQ");
					countClicks = 1;
					caseRefNumber1 = $("#claimrefno").val().trim();
				}
			}
			
			
			if (countClicks < 3){
				var claimrefno = $("#claimrefno").val().trim();
				var toc = $("#toc").val();
				$.ajax({
					'type':'POST',
					'url': 'index.cfm?action=revenue.caseRefLockedRailpay',
					'data': {casenum:claimrefno,toc:toc},
					success:function(response){
						if(response.MESSAGE == 'Blocked for 48hr'){
						$("#caserefrencematchdoubletimeModal").modal("show");
						}else{
							$("#onlycaserefrencematchModal").modal("show");	
						}
					
					}
				});
			}
			else {
				$("#caserefrencematchdoubletimeModal").modal("show");
				var claimrefno = $("#claimrefno").val().trim();
				var toc = $("#toc").val();
				console.log(claimrefno);
				console.log(st);
				console.log(toc);
				$.ajax({
					'type':'POST',
					'url': 'index.cfm?action=revenue.insertCaseRefLockedRailpay',
					'data': {casenum:claimrefno,toc:toc},
					success:function(data){
						
					}
				});
			}
		}
		$('#frmHistory input ').bind('keyup blur click  change', function () {
			var claimrefno = $("#claimrefno").val().trim();
			var customerpostcode = $("#customerpostcode").val().trim(); 
			//var email = $("#email").val().trim(); 			
			//var response = grecaptcha.getResponse();			
			//if(claimrefno != '' && (customerpostcode != '' || email != '')){
			if(claimrefno != '' && (customerpostcode != '')){
				$("#Submit").css("background-color","");
				$('#Submit').addClass('button_disabled').attr('disabled', false);
			}else{
				$('#Submit').addClass('button_disabled').attr('disabled', true);
				$('#Submit').css('background-color','#8a8c8f');
			}
		});
		$("#claimrefno").focusout(function(){
		  	if($(this).val().trim() == ''){
		  		$("#claimrefno").valid();
		  	}
		});
		$('#pcnsubmit').click(function(){
			console.log($('#frmHistory').valid());
			if($('#frmHistory').valid()){

			$('#frmHistory').submit();
			}
		})
		$('#SubmitPCndata').click(function(){
			console.log($('#PCNcasedetails').valid());
			
			if($('#PCNcasedetails').valid()){

			$('#PCNcasedetails').submit();
			}
		})
		$("#proceedToHistory").click(function(){
			if($('#frmHistory').valid()) {
				$('#frmHistory').submit();
			}
		});
		$('#dateofnoticealertbtn').click(function(){
			window.location.href ='index.cfm?action=revenue.login&toc='+$('#tocname').val();
		})
		$("#proceedcustomerToHistory").click(function(){
			var casenumber = $('#casereferencenumber').val();
			var toc = $("#toc").val();
			
			var dateofnoticenew = $('#DateofNotice').val().split('/');
			console.log(dateofnoticenew[0]+"-"+dateofnoticenew[1]+"-"+dateofnoticenew[2],"date of notice");
			console.log(casenumber.slice(0,3),'res');
			var dateofnotice1 = dateofnoticenew[0]+"-"+dateofnoticenew[1]+"-"+dateofnoticenew[2];
			var date1 = new Date();
			var date2 = new Date(dateofnoticenew[2],dateofnoticenew[1]-1,dateofnoticenew[0]);
			console.log(date2,'date2');
			var Difference_In_Time = date1.getTime() - date2.getTime();
			var Difference_In_Days = Difference_In_Time / (1000 * 3600 * 24);
			console.log(Difference_In_Days,'22');
			if(Difference_In_Days >= 22 && toc == 'EMR' && casenumber.slice(0,3) == 'EPF'){
				$('#dateofnoticelapp').modal('show');
			}else{
				if($('#frmCustomer').valid()) {
					$('#frmCustomer').submit();
					// console.log("conolelog");
					// var form = document.forms["frmHistory"];
					// var formData = new FormData(form);
					// formData.append("form",form);
					//console.log(formData.get("casereferencenumber"),"formData");
					// $.ajax({
					// 	url:'index.cfm?action=revenue.Save',
					// 	data:formData,
					// 	type:'POST',		
					// 	contentType: false,
					// 	processData: false,
					// 	success:function(data, textStatus, xhr,responseJSON) {	
					// 		console.log(xhr,"xhr");	
					// 		// var responseCASENUM = xhr.data.CASENUM;
					// 		// console.log(responseCASENUM,"response");	
					// 		// var responseAMOUNT = xhr.data.AMOUNT;
					// 		// console.log(responseAMOUNT,"response");		
					// 		// if( xhr.status === 200 ){
					// 		// 	$('#proceedcustomerToHistory').removeClass('button_disabled').attr('disabled', false);
					// 		// 	$('#proceedcustomerToHistory').html('Submit Appeal');
					// 		// 	//loaderHide();
					// 		// 	// var data1 = jQuery.parseJSON( data );
					// 		// 	// data1 = data1.DATA;
					// 		// 	//console.log(data1,"data1==>");
					// 		// 	if(responseCASENUM != '' && responseAMOUNT != ''){
					// 		// 		console.log(responseCASENUM != '' && responseAMOUNT != '',"responseCASENUM != '' && responseAMOUNT != ''");
					// 		// 		//$("#AppealSuccessModal").find('.modal-body').html(data1.MESSAGE);
					// 		// 		//$("#AppealSuccessModal").modal('show');
					// 		// 		$("#proceedcustomerToHistory").attr('href',"index.cfm?action=revenue.history&refnum="+ responseCASENUM +"&refamount="+ responseAMOUNT +"");
					//         //         //$("#proceedcustomerToHistory").attr('href',"views/revenue/history.cfm");							
					// 		// 	}
					// 		// } 
					// 		// else {
					// 		// 	//loaderHide();
					// 		// 	$('#appelSubitBtn').removeClass('button_disabled').attr('disabled', false);
					// 		// 	$('#appelSubitBtn').html('Submit Appeal');
					// 		// 	$("#AppealSuccessModal").find('.modal-body').html("Appeal not success Please try again");
					// 		// 	$("#AppealSuccessModal").modal('show');
					// 		// 	$("#acknowledgMessage").attr('href',"index.cfm?action=revenue.login&toc="+ data.trim() +"");
					// 		// }
							
					// 	}
					// });
				}
			}
			// $('#totalamountoutstanding').css({
			// 'margin-left': '25px',
			// // 'margin-top': '-39px',
			// 'border-top-right-radius': '4px',
            // 'border-bottom-right-radius': '4px',
			// 'font-size': '1rem',
			// });
		});

		$("#backToLogin").click(function(){
			document.getElementById("Login").style.display = "block";
			document.getElementById("AdditionalField").style.display = "none";
			document.getElementById("CustomerDeatilsField").style.display = "none";		
			document.getElementById("CustomerDeatilsField2").style.display = "none";	
		});	
		$("#backToCustomerDetail").click(function(){
			document.getElementById("Login").style.display = "none";
			document.getElementById("AdditionalField").style.display = "none";
			document.getElementById("CustomerDeatilsField2").style.display = "none";	
			document.getElementById("CustomerDeatilsField").style.display = "block";		
		});
		$("#nextcustomerdetials").click(function(){
			if($('#frmCustomer').valid() && $('#totalamountoutstanding').val() >= 0.50) {
				document.getElementById("Login").style.display = "none";
				document.getElementById("AdditionalField").style.display = "none";
				document.getElementById("country").value = "United Kingdom (UK)";
				document.getElementById("CustomerDeatilsField").style.display = "none";		
				document.getElementById("CustomerDeatilsField2").style.display = "block";	
				
			}
		});
		$("#totalamountoutstanding").change(function (el) {
			const fi = document.getElementById('totalamountoutstanding').value;
			console.log(fi,"fivalue");
			if (fi < 0.50) {
				console.log(fi,"fivalue2");
				document.getElementById("amountvaluemessage").style.display = "block";
			}
			else{
				document.getElementById("amountvaluemessage").style.display = "none";
			}
        });
		// $(".ip-ios-date").AnyPicker({
		// 	mode: "datetime",
		// 	inputDateTimeFormat: "dd/MM/yyyy",
		// 	dateTimeFormat: "d MMMM , yyyy",
		// 	theme: "iOS", // "Default", "iOS", "Android", "Windows"
		// 	maxValue: new Date(),
		// 	maxRows: 200, // "Default", "iOS", "Android", "Windows"
		// });
		// $("#DateofNotice").AnyPicker({
		// 	mode: "datetime",
		// 	inputDateTimeFormat: "dd/MM/yyyy",
		// 	dateTimeFormat: "d MMMM , yyyy",
		// 	theme: "iOS", // "Default", "iOS", "Android", "Windows"
		// 	maxValue: new Date(new Date().setDate(new Date().getDate())),
		// 	minValue:new Date(new Date().setDate(new Date().getDate() - 7)),
		// 	maxRows: 200, // "Default", "iOS", "Android", "Windows"
		// });

		$('#DateOfBirth').datepicker({ 
			dateFormat: 'dd/mm/yy', 
			endDate: new Date(),
			changeMonth: true,
    		changeYear: true,
			inline: true,
			yearRange: "-200:-0",
		}).on('changeDate', function () {
			$(this).datepicker('hide');
		});
		var d = new Date();
		var currMonth = d.getMonth();
		var currYear = d.getFullYear();
		var startDate = new Date(currYear, currMonth-6, 1);
		var today = new Date(); 
		var start = new Date('30/11/2014');
		var end = new Date('03/05/2015');
		$('#PCNDateOfNotice').datepicker({
				dateFormat: 'dd/mm/yy', 
				minDate:startDate,
				maxDate:today,
				changeMonth: true,
				changeYear: true,
				inline: true
		});
		
		$('#DateofNotice').datepicker({ 
			dateFormat: 'dd/mm/yy', 
			maxDate: '+0D',
			minDate: '-'+7+'D',
			changeMonth: true,
    		changeYear: true,
			inline: true,
			yearRange: "-200:-0",
			
		}).on('changeDate', function () {
			$(this).datepicker('hide');
		});
		$("#onlycaserefrencematchbtn").click(function(){ /*ok button notics number not valid post code valid*/
			document.getElementById("Login").style.display = "block";	
			$("#onlycaserefrencematchModal").modal("hide");	
		});
		$("#caserefrencecheckbtn").click(function(){ /*ok button notics number match post code does not match*/
			$('#Submit').removeClass('button_disabled').attr('disabled', false);
			$('#Submit').html('Search');
			document.getElementById("Login").style.display = "block";
			document.getElementById('claimrefno').style.color='Red';
			document.getElementById("claimrefno").style.fontWeight = 'bold'; 
			$("#caserefrencecheckModal").modal("hide");		
		});
		$("#caserefrencecheckrecaptchabtn").click(function(){ /*ok button notics number match post code does not match*/
			window.location.reload();	
		});

		$('#PostCode').on('input', function() {
                    var postCode = $('#PostCode').val();
                    if(postCode.length >= 3 && $("#PostCode").valid()){
                        var container = '';
                        selectPostcode(container);
                    }
        });
		function selectPostcode(container){
                var postCode = $('#PostCode').val();
                $.ajax({
                    'type': 'POST',
                    'url': 'index.cfm?action=revenue.getPostCode',
                    'data': {postCode:postCode,container:container},
                    success:function(data){
                        var pCode = JSON.parse(data);
                        var $focus = $('#PostCode');
                        $focus.on("focusout", function(){
                          $('.search-results ').fadeOut();
                        });
                        $focus.on("focus", function(){
                          $('.search-results').fadeIn();
                        });
                        if (pCode.length > 0) {
                             $('#PostCode').focus();
                            // Remove any previous dropdown
                            $('body').find('.search-results').remove();
                            $('body').append('<div class="search-results" style="display:block;"><div class="search-results-menu flex-column" ></div></div>')
						
                            var $focus = $('#PostCode');
                            $('.search-results').css({
                                'top': $focus.offset().top + $focus.outerHeight(),
                                'left': $focus.offset().left,
                                'right': ($(window).width() - ($focus.offset().left + $focus.outerWidth())),
                                'width': $focus.outerWidth,
                                'z-index': 30,
                            });
                            // Recalculate on resize
                            $(window).on('resize', function() {
                                $('.search-results').css({
                                  'top': $focus.offset().top + $focus.outerHeight(),
                                  'left': $focus.offset().left,
                                  'right': ($(window).width() - ($focus.offset().left + $focus.outerWidth())),
                                  'width': $focus.outerWidth,
                                  'z-index': 30,
                                });
                            });
                            var addressHalf = 0;
                            for (addressHalf in pCode) {
                                $('body').find('.search-results-menu').append('<div class="item p-2 order-1 justify-content-between align-items-center getFullAddressByID" data-ID="'+ pCode[addressHalf].ID +'" data-postcode="'+ pCode[addressHalf].POSTCODE +'" data-type="'+ pCode[addressHalf].TYPE +'"><b>' + pCode[addressHalf].DESCRIPTIONADDRESS + '</b></div>');
                            }
                        }
                    }
                });
        }
        function selectAddress( id ) {
                $.ajax({
                    type: "POST",
                    url: "index.cfm?action=revenue.searchFullAddressId",
                    data:{id:id},
                    success: function(data) {
                        var pCode = JSON.parse(data);
                        $('#Town').val(pCode[0].CITY);
                        $('#PostCode').val(pCode[0].POSTALCODE);
                        $('#addressline1').val(pCode[0].LINE1);
                        $('#addressline2').val(pCode[0].LINE2);
						$('#City').val(pCode[0].CITY);
                        if(pCode[0].COUNTRYNAME == 'United Kingdom') {
                            $('#country').val('United Kingdom (UK)');
                        } else {
                            $('#country').val(pCode[0].COUNTRYNAME);
                        }
                        $(".errorfield").removeClass('errorinput');
                        $('body').find('.search-results').remove();
                    }
                });
        }

	        $(document).on('click','.getFullAddressByID',function() {
				var dataId = $(this).attr('data-id');
				if($(this).attr('data-type') !== 'Address') {
					selectPostcode(dataId);
				} else {
					selectAddress(dataId);
				}
			});	
			
			$(".address-decs").keyup(function(e){
				var selectedArray = [];
                addressData = selectedArray.push($(this).val());
            });
            $("#PostCode").keyup(function(e){
				if(e.keyCode==8){
					$('input[name=address1').val('');
					$('input[name=address2').val('');
					$('input[name=Town').val('');
					$('input[name=City').val('');
					$('input[name=country').val('');
				}
				});
			
	});	


</script>
<script>
	var countClicks = 0;
	function msg() { 
		countClicks += 1;
	}

</script>


							</div>
						</div>
					</div>

				</main>

				
	<footer class="footer" role="contentinfo">
		<div class="container">
			<div class="d-flex footercolumnone">
				<div class="footer-link">
					<span><a href="/index.cfm?action=privacy.privacy" name="Rail">Privacy Policy</a></span>
					<span><a href="/index.cfm?action=privacy.privacy" name="Pay">Terms & Conditions</a></span>
				</div>
				<div class="footer-logo-block">
					<div class="logo">
						<a href="https://www.railpay.uk/" name="railpayuk" target="_blank"><img src="assets/images/RailPaylogo.png" width="600" height="400" alt="RailPay"></a>
					</div>
				</div>
				
			</div>
		</div>
		<div class="copyright-mob ml-auto">
				© Copyright 2025 <a href="https://www.railpay.uk/" name="Tracsis" target="_blank"> RailPay®</a> is a
				brand owned and
				managed by Tracsis Retail and Operations Limited, part of Tracsis plc. Registered in England and
				Wales with
				Company Number 04225250 at Nexus, Discovery Way, Leeds, LS2 3AA. All rights reserved.

			</div>
	</footer>


<!-- Begin Cookie Consent plugin by Silktide - http://silktide.com/cookieconsent -->
	<link rel="stylesheet" type="text/css" href="assets/css/dark-bottom.css?v=1.3.Q" />

	
	 <script src="assets/js/cookieconsent.min.min.js?v=1.3.Q"></script>
     
    
	<script src="assets/js/cookieconsent.min.js?v=1.3.Q"></script>
	
		<script>
			// delete old cookies
			var delete_cookie = function(name) {
				document.cookie = name + '=;expires=Tue, 11 Sep 2018 12:26:01 GMT;';
			};
			delete_cookie('cookieconsent_dismissed');
			
			window.addEventListener("load", function(){
				window.cookieconsent.initialise({
				  "palette": {
					 "popup": {
						"background": "#222222",
						"text": "#fff"
					},
					"button": {
					  "background": "#f1d600"
					}
				  },
				  "content": {
					"header": "",
					"message": "We use cookies on this site to enhance your user experience.<br> By clicking any link on this page you are giving your consent for us to set cookies.",
					"dismiss": "Ok, I agree",
					"link": "No, view privacy policy",
					"href": "https://www.railpay.uk/index.cfm?action=privacy.privacy"
				  }
				})
			});
		</script>
	
<!-- End Cookie Consent plugin -->


		</div>

	</body>

	</html>
	

<script>
	$('#largerText').click(function () {
		var fontSize = $("body").css('font-size');
		var h1fontSize = $("h1").css('font-size');
		var pfontSize = $("p").css('font-size');
		if (h1fontSize >= '32px' && h1fontSize <= '39px') {
			$("h1").css("font-size", (parseInt($("h1").css("fontSize")) + 1 + "px"));
		}
		if (pfontSize >= '14px' && pfontSize <= '22px') {
			$("p").css("font-size", (parseInt($("p").css("fontSize")) + 1 + "px"));
		}
		if (fontSize >= '16px' && fontSize <= '22px') {
			$("body, input, select, textarea, button, a, label, legend").css("font-size", (parseInt($("body").css(
				"fontSize")) + 1 + "px"));
			$('#largerText').css("font-size", ("16px"));
			$('#smallerText').css("font-size", ("16px"));
			$('#smallerText').prop('disabled', false);
		}
	});
	$('#smallerText').click(function () {
		var fontSize = $("body").css('font-size');
		var h1fontSize = $("h1").css('font-size');
		var pfontSize = $("p").css('font-size');
		if (h1fontSize > '32px') {
			$("h1").css("font-size", (parseInt($("h1").css("fontSize")) - 1 + "px"));
		}
		if (pfontSize > '14px') {
			$("p").css("font-size", (parseInt($("p").css("fontSize")) - 1 + "px"));
		}
		if (fontSize > '16px') {
			$("body, input, select, textarea, button, a, label, legend").css("font-size", (parseInt($("body").css(
				"fontSize")) - 1 + "px"));
			$('#smallerText').css("font-size", ("16px"));
			$('#largerText').css("font-size", ("16px"));
		}
	});
</script>