CINXE.COM
Newsletters
<!DOCTYPE html> <html lang="en-GB" xmlns:fb="https://www.facebook.com/2008/fbml" xmlns:og="http://opengraphprotocol.org/schema/" class="accountRendererHTML no-js"> <!--esi <esi:assign name="isPageMetered">0</esi:assign> <esi:assign name="isPaywallHidden">1</esi:assign> <esi:assign name="isRegwallHidden">1</esi:assign> <esi:assign name="hasCredit">1</esi:assign> <esi:assign name="paywallCounterValue">0</esi:assign> <esi:assign name="isPaywallCounterUpdated">0</esi:assign> <esi:assign name="rendererType">accountRenderer</esi:assign> <esi:assign name="currentRequestPath">'http://'+ $(HTTP_HOST) + $(REQUEST_PATH)</esi:assign> <esi:assign name="currentRequestPathEncoded">$url_encode($(currentRequestPath))</esi:assign> --> <head><script type="text/javascript" src="/_static/js/bundle-playback.js?v=HxkREWBo" charset="utf-8"></script> <script type="text/javascript" src="/_static/js/wombat.js?v=txqj7nKC" charset="utf-8"></script> <script>window.RufflePlayer=window.RufflePlayer||{};window.RufflePlayer.config={"autoplay":"on","unmuteOverlay":"hidden"};</script> <script type="text/javascript" src="/_static/js/ruffle/ruffle.js"></script> <script type="text/javascript"> __wm.init("https://web.archive.org/web"); __wm.wombat("https://secure.telegraph.co.uk/secure/newsletters/","20180720144031","https://web.archive.org/","web","/_static/", "1532097631"); </script> <link rel="stylesheet" type="text/css" href="/_static/css/banner-styles.css?v=S1zqJCYt" /> <link rel="stylesheet" type="text/css" href="/_static/css/iconochive.css?v=3PDvdIFv" /> <!-- End Wayback Rewrite JS Include --> <script data-pagespeed-no-defer>//<![CDATA[ (function(){function d(b){var a=window;if(a.addEventListener)a.addEventListener("load",b,!1);else if(a.attachEvent)a.attachEvent("onload",b);else{var c=a.onload;a.onload=function(){b.call(this);c&&c.call(this)}}}var p=Date.now||function(){return+new Date};window.pagespeed=window.pagespeed||{};var q=window.pagespeed;function r(){this.a=!0}r.prototype.c=function(b){b=parseInt(b.substring(0,b.indexOf(" ")),10);return!isNaN(b)&&b<=p()};r.prototype.hasExpired=r.prototype.c;r.prototype.b=function(b){return b.substring(b.indexOf(" ",b.indexOf(" ")+1)+1)};r.prototype.getData=r.prototype.b;r.prototype.f=function(b){var a=document.getElementsByTagName("script"),a=a[a.length-1];a.parentNode.replaceChild(b,a)};r.prototype.replaceLastScript=r.prototype.f; r.prototype.g=function(b){var a=window.localStorage.getItem("pagespeed_lsc_url:"+b),c=document.createElement(a?"style":"link");a&&!this.c(a)?(c.type="text/css",c.appendChild(document.createTextNode(this.b(a)))):(c.rel="stylesheet",c.href=b,this.a=!0);this.f(c)};r.prototype.inlineCss=r.prototype.g; r.prototype.h=function(b,a){var c=window.localStorage.getItem("pagespeed_lsc_url:"+b+" pagespeed_lsc_hash:"+a),f=document.createElement("img");c&&!this.c(c)?f.src=this.b(c):(f.src=b,this.a=!0);for(var c=2,k=arguments.length;c<k;++c){var g=arguments[c].indexOf("=");f.setAttribute(arguments[c].substring(0,g),arguments[c].substring(g+1))}this.f(f)};r.prototype.inlineImg=r.prototype.h; function t(b,a,c,f){a=document.getElementsByTagName(a);for(var k=0,g=a.length;k<g;++k){var e=a[k],m=e.getAttribute("data-pagespeed-lsc-hash"),h=e.getAttribute("data-pagespeed-lsc-url");if(m&&h){h="pagespeed_lsc_url:"+h;c&&(h+=" pagespeed_lsc_hash:"+m);var l=e.getAttribute("data-pagespeed-lsc-expiry"),l=l?(new Date(l)).getTime():"",e=f(e);if(!e){var n=window.localStorage.getItem(h);n&&(e=b.b(n))}e&&(window.localStorage.setItem(h,l+" "+m+" "+e),b.a=!0)}}} function u(b){t(b,"img",!0,function(a){return a.src});t(b,"style",!1,function(a){return a.firstChild?a.firstChild.nodeValue:null})} q.i=function(){if(window.localStorage){var b=new r;q.localStorageCache=b;d(function(){u(b)});d(function(){if(b.a){for(var a=[],c=[],f=0,k=p(),g=0,e=window.localStorage.length;g<e;++g){var m=window.localStorage.key(g);if(!m.indexOf("pagespeed_lsc_url:")){var h=window.localStorage.getItem(m),l=h.indexOf(" "),n=parseInt(h.substring(0,l),10);if(!isNaN(n))if(n<=k){a.push(m);continue}else if(n<f||!f)f=n;c.push(h.substring(l+1,h.indexOf(" ",l+1)))}}k="";f&&(k="; expires="+(new Date(f)).toUTCString());document.cookie= "_GPSLSC="+c.join("!")+k;g=0;for(e=a.length;g<e;++g)window.localStorage.removeItem(a[g]);b.a=!1}})}};q.localStorageCacheInit=q.i;})(); pagespeed.localStorageCacheInit(); //]]></script><link rel="stylesheet" href="/web/20180720144031cs_/https://secure.telegraph.co.uk/etc/designs/telegraph/core/clientlibs/tmgthemes/commercial/account-legacy.min.5-8--0.css" type="text/css"><script> window.tmgFacebookAppId = "1785449471702494"; </script> <title>Newsletters</title> <link rel="dns-prefetch" href="//web.archive.org/web/20180720144031/https://static.telegraph.co.uk/"/> <link rel="dns-prefetch" href="//web.archive.org/web/20180720144031/https://cdn.optimizely.com/"/> <link rel="dns-prefetch" href="//web.archive.org/web/20180720144031/https://cdn3.optimizely.com/"/> <link rel="dns-prefetch" href="//web.archive.org/web/20180720144031/https://d3c3cq33003psk.cloudfront.net/"/> <link rel="dns-prefetch" href="//web.archive.org/web/20180720144031/https://assets.adobedtm.com/"/> <link rel="dns-prefetch" href="//web.archive.org/web/20180720144031/https://cf.eip.telegraph.co.uk/"/> <link rel="dns-prefetch" href="//web.archive.org/web/20180720144031/https://www.google-analytics.com/"/> <link rel="dns-prefetch" href="//web.archive.org/web/20180720144031/https://www.googletagservices.com/"/> <link rel="shortcut icon" href="/web/20180720144031im_/https://secure.telegraph.co.uk/etc/designs/telegraph/core/clientlibs/core/icons/favicon.ico"> <link rel="icon" type="image/png" sizes="152x152" href="/web/20180720144031im_/https://secure.telegraph.co.uk/etc/designs/telegraph/core/clientlibs/core/icons/favicon-152x152.png"> <link rel="apple-touch-icon" sizes="152x152" href="/web/20180720144031im_/https://secure.telegraph.co.uk/etc/designs/telegraph/core/clientlibs/core/icons/favicon-152x152.png"> <meta name="msapplication-TileColor" content="#2c769d"> <meta name="msapplication-TileImage" content="/etc/designs/telegraph/core/clientlibs/core/icons/mstile-144x144.png"> <!--/* IE 11 Tile for Windows 8.1 Start Screen */ --> <meta name="msapplication-tooltip" content="The Telegraph"> <meta name="msapplication-config" content="/etc/designs/telegraph/core/clientlibs/core/icons/browserconfig.xml"> <meta name="msapplication-square310x310logo" content="/etc/designs/telegraph/core/clientlibs/core/icons/mstile-310x310.png"> <meta name="msapplication-wide310x150logo" content="/etc/designs/telegraph/core/clientlibs/core/icons/mstile-310x150.png"> <meta name="msapplication-square150x150logo" content="/etc/designs/telegraph/core/clientlibs/core/icons/mstile-150x150.png"> <meta name="msapplication-square70x70logo" content="/etc/designs/telegraph/core/clientlibs/core/icons/mstile-70x70.png"> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes"/> <script> var RUM=(function(r,o){var q=[];var e=[];var b="RUM_start";var p=r.performance||{};var m=Date.now?Date.now():+(new Date());if(p&&p.timing&&p.timing.navigationStart){m=p.timing.navigationStart}function f(){if(p){if(p.now){return p.now()}else{if(p.webkitNow){return p.now()}else{if(p.msNow){return p.now()}else{if(p.mozNow){return p.now()}}}}}var d=Date.now?Date.now():+(new Date());return d-m}function i(d){if(p){if(p.mark){return p.mark(d)}else{if(p.webkitMark){return p.webkitMark(d)}}}q.push({name:d,entryType:"mark",startTime:f(),duration:0});return}function a(u,y,x){if(typeof(y)==="undefined"&&h(b)){y=b}if(p){if(p.measure){if(y){if(x){return p.measure(u,y,x)}else{return p.measure(u,y)}}else{return p.measure(u)}}else{if(p.webkitMeasure){return p.webkitMeasure(u,y,x)}}}var A=0;var d=d();if(y){var w=h(y);if(w){A=w.startTime}else{if(p&&p.timing&&p.timing[y]){A=p.timing[y]-p.timing.navigationStart}else{return}}}if(x){var z=h(x);if(z){d=z.startTime}else{if(p&&p.timing&&p.timing[x]){d=p.timing[x]-p.timing.navigationStart}else{return}}}e.push({name:u,entryType:"measure",startTime:A,duration:(d-A)});return}function h(d){return g(d,j())}function g(u,d){for(var w=d.length-1;w>=0;w--){var x=d[w];if(u===x.name){return x}}return undefined}function j(){if(p){if(p.getEntriesByType){return p.getEntriesByType("mark")}else{if(p.webkitGetEntriesByType){return p.webkitGetEntriesByType("mark")}}}return q}function k(){var d=o.cookie.match("(^|;)\\s*AMCV_2C7336C753C676BA0A490D4B%40AdobeOrg\\s*=\\s*([^;]+)");return d?decodeURIComponent(d.pop()).split("|")[4]:""}function n(){var x=k(),u=j();if(!x||!("ga" in r)){return}for(var w=u.length-1;w>=0;w--){var d=u[w];s=d.name.split("_"),c=s[0],v=s[1],l=s[2],t=Math.round(d.startTime);if(c&&v&&l&&t){ga("send",{hitType:"timing",timingCategory:c,timingVar:v,timingValue:t,timingLabel:l})}}}r.addEventListener("beforeunload",n);return{now:f,mark:i,measure:a,marks:q,measures:e}}(window,document)); </script> <script> RUM.mark( 'css_load_tmgchannels' ); </script> <script> window.clientlibs ={"css":{},"js":{"respond_js":{"load":["/etc/designs/telegraph/core/clientlibs/respond.min.5-8--0.js"],"test":"Modernizr.mq(\"only all\")"},"json_js":{"load":["/etc/designs/telegraph/core/clientlibs/json.min.5-8--0.js"],"test":"window.JSON"},"account-legacy_js":{"load":["/etc/designs/telegraph/core/clientlibs/tmgthemes/commercial/account-legacy.min.5-8--0.js"]}}}; </script> <script type="text/javascript" src="/web/20180720144031js_/https://secure.telegraph.co.uk/etc/designs/telegraph/core/clientlibs/core/head.min.5-8--0.js"></script> <script> RUM.mark( 'js_load_head' ); </script> <script> window.clientlibs.js.twitter_js = { test: "document.querySelectorAll && document.querySelectorAll('.twitter-follow-button, .twitter-tweet, .twitter-timeline').length === 0", load: ["//web.archive.org/web/20180720144031/https://platform.twitter.com/widgets.js"] }; <!-- /* We cannot compile this JS into our clientLibs due to syntax errors in the Ooyala vendor files and our version of YUI compressor */ --> window.clientlibs.js.ooyala_core = { test: true, load: ["/etc/designs/telegraph/core/clientlibs/core/vendor/ooyala/ooyala-player.min.js", "https://web.archive.org/web/20180720144031/https://sb.scorecardresearch.com/c2/plugins/streamingtag_plugin_ooyalav4.js"] }; window.clientlibs.js.facebook_sdk = { test: "document.querySelectorAll && document.querySelectorAll('.fb-page').length === 0", load: ["//web.archive.org/web/20180720144031/https://connect.facebook.net/en_GB/sdk.js"] }; </script> <script> var mapApiPath = "//web.archive.org/web/20180720144031/https://maps.googleapis.com/maps/api/js?v=3&client=gme-telegraphmediagroup1" + "&callback=tmgJQ.fn.telegraph_product_map"; window.clientlibs.js.google_maps = { test: "document.querySelectorAll && !document.querySelectorAll('.js-product-map').length", load: [mapApiPath] }; </script> <!--esi <esi:assign name="optimizelySync">true</esi:assign> <esi:choose> <esi:when test="$(REQUEST_PATH) has '/financial-services/'"> <esi:try> <esi:attempt> <esi:eval src="https://meter-globalswitch.aws.telegraph.co.uk/optimizely-fs-prod.html" no-store="on" dca="none" maxwait="2000" onerror="continue" /> </esi:attempt> <esi:except> <script> // Unable to read the Optimizely Financial Services switch. </script> </esi:except> </esi:try> </esi:when> <esi:when test="$(REQUEST_PATH) has '/travel/'"> <esi:try> <esi:attempt> <esi:eval src="https://meter-globalswitch.aws.telegraph.co.uk/optimizely-travel-prod.html" no-store="on" dca="none" maxwait="2000" onerror="continue" /> </esi:attempt> <esi:except> <script> // Unable to read the Optimizely Travel switch. </script> </esi:except> </esi:try> </esi:when> <esi:otherwise> <esi:try> <esi:attempt> <esi:eval src="https://meter-globalswitch.aws.telegraph.co.uk/optimizely-prod.html" no-store="on" dca="none" maxwait="2000" onerror="continue" /> </esi:attempt> <esi:except> <script> // Unable to read the Optimizely Global switch. </script> </esi:except> </esi:try> </esi:otherwise> </esi:choose> <esi:choose> <esi:when test="$(optimizelySync) =='false'"> <script> var tmg = tmg || {}; tmg.OPTIMIZELY_SYNC = false; </script> </esi:when> <esi:otherwise> <script> var tmg = tmg || {}; tmg.OPTIMIZELY_SYNC = true; </script> </esi:otherwise> </esi:choose> --> <link rel="canonical" href="https://web.archive.org/web/20180720144031/https://www.telegraph.co.uk/secure/newsletters/"/> <meta name="description"> <meta name="keywords"> <meta name="tmgads.channel" content="secure"> <meta name="tmgads.section" content="secure-newsletters"> <meta name="tmgads.zone" content="secure"> <meta name="tmgads.articleid" content="AmQQWrrlWxBY"> <meta name="tmgads.pagetype"> <meta name="tmgads.level" content="2"> <meta name="tmgads.otherdata"> <!--esi <esi:vars> <meta name="tmgads.geo" content="$(GEO{'country_code'})"></meta> </esi:vars> --> <meta name="tmgads.keywords"> <meta name="DCSext.Channel" content="secure"> <meta name="DCSext.Category" content="newsletters"> <meta name="DCSext.Genre"> <meta name="DCSext.MLC" content="/secure"> <meta name="DCSext.articleId" content="AmQQWrrlWxBY"> <meta name="DCSext.Content_Type"> <meta name="DCSext.Level" content="2"> <meta name="DCSext.author"> <meta name="DCSext.articleFirstPublished" content="2016-07-05 15:33"> <!--esi <esi:vars> <meta name="DCSext.cf" content="$(isPageMetered)"></meta> </esi:vars> --> <!--esi <esi:vars> <meta name="DCSext.cd" content="$(isPaywallCounterUpdated)"></meta> </esi:vars> --> <!--esi <esi:vars> <meta name="DCSext.cn" content="$(paywallCounterValue)"></meta> </esi:vars> --> <!--esi <esi:vars> <meta name="DCSext.pd" content="$(isPaywallHidden)"></meta> </esi:vars> --> <meta property="og:title" content="Newsletters"> <meta property="og:description"> <meta property="og:type" content="article"> <meta property="og:site_name" content="The Telegraph"> <meta property="og:url" content="https://web.archive.org/web/20180720144031/https://www.telegraph.co.uk/secure/newsletters/"> <meta property="og:image"> <meta name="twitter:title" content="Newsletters"> <meta name="twitter:url" content="https://web.archive.org/web/20180720144031im_/https://www.telegraph.co.uk/secure/newsletters/"> <meta name="twitter:image"> <meta name="twitter:site" content="@Telegraph"> <meta name="twitter:description"> <meta name="twitter:card" content="summary_large_image"> <meta name="tmgads.businessSegment" content="subscriptions"> <meta name="DCSext.campaignId"> <meta name="DCSext.campaignStart"> <meta name="DCSext.campaignEnd"> <meta name="DCSext.sponsored"> <meta property="article:content_tier" content="free"> <script> var dataLayer = { pageName:'Secure\\\/Newsletters', pageType: 'accountRenderer', pageId: 'AmQQWrrlWxBY', conceptIds: '[]', rollupContentPath: '/secure/newsletters', videoEmbedded: 'false', videoEmbedCount: '0' }; window.tmg.dataLayerUtils.update(); </script> <script src="//web.archive.org/web/20180720144031js_/https://assets.adobedtm.com/71dcbb11123ce6b2e1ce4d47fd79a130aad3fc95/satelliteLib-177113f60f763788009998023cd15615fe2168a2.js"></script> <script> RUM.mark( 'js_load_dtm' ); </script> <script> var pageData = {}; </script> <script> var tmgAds = tmgAds || {}; tmgAds.sticky = true; </script> <script src="https://web.archive.org/web/20180720144031js_/https://static.telegraph.co.uk/telegraph-advertising/tmg-gpt.min.js" async></script> <script> RUM.mark( 'js_load_gpt' ); </script> <script> window.tmgCommerce = { api: { url: 'https://web.archive.org/web/20180720144031/https://api.telegraph.co.uk/commerce', identityUrl: 'https://web.archive.org/web/20180720144031/https://api.telegraph.co.uk/identity' }, urls: { mpp: 'https://web.archive.org/web/20180720144031/https://auth.telegraph.co.uk', portal: 'https://web.archive.org/web/20180720144031/https://www.telegraph.co.uk' }, keys: { postcodeanywhere: '' }, pages: {}, dateFormat: '' }; </script> <script> window.tmgCommerce.pages.confirmation = window.location.protocol + "//" + window.location.hostname + (window.location.port ? ':' + window.location.port : '') + '/secure/newsletters'; </script> <script> window.tmgCommerce.pages.zuora = window.location.protocol + "//" + window.location.hostname + (window.location.port ? ':' + window.location.port : '') + '/secure/zuoraiframe/'; </script> <script> window.tmgCommerce.pages.missing = window.location.protocol + "//" + window.location.hostname + (window.location.port ? ':' + window.location.port : '') + '/secure/newsletters'; </script> <script> window.tmgOoyala = { api: { pcode: 'RvbGU6Z74XE_a3bj4QwRGByhq9h2', playerBrandingId: 'ZTIxYmJjZDM2NWYzZDViZGRiOWJjYzc5' } }; </script> <!-- comScore Identifier: comscorekw=portal --> <!--esi <esi:assign name="businessSegment">'portal'</esi:assign> --> </head> <body class="accountRenderer "> <div class="my-telegraph" hidden> <nav class="my-telegraph__nav container container--flush" data-test="my-telegraph" aria-label="My Feed"> <ul class="my-telegraph__list" role="menubar" aria-label="My Feed"> <li class="my-telegraph__item "> <a class="my-telegraph__link" role="menuitem" href="/web/20180720144031/https://secure.telegraph.co.uk/"> <svg class="my-telegraph__icon my-telegraph__icon--thornton" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 21 21"> <title>Telegraph logo</title> <rect class="my-telegraph__icon-background" x="3.32" y="3.32" width="14.35" height="14.35" transform="translate(-4.35 10.5) rotate(-45)"/> <path class="my-telegraph__icon-foreground" d="M6.74,11.57A3.69,3.69,0,0,1,9.11,8.33l.1.14a2.45,2.45,0,0,0-.74,1.87,3.37,3.37,0,0,0,.76,2.38A1.06,1.06,0,0,0,9.49,12V10.46l2-1.46.12.15a1.44,1.44,0,0,0-.29.87v1c0,.77-1.21,1.54-2,1.86a2.74,2.74,0,0,0,1.88.63,5.4,5.4,0,0,0,.8,0V8.86a8.32,8.32,0,0,1-1.76-.34,9,9,0,0,0-2-.41c-.8,0-1.77.27-1.79,1.43,0,.11,0,.23,0,.36L6.32,10a3,3,0,0,1-.21-1.08A2.64,2.64,0,0,1,8.86,6.15,8.56,8.56,0,0,1,11,6.54a7.21,7.21,0,0,0,1.88.34.44.44,0,0,0,.5-.46.47.47,0,0,0-.41-.5l0-.2c.75.14,1.55.59,1.55,1.5,0,1.08-.81,1.64-2.16,1.64h-.11v4.5a2.72,2.72,0,0,0,1.83-1.26l.18.09a4,4,0,0,1-3.75,3.06,3.48,3.48,0,0,1-3.8-3.7"/> <path class="my-telegraph__icon-background" d="M10.5,0,0,10.5,10.5,21,21,10.5Zm0,15.44a3.6,3.6,0,0,1-3.94-3.83A3.82,3.82,0,0,1,9.06,8.25l.11.15a2.53,2.53,0,0,0-.76,1.93,3.49,3.49,0,0,0,.79,2.46,1.1,1.1,0,0,0,.26-.7V10.46l2.12-1.51.12.16a1.49,1.49,0,0,0-.3.9v1c0,.8-1.25,1.59-2.05,1.92a2.84,2.84,0,0,0,1.95.66,5.59,5.59,0,0,0,.83-.05V8.8a8.61,8.61,0,0,1-1.82-.35A9.3,9.3,0,0,0,8.21,8C7.38,8,6.38,8.3,6.35,9.5c0,.12,0,.24,0,.37l-.2.07A3.16,3.16,0,0,1,6,8.82,2.73,2.73,0,0,1,8.8,6,8.86,8.86,0,0,1,11,6.41,7.46,7.46,0,0,0,13,6.76a.45.45,0,0,0,.51-.47.48.48,0,0,0-.42-.51l0-.21c.78.14,1.61.61,1.61,1.55,0,1.12-.84,1.7-2.24,1.7h-.12v4.66a2.82,2.82,0,0,0,1.89-1.3l.19.09A4.08,4.08,0,0,1,10.55,15.44Z"/> </svg> <span class="my-telegraph__text">Home</span> </a> </li> <li class="my-telegraph__item"> <a class="my-telegraph__link" role="menuitem" href="/web/20180720144031/https://secure.telegraph.co.uk/mytelegraph/" data-icid="{ "brand": "navbar", "product": "mytelegraph", "contentLocation": "myfeed" }"> <span class="notification" data-js="notification"> <svg class="my-telegraph__icon" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 13 16"> <title>Feed of articles</title> <path d="M12,0H1L0,1V15l1,1H12l1-1V1ZM10,12H3V10h7Zm0-3H3V7h7Zm0-3H3V4h7Z"/> </svg> </span> <span class="my-telegraph__text">My Feed</span> </a> </li> <li class="my-telegraph__item"> <a class="my-telegraph__link" role="menuitem" href="/web/20180720144031/https://secure.telegraph.co.uk/mytelegraph/saved/" data-icid="{ "brand": "navbar", "product": "mytelegraph", "contentLocation": "saved" }"> <svg class="my-telegraph__icon" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 11 16"> <title>Saved articles</title> <path class="ribbon--outline" d="M9.37,1.5l.13.12V13.05L6.4,10.79l-.88-.64-.88.64L1.5,13.06V1.62l.12-.12H9.37M10,0H1L0,1V16l5.52-4L11,16V1L10,0Z"/> <polyline class="ribbon--inside" points="0 0, 11 0, 11 16, 6 11, 0 16, 0 0"/> </svg> <span class="my-telegraph__text">Saved</span> </a> </li> </ul> </nav> </div> <div id="fb-root"></div> <div class="page-account"> <div class="snippet-authenticated-header" data-tmg-dtm-nav-area="localnav"> <div class="component-content"> <nav> <ul class="snippet-authenticated-header__control-list"> <li class="snippet-authenticated-header__control-item snippet-authenticated-header__control-item--menu"> <a href="#" class="">Menu</a> </li> <li class="snippet-authenticated-header__control-item snippet-authenticated-header__control-item--logo"> <a href="https://web.archive.org/web/20180720144031/https://www.telegraph.co.uk/">Telegraph</a> </li> <li class="snippet-authenticated-header__control-item snippet-authenticated-header__control-item--logout"> <a href="#" class="">Log out</a> </li> </ul> <ul class="snippet-authenticated-header__menu-list"> <li class="snippet-authenticated-header__menu-item "> <a class="snippet-authenticated-header__menu-link " href="/web/20180720144031/https://secure.telegraph.co.uk/secure/account/" rel="nofollow" data-tmg-dtm-nav="1-nav:/secure/account.html"> Account Home </a> </li> <li class="snippet-authenticated-header__menu-item "> <a class="snippet-authenticated-header__menu-link " href="/web/20180720144031/https://secure.telegraph.co.uk/secure/personal/" rel="nofollow" data-tmg-dtm-nav="2-nav:/secure/personal.html"> Personal Details </a> </li> <li class="snippet-authenticated-header__menu-item "> <a class="snippet-authenticated-header__menu-link " href="/web/20180720144031/https://secure.telegraph.co.uk/secure/paymentdetails/" rel="nofollow" data-tmg-dtm-nav="3-nav:/secure/paymentdetails.html"> Payment Details </a> </li> <li class="snippet-authenticated-header__menu-item snippet-authenticated-header__menu-item--current "> <a class="snippet-authenticated-header__menu-link " href="/web/20180720144031/https://secure.telegraph.co.uk/secure/newsletters/" rel="nofollow" data-tmg-dtm-nav="4-nav:/secure/newsletters.html"> My Newsletters </a> </li> <li class="snippet-authenticated-header__menu-item hidden order-history"> <a class="snippet-authenticated-header__menu-link " href="/web/20180720144031/https://secure.telegraph.co.uk/secure/orderhistory/" rel="nofollow" data-tmg-dtm-nav="5-nav:/secure/orderhistory.html"> Order History </a> </li> </ul> </nav> </div> </div> <main data-load-message="Loading..." class="page-account__main" itemscope="https://schema.org/WebPage"></main> <div class="snippet-footer snippet-footer--short"> <div class="component-content"> <div class="snippet-footer__links"> <a href="https://web.archive.org/web/20180720144031/https://www.telegraph.co.uk/" class="snippet-footer__logo">Telegraph</a> <ul class="snippet-footer__help-links"> <li> <a href="https://web.archive.org/web/20180720144031/https://www.telegraph.co.uk/topics/about-us/3692012/Terms-and-Conditions.html" target="_blank">Terms and Conditions</a> </li> <li> <a href="https://web.archive.org/web/20180720144031/https://www.telegraph.co.uk/topics/about-us/3691972/Privacy-and-Cookie-Policy.html" target="_blank">Privacy Policy</a> </li> </ul> </div> <div class="snippet-footer__info"> <span class="snippet-footer__link"><a href="https://web.archive.org/web/20180720144031/https://www.telegraph.co.uk/help" target="_blank">Need help? Visit our Help page</a></span> </div> </div> </div> </div> <script> tmg.errors = { "account": { "upgrade": "Apologies, we can\x27t upgrade your account at the moment. Please try again later or call us (free) on 0800 977 8447. Alternatively, email us at digitalservices@telegraph.co.uk", "link": "Continue to My Account", "lowstart": "According to our records, you have already taken advantage of an introductory offer in the last 12 months and as such this offer is not open to you and you will therefore be charged the standard subscription rate when you subscribe", "exitfastpay": "There is an issue with your payment details. Please try again or call us on 0800 316 3500", "paypalComplete": "Payment complete", "paypalFailed": "There was a problem making the payment. Please use another payment method." }, "payment": { "failure": "There is a problem with your payment details. Please try again or call us (free) on 0800 977 8447. Alternatively, email us at digitalservices@telegraph.co.uk" }, "redeem": { "notfound": "This code is incorrect. Please check the numbers and try again." }, "product": { "notfound": "We\x27re currently experiencing technical difficulties. <br\/>If this persists, please email our dedicated team at <a href=\x22mailto:digitalservices@telegraph.co.uk\x22>digitalservices@telegraph.co.uk<\/a>" }, "form": { button: { user:"We\x27re currently experiencing technical difficulties. <br\/>If this persists, please email our dedicated team at <a href=\x22mailto:digitalservices@telegraph.co.uk\x22>digitalservices@telegraph.co.uk<\/href>", login:"Sorry, we can\x27t find an account with this email address and password combination. <br\/>Please try again or <a href=\x22\x22>reset your password.<\/a>", password:"tmg.errors.form.button.password", payment:"We've had a problem with our systems. If this persists, please call customer services on 0800 316 3500. ", card:"There's an issue with your payment details. Please try again or call us on 0800 316 3500.", captcha:"There was a problem with your request please validate all fields including the captcha and try again" }, account: { "notfound" : "We couldn\x27t find an account associated with this email" } }, "email": { input: { "empty": "Please tell us your email address.", "invalid": "Email addresses need to contain @. They cannot contain /#; and other similar symbols.", "exist": "Your email address is already registered. Log in or recover your password.", "xss": "Your email address cannot contain HTML." }, button: { "submit": "There's a problem with your email address.", "exist": "There's a problem with your email address." } }, "password": { input: { "empty": "You need to provide a password so you can access your Telegraph content.", "invalid": "For your security, your password must be greater than 8 characters long containing both letters and numbers.", "xss": "Your password cannot contain HTML." }, button: { "submit": "There's a problem with your chosen password. " } }, "confirmpassword": { input: { "empty": "Please confirm your password.", "match": "This doesn't match the password you've provided. Please confirm you've entered your password correctly.", "xss": "Your password cannot contain HTML." }, button: { "submit": "There's a problem with your confirmed password. " } }, "title": { input: { "select": "Please tell us your title. It'll help us address you correctly. ", "empty": "We need your title so we can address you correctly.", "invalid": "Invalid characters.", "uk": "tmg.errors.title.input.uk", "xss": "Your title cannot contain HTML." }, button: { "submit": "There's a problem with your title." } }, "fname": { input: { "empty": "Please tell us your first name.", "invalid": "Your first name needs to contain more than 1 letter and no incorrect symbols.", "xss": "Your first name cannot contain HTML." }, button: { "submit": "There's a problem with your first name." } }, "lname": { input: { "empty": "Please tell us your last name.", "invalid": "Your last name needs to contain more than 1 letter and no incorrect symbols.", "xss": "Your last name cannot contain HTML." }, button: { "submit": "There's a problem with your last name." } }, "sname": { input: { "empty": "Please tell us your surname.", "invalid": "Your surname needs to contain more than 1 letter and no incorrect symbols.", "xss": "Your surname cannot contain HTML." }, button: { "submit": "There's a problem with your surname." } }, "postcode": { input: { "empty": "Please confirm your postcode.", "invalid": "This postcode isn't valid.", "xss": "Your postcode cannot contain HTML." }, button: { "submit": "There's a problem with your postcode. " } }, "address1": { input: { "empty": "Please complete your address.", "invalid": "Your address cannot contain symbols. Use additional address lines to complete longer addresses.", "xss": "Your address cannot contain HTML." }, button: { "submit": "There's a problem with address line 1.", "unique": "Address line 1 and City / Town cannot match." } }, "address2": { input: { "empty": "tmg.errors.address2.input.empty", "invalid": "Your address cannot contain symbols. Use additional address lines to complete longer addresses.", "xss": "Your address cannot contain HTML." }, button: { "submit": "There's a problem with address line 2." } }, "address3": { input: { "empty": "tmg.errors.address3.input.empty", "invalid": "Your address cannot contain symbols. Use additional address lines to complete longer addresses.", "xss": "Your address cannot contain HTML." }, button: { "submit": "There's a problem with address line 3." } }, "address4": { input: { "empty": "tmg.errors.address4.input.empty", "invalid": "Your address cannot contain symbols. Use additional address lines to complete longer addresses.", "xss": "Your address cannot contain HTML." }, button: { "submit": "There's a problem with address line 4." } }, "address5": { input: { "empty": "tmg.errors.address5.input.empty", "invalid": "Your address cannot contain symbols. Use additional address lines to complete longer addresses.", "xss": "Your address cannot contain HTML." }, button: { "submit": "There's a problem with address line 5." } }, "city": { input: { "empty": "Please confirm the name of your city or town. ", "invalid": "There's a problem with your city or town name.", "xss": "Your city or town cannot contain HTML. " }, button: { "submit": "There's a problem with your city or town." } }, "state": { input: { "empty": "Please tell us which state you live in.", "invalid": "tmg.errors.state.input.invalid", "xss": "Your state cannot contain HTML." }, button: { "submit": "There's a problem with your state." } }, "country": { input: { "empty": "Please tell us which country you live in.", "invalid": "tmg.errors.country.input.invalid", "xss": "Your country cannot contain HTML." }, button: { "submit": "There's a problem with your country." } }, "cardname": { input: { "empty": "Please tell us the card holder's name.", "invalid": "Card holder name cannot contain numbers or symbols.", "xss": "The card holder's name cannot contain HTML." }, button: { "submit": "There's a problem with your card holder name." } }, "cardnumber": { input: { "empty": "Please tell us your card number.", "invalid": "Please confirm that your card number (long number) is correct.", "xss": "Your card number cannot contain HTML." }, button: { "submit": "There's a problem with your card number." } }, "cardtype": { input: { "empty": "Please tell us your card number.", "invalid": "Please confirm that your card number (long number) is correct.", "xss": "Your card number cannot contain HTML." }, button: { "submit": "There's a problem with your card number." } }, "expiration": { input: { "empty": "Please tell us your card's expiry date.", "invalid": "This expiry date is in the past. Please tell us the correct expiry date.", "xss": "Your card's expiry date cannot contain HTML." }, button: { "submit": "There's a problem with your expiration date." } }, "cvv": { input: { "empty": "Please complete your CVV number. It can be found by the signature strip (4 digits on the front for American Express cards).", "invalid": "CVV number can only contain numbers.", "xss": "Your CVV number cannot contain HTML." }, button: { "submit": "There's a problem with your cvv number." } }, "bankaccountname": { input: { "empty": "Please type in your account name", "invalid": "Invalid characters", "xss": "Your account name cannot contain HTML." }, button: { "submit": "There's a problem with your account name" } }, "bankaccountnumber": { input: { "empty": "Please type in your account number", "invalid": "Invalid characters", "xss": "Your account number cannot contain HTML." }, button: { "submit": "There's a problem with your account number" } }, "bankcode": { input: { "empty": "Please type in your sort code", "invalid": "Invalid characters", "xss": "Your sort code cannot contain HTML." }, button: { "submit": "There's a problem with your sort code" } }, "permissions": { declined: { "rerequest": "The Telegraph requires your email address in order to create an account. Please edit the permissions you have granted to this app." } }, "social" : { login: { "exists": "An account is already registered on the Telegraph with this email address. If you wish to link your social account to this account please log in below. You will only have to do this once." }, registration: { "exists": "An account is already registered on the Telegraph with this email address. If you wish to link your social account to this account please log in. You will be redirected to the login page momentarily. If not please click the 'Log In' link in the top right" } }, "grecaptcha": { input: { "empty": "Please complete the reCAPTCHA" }, button: { "submit": "There is something wrong with the reCAPTCHA" } }, "dateofbirth": { input: { "invalid": "The date of birth isn't valid.", "xss": "Date of birth cannot contain HTML." }, button: { "submit": "There's a problem with your date of birth. " } }, "phone": { input: { "invalid": "Phone numbers must start with + or 0 and can only contain numbers and spaces", "xss": "Phone numbers must start with + or 0 and can only contain numbers and spaces" }, button: { "submit": "Phone numbers must start with + or 0 and can only contain numbers and spaces" } } }; tmg.errors.prerequisites = { "noSessionStorage": "Please turn off 'Private Browsing' in order to login to Telegraph My Account", "noCookies": "Please enable Cookies in order to login to Telegraph My Account" }; </script> <script class="js-template" data-template="personalDetails" type="text/template"> <div class="account-section__content"> <span class="account-section__label">Personal Details</span> </div> <div class="account-section__content"> <ul class="account-section__details"> <li class="account-section__detail"><%= data.title %> <%= data.firstName %> <%= data.lastName %></li> <% if(data.address[0].streetline1) { %> <li class="account-section__detail"><%= data.address[0].streetline1 %></li> <% } %> <% if(data.address[0].streetline2) { %> <li class="account-section__detail"><%= data.address[0].streetline2 %></li> <% } %> <% if(data.address[0].streetline3) { %> <li class="account-section__detail"><%= data.address[0].streetline3 %></li> <% } %> <% if(data.address[0].streetline4) { %> <li class="account-section__detail"><%= data.address[0].streetline4 %></li> <% } %> <% if(data.address[0].streetline5) { %> <li class="account-section__detail"><%= data.address[0].streetline5 %></li> <% } %> <% if(data.address[0].city) { %> <li class="account-section__detail"><%= data.address[0].city %></li> <% } %> <% if(data.address[0].state) { %> <li class="account-section__detail"><%= data.address[0].state %></li> <% } %> <% if(data.address[0].country) { %> <li class="account-section__detail"><%= data.address[0].country %></li> <% } %> <% if(data.address[0].postCode ) { %> <li class="account-section__detail"><%= data.address[0].postCode %></li> <% } %> </ul> </div> </script> <script class="js-template" data-template="paymentDetails" type="text/template"> <div class="account-section__content"> <span class="account-section__label">Payment Details</span> </div> <% if (data.isDailySubscriber && data.isCardDetailsStored != true || !data.paymentMethod) { %> <div class="account-section__content"> <p>We do not hold any active payment method</p> </div> <% } else if (data.hasActiveSubscription && data.paymentMethod.status != "Closed") { %> <div class="account-section__content"> <% if (data.paymentMethod["@type"] == "PayPal") { %> <img src="/etc/designs/telegraph/core/clientlibs/tmgthemes/commercial/img/card/paypal.png" class="paypal-logo" alt="PayPal" width="120" height="32"/> <ul class="account-section__details"> <li class="account-section__detail"> Payment made using the following PayPal account:<br/> <%= data.paymentMethod.paypalEmail %> </li> </ul> <a href="https://web.archive.org/web/20180720144031/https://www.paypal.com" target="_blank">Paypal</a> <% } else if (data.paymentMethod["@type"] == "CreditCard") { %> <img src="/etc/designs/telegraph/core/clientlibs/tmgthemes/commercial/img/card/<%= data.paymentMethod.cardType.toLocaleLowerCase() %>.png"/> <ul class="account-section__details"> <li class="account-section__detail"><%= data.paymentMethod.cardHolderName %></li> <li class="account-section__detail"><%= data.paymentMethod.cardNumberMasked %></li> <li class="account-section__detail">Expiration date: <%= data.paymentMethod.cardExpiryMonth.length> 1 ? '':'0' %><%= data.paymentMethod.cardExpiryMonth %>/<%= data.paymentMethod.cardExpiryYear.substring(2) %></li> </ul> <a href="#" class="account-section__action">Update</a> <% } else { %> <img src="/etc/designs/telegraph/core/clientlibs/tmgthemes/commercial/img/card/direct-debit.png"/> <ul class="account-section__details"> <li class="account-section__detail"> <span class="account-section__debit-label">Account name:</span> <%= data.paymentMethod.accountName %> </li> <li class="account-section__detail"> <span class="account-section__debit-label">Account number:</span> <%= data.paymentMethod.accountNumberMasked %> </li> <li class="account-section__detail"> <span class="account-section__debit-label">Sort Code:</span> <%= data.paymentMethod.bankCode %> </li> </ul> <p class="account-section__details"><a href="#" class="account-section__action">Update</a></p> <% } %> </div> <% } else { %> <div class="account-section__content"> <p>We do not hold any active payment method</p> </div> <% } %> </script> <script class="js-template" data-template="subscriptionDetails" type="text/template"> <div class="account-section__content"> <% if( data.showCurrentSubscriptionHeader ) { %> <h3 class="account-section__header account-section__header--subheader">Current subscription</h3> <% } %> <% if( data.showPreviousSubscriptionHeader ) { %> <h3 class="account-section__header account-section__header--subheader">Subscription history</h3> <% } %> <span class="account-section__title"><%= data.productFriendlyName %></span> <table class="account-section__table"> <tr class="account-section__table-row"> <td class="account-section__table-item">Payment frequency:</td> <td class="account-section__table-item"><%= data.frequencyDescription %></td> </tr> <tr class="account-section__table-row"> <td class="account-section__table-item">Price:</td> <td class="account-section__table-item">£<%= data.basePrice %></td> </tr> <tr class="account-section__table-row"> <td class="account-section__table-item">Subscription number:</td> <td class="account-section__table-item"><%= data.tsNumber %></td> </tr> <tr class="account-section__table-row"> <td class="account-section__table-item">Subscriber since:</td> <td class="account-section__table-item"><%= data.displayStartDate %></td> </tr> <% if(data.endDate ) { %> <tr class="account-section__table-row"> <td class="account-section__table-item">Subscription end date:</td> <td class="account-section__table-item"><%= data.displayEndDate %></td> </tr> <% } %> </table> </div> <div class="account-section__content"> <img class="account-section__packshot" src="<%= data.productImage %>"/> <% if( data.showCancelButton ) { %> <a href="#" class="account-section__cancel-button" data-can-cancel="<%= data.showCancelButton %>" data-subscription-id="<%= data.id %>">Cancel my subscription</a> <% } %> <% if( data.showCancelMessage ) { %> <span class="account-section__cancel-message" data-show-cancel-message="<%= data.showCancelMessage %>">To cancel your subscription please call us (free) on 0800 316 3500</span> <% } %> </div> </script> <script class="js-template" data-template="contactPreferences" type="text/template"> <div class="account-section__content"> <span class="account-section__label">Contact preferences</span><br/> <span class="account-section__label account-section__label-subtext">Please tell us how to contact you</span> </div> <div class="account-section__content"> <form class="account-section__form"> <% if(!!data.preference.marketingEmailOptIn) { %> <label class="m_input m_input-checkbox m_input--selected-true"> <span class="m_input__label m_input__label--"> Email </span> <input class="m_input__input" name="preference.marketingEmailOptIn" type="checkbox" value="true" checked="true"/> <span class="m_input__fake"></span> <ul class="m_input__errors"></ul> </label> <% } else { %> <label class="m_input m_input-checkbox m_input--selected-"> <span class="m_input__label m_input__label--"> Email </span> <input class="m_input__input" name="preference.marketingEmailOptIn" type="checkbox" value="true"/> <span class="m_input__fake"></span> <ul class="m_input__errors"></ul> </label> <% } %> <% if(!!data.preference.marketingPostOptIn) { %> <label class="m_input m_input-checkbox m_input--selected-true"> <span class="m_input__label m_input__label--"> Mail </span> <input class="m_input__input" name="preference.marketingPostOptIn" type="checkbox" value="true" checked="true"/> <span class="m_input__fake"></span> <ul class="m_input__errors"></ul> </label> <% } else { %> <label class="m_input m_input-checkbox m_input--selected-"> <span class="m_input__label m_input__label--"> Mail </span> <input class="m_input__input" name="preference.marketingPostOptIn" type="checkbox" value="true"/> <span class="m_input__fake"></span> <ul class="m_input__errors"></ul> </label> <% } %> <% if(!!data.preference.marketingPhoneOptIn) { %> <label class="m_input m_input-checkbox m_input--selected-true"> <span class="m_input__label m_input__label--"> Phone </span> <input class="m_input__input" name="preference.marketingPhoneOptIn" type="checkbox" value="true" checked="true"/> <span class="m_input__fake"></span> <ul class="m_input__errors"></ul> </label> <% } else { %> <label class="m_input m_input-checkbox m_input--selected-"> <span class="m_input__label m_input__label--"> Phone </span> <input class="m_input__input" name="preference.marketingPhoneOptIn" type="checkbox" value="true"/> <span class="m_input__fake"></span> <ul class="m_input__errors"></ul> </label> <% } %> <% if(!!data.preference.marketingSMSOptIn) { %> <label class="m_input m_input-checkbox m_input--selected-true"> <span class="m_input__label m_input__label--"> Mobile phone text message (SMS) </span> <input class="m_input__input" name="preference.marketingSMSOptIn" type="checkbox" value="true" checked="true"/> <span class="m_input__fake"></span> <ul class="m_input__errors"></ul> </label> <% } else { %> <label class="m_input m_input-checkbox m_input--selected-"> <span class="m_input__label m_input__label--"> Mobile phone text message (SMS) </span> <input class="m_input__input" name="preference.marketingSMSOptIn" type="checkbox" value="true"/> <span class="m_input__fake"></span> <ul class="m_input__errors"></ul> </label> <% } %> <div class="cta__container"> </div> </form> </div> </script> <script class="js-template" data-template="aboutYou" type="text/template"> <div class="account-section__content"> <span class="account-section__label">About you</span> </div> <div class="account-section__content"> <ul class="account-section__details"> <li class="account-section__detail"><%= data.title %> <%= data.firstName %> <%= data.lastName %><br/> </li> <% if(data.address[0].streetline1) { %> <li class="account-section__detail"><%= data.address[0].streetline1 %></li> <% } %> <% if(data.address[0].streetline2) { %> <li class="account-section__detail"><%= data.address[0].streetline2 %></li> <% } %> <% if(data.address[0].streetline3) { %> <li class="account-section__detail"><%= data.address[0].streetline3 %></li> <% } %> <% if(data.address[0].streetline4) { %> <li class="account-section__detail"><%= data.address[0].streetline4 %></li> <% } %> <% if(data.address[0].streetline5) { %> <li class="account-section__detail"><%= data.address[0].streetline5 %></li> <% } %> <% if(data.address[0].city) { %> <li class="account-section__detail"><%= data.address[0].city %></li> <% } %> <% if(data.address[0].state) { %> <li class="account-section__detail"><%= data.address[0].state %></li> <% } %> <% if(data.address[0].country) { %> <li class="account-section__detail"><%= data.address[0].country %></li> <% } %> <% if(data.address[0].postCode ) { %> <li class="account-section__detail"><%= data.address[0].postCode %><br/> </li> <% } %> <% if(data.dateOfBirth) { %> <% } %> <% if(data.homePhone) { %> <li class="account-section__detail"><%= data.homePhone %></li> <% } %> <% if(data.mobile) { %> <li class="account-section__detail"><%= data.mobile %></li> <% } %> </ul> <div class="cta-container cta-container--edit"> <span class="m_button edit"> <a href="#" class="m_button__content"> <span class="m_button__text show"> Edit </span> <span class="m_button__loading"> </span> </a> </span> </div> <div data-section="edituser-insert"></div> </div> </script> <script class="js-template" data-template="emailAddress" type="text/template"> <div class="account-section__content"> <span class="account-section__label">Email address</span> </div> <div class="account-section__content"> <ul class="account-section__details"> <li class="account-section__detail"><%= data.email %></li> </ul> <div class="cta-container cta-container--edit"> <span class="m_button edit"> <a href="#" class="m_button__content"> <span class="m_button__text show"> Edit </span> <span class="m_button__loading"> </span> </a> </span> </div> <div data-section="editemail-insert"></div> </div> </script> <script class="js-template" data-template="expandedPaymentDetails" type="text/template"> <% if (data.isDailySubscriber && data.isCardDetailsStored != true) { %> <div class="account-section__content"> <p>We do not hold any active payment method</p> </div> <% } else if (data.hasActiveSubscription && data.paymentMethod.status != "Closed") { %> <div class="account-section__content"> <% if (data.paymentMethod["@type"] == "PayPal") { %> <img src="/etc/designs/telegraph/core/clientlibs/tmgthemes/commercial/img/card/paypal.png" class="paypal-logo" alt="PayPal" width="120" height="32"/> <ul class="account-section__details"> <li class="account-section__detail"> Payment made using the following PayPal account:<br/> <%= data.paymentMethod.paypalEmail %> </li> </ul> <a href="https://web.archive.org/web/20180720144031/https://www.paypal.com" target="_blank">Paypal</a> <% } else if (data.paymentMethod["@type"] == "CreditCard") { %> <img src="/etc/designs/telegraph/core/clientlibs/tmgthemes/commercial/img/card/<%= data.paymentMethod.cardType.toLocaleLowerCase() %>.png"/> <ul class="account-section__details"> <li class="account-section__detail"><%= data.paymentMethod.cardHolderName %></li> <li class="account-section__detail"><%= data.paymentMethod.cardNumberMasked %></li> <li class="account-section__detail">Expiration date: <%= data.paymentMethod.cardExpiryMonth.length> 1 ? '':'0' %><%= data.paymentMethod.cardExpiryMonth %>/<%= data.paymentMethod.cardExpiryYear.substring(2) %></li> </ul> <ul class="account-section__details"> <% if(data.paymentMethod.address1) { %> <li class="account-section__detail"><%= data.paymentMethod.address1 %></li> <% } %> <% if(data.paymentMethod.address2) { %> <li class="account-section__detail"><%= data.paymentMethod.address2 %></li> <% } %> <% if(data.paymentMethod.address3) { %> <li class="account-section__detail"><%= data.paymentMethod.address3 %></li> <% } %> <% if(data.paymentMethod.address4) { %> <li class="account-section__detail"><%= data.paymentMethod.address4 %></li> <% } %> <% if(data.paymentMethod.address5) { %> <li class="account-section__detail"><%= data.paymentMethod.address5 %></li> <% } %> <% if(data.paymentMethod.city) { %> <li class="account-section__detail"><%= data.paymentMethod.city %></li> <% } %> <% if(data.paymentMethod.state) { %> <li class="account-section__detail"><%= data.paymentMethod.state %></li> <% } %> <% if(data.paymentMethod.country) { %> <li class="account-section__detail"><%= data.paymentMethod.country %></li> <% } %> <% if(data.paymentMethod.postalCode ) { %> <li class="account-section__detail"><%= data.paymentMethod.postalCode %></li> <% } %> </ul> <a href="#" class="account-section__action">Add new card</a> <% } else { %> <img src="/etc/designs/telegraph/core/clientlibs/tmgthemes/commercial/img/card/direct-debit.png"/> <ul class="account-section__details"> <li class="account-section__detail">Account name: <%= data.paymentMethod.accountName %></li> <li class="account-section__detail">Account number: <%= data.paymentMethod.accountNumberMasked %></li> <li class="account-section__detail">Sort Code: <%= data.paymentMethod.bankCode %></li> </ul> <a href="#" class="account-section__action">Update Direct Debit</a> <% } %> </div> <div class="account-section__content"> <% if (data.paymentMethod["@type"] == "BankTransfer") { %> <div class="m_direct-debit-guarantee"> <h4>The Direct Debit Guarantee</h4> <ul><li>This Guarantee is offered by all banks and building societies that accept instructions to pay Direct Debits</li><li>If there are any changes to the amount, date or frequency of your Direct Debit The Telegraph will notify you 10 working days in advance of your account being debited or as otherwise agreed. If you request The Telegraph to collect a payment, confirmation of the amount and date will be given to you at the time of the request.</li><li>If an error is made in the payment of your Direct Debit, by The Telegraph or your bank or building society, you are entitled to a full and immediate refund of the amount paid from your bank or building society - If you receive a refund you are not entitled to you must pay it back when The Telegraph asks you to.</li><li>You can cancel a Direct Debit at any time by simply contacting your bank or building society. Written confirmation may be required. Please also notify us</li></ul> </div> <% } %> </div> <% } else { %> <div class="account-section__content"> <p>We do not hold any active payment method</p> </div> <% } %> </script> <script class="js-template" data-template="creditCard" type="text/template"> <form> <label class="m_input m_input-required m_input--selected-"> <span class="m_input__label m_input__label--"> Name on card </span> <input class="m_input__input" name="field_creditCardHolderName" maxlength="40" aria-required="true"/> <ul class="m_input__errors"></ul> </label> <label class="m_input m_input-tel m_input-required m_input-cardnumber m_input- m_input--selected-"> <span class="m_input__label m_input__label--"> Card number </span> <input class="m_input__input" name="field_creditCardNumber" type="tel" maxlength="19" aria-required="true"/> <ul class="m_input__errors"></ul> </label> <label class="m_input m_input-tel m_input-required m_input- m_input--selected-"> <span class="m_input__label m_input__label--"> Expiration date </span> <span class="m_input__info"> Add your expiry date as month and year. For example, March 2019 would be 03/19 </span> <input class="m_input__input" name="field_creditCardExpiration" type="tel" placeholder="MM/YY" maxlength="7" aria-required="true" mask="99/99"/> <ul class="m_input__errors"></ul> <a href="#" class="m_input__help"> Help </a> <span class="m_input__notice"> Add your expiry date as month and year. For example, March 2019 would be 03/19 </span> </label> <label class="m_input m_input-tel m_input-required m_input-cvv m_input- m_input--selected-"> <span class="m_input__label m_input__label--"> Security number (CVV number) </span> <span class="m_input__info"> Last 3 digits on the back of your credit card. (American Express: 4 digits on front) </span> <input class="m_input__input" name="field_cardSecurityCode" type="tel" maxlength="4" aria-required="true"/> <ul class="m_input__errors"></ul> </label> <% if (data.isDailySubscriber) { %> <label class="m_input m_input-checkbox m_input-cardReuse version-1 m_input- m_input--selected-true"> <span class="m_input__label m_input__label--"> Save card details for next time </span> <input class="m_input__input" name="field_isCardDetailsStored" type="checkbox" value="true" checked="true"/> <span class="m_input__fake"></span> <ul class="m_input__errors"></ul> </label> <% } %> <div class="location__container"> <div class="streetline__container"> <label class="m_input m_input-required m_input--selected-"> <span class="m_input__label m_input__label--"> Billing Address line 1 </span> <input class="m_input__input" name="field_creditCardAddress1" maxlength="40" value="<%= data.field_creditCardAddress1 %>" aria-required="true"/> <ul class="m_input__errors"></ul> </label> <label class="m_input m_input--selected-"> <span class="m_input__label m_input__label--"> Billing Address line 2 </span> <input class="m_input__input" name="field_creditCardAddress2" maxlength="40" value="<%= data.field_creditCardAddress2 %>"/> <ul class="m_input__errors"></ul> </label> <label class="m_input m_input-toggle streetline__hidden m_input--selected-"> <span class="m_input__label m_input__label--"> Billing Address line 3 </span> <input class="m_input__input" name="field_creditCardAddress3" maxlength="40"/> <ul class="m_input__errors"></ul> </label> <label class="m_input m_input-toggle streetline__hidden m_input--selected-"> <span class="m_input__label m_input__label--"> Billing Address line 4 </span> <input class="m_input__input" name="field_creditCardAddress4" maxlength="40"/> <ul class="m_input__errors"></ul> </label> <label class="m_input m_input-toggle streetline__hidden m_input--selected-"> <span class="m_input__label m_input__label--"> Billing Address line 5 </span> <input class="m_input__input" name="field_creditCardAddress5" maxlength="40"/> <ul class="m_input__errors"></ul> </label> <a href="#" class="streetline__manual m_form-link">Add another address line</a> </div> <label class="m_input m_input-required m_input--selected-"> <span class="m_input__label m_input__label--"> Billing City / Town </span> <input class="m_input__input" name="field_creditCardCity" maxlength="40" value="<%= data.field_creditCardCity %>" aria-required="true"/> <ul class="m_input__errors"></ul> </label> <div class="international__container"> <label class="m_select m_select-required m_select-country"> <span class="m_select__label"> Country </span> <select class="m_select__select" name="field_creditCardCountry"> <option value="AU">Australia</option> <option value="CA">Canada</option> <option value="FR">France</option> <option value="GB" selected="selected">United Kingdom</option> <option value="US">United States</option> <option disabled>──────────</option> <option value="AF">Afghanistan</option> <option value="AX">Aland Islands</option> <option value="AL">Albania</option> <option value="DZ">Algeria</option> <option value="AS">American Samoa</option> <option value="AD">Andorra</option> <option value="AO">Angola</option> <option value="AI">Anguilla</option> <option value="AQ">Antarctica</option> <option value="AG">Antigua and Barbuda</option> <option value="AR">Argentina</option> <option value="AM">Armenia</option> <option value="AW">Aruba</option> <option value="AU">Australia</option> <option value="AT">Austria</option> <option value="AZ">Azerbaijan</option> <option value="BS">Bahamas</option> <option value="BH">Bahrain</option> <option value="BD">Bangladesh</option> <option value="BB">Barbados</option> <option value="BY">Belarus</option> <option value="BE">Belgium</option> <option value="BZ">Belize</option> <option value="BJ">Benin</option> <option value="BM">Bermuda</option> <option value="BT">Bhutan</option> <option value="BO">Bolivia</option> <option value="BQ">Bonaire, Saint Eustatius and Saba</option> <option value="BA">Bosnia and Herzegovina</option> <option value="BW">Botswana</option> <option value="BV">Bouvet Island</option> <option value="BR">Brazil</option> <option value="IO">British Indian Ocean Territory</option> <option value="BN">Brunei Darussalam</option> <option value="BG">Bulgaria</option> <option value="BF">Burkina Faso</option> <option value="BI">Burundi</option> <option value="KH">Cambodia</option> <option value="CM">Cameroon</option> <option value="CA">Canada</option> <option value="CV">Cape Verde</option> <option value="KY">Cayman Islands</option> <option value="CF">Central African Republic</option> <option value="TD">Chad</option> <option value="CL">Chile</option> <option value="CN">China</option> <option value="CX">Christmas Island</option> <option value="CC">Cocos (Keeling) Islands</option> <option value="CO">Colombia</option> <option value="KM">Comoros</option> <option value="CG">Congo</option> <option value="CD">Congo, the Democratic Republic of the</option> <option value="CK">Cook Islands</option> <option value="CR">Costa Rica</option> <option value="CI">Cote d'Ivoire</option> <option value="HR">Croatia</option> <option value="CU">Cuba</option> <option value="CW">Curacao</option> <option value="CY">Cyprus</option> <option value="CZ">Czech Republic</option> <option value="DK">Denmark</option> <option value="DJ">Djibouti</option> <option value="DM">Dominica</option> <option value="DO">Dominican Republic</option> <option value="EC">Ecuador</option> <option value="EG">Egypt</option> <option value="SV">El Salvador</option> <option value="GQ">Equatorial Guinea</option> <option value="ER">Eritrea</option> <option value="EE">Estonia</option> <option value="ET">Ethiopia</option> <option value="FK">Falkland Islands (Malvinas)</option> <option value="FO">Faroe Islands</option> <option value="FJ">Fiji</option> <option value="FI">Finland</option> <option value="FR">France</option> <option value="GF">French Guiana</option> <option value="PF">French Polynesia</option> <option value="TF">French Southern Territories</option> <option value="GA">Gabon</option> <option value="GM">Gambia</option> <option value="GE">Georgia</option> <option value="DE">Germany</option> <option value="GH">Ghana</option> <option value="GI">Gibraltar</option> <option value="GR">Greece</option> <option value="GL">Greenland</option> <option value="GD">Grenada</option> <option value="GP">Guadeloupe</option> <option value="GU">Guam</option> <option value="GT">Guatemala</option> <option value="GG">Guernsey</option> <option value="GN">Guinea</option> <option value="GW">Guinea-Bissau</option> <option value="GY">Guyana</option> <option value="HT">Haiti</option> <option value="HM">Heard Island and McDonald Islands</option> <option value="VA">Holy See (Vatican City State)</option> <option value="HN">Honduras</option> <option value="HK">Hong Kong</option> <option value="HU">Hungary</option> <option value="IS">Iceland</option> <option value="IN">India</option> <option value="ID">Indonesia</option> <option value="IR">Iran, Islamic Republic of</option> <option value="IQ">Iraq</option> <option value="IE">Ireland</option> <option value="IM">Isle of Man</option> <option value="IL">Israel</option> <option value="IT">Italy</option> <option value="JM">Jamaica</option> <option value="JP">Japan</option> <option value="JE">Jersey</option> <option value="JO">Jordan</option> <option value="KZ">Kazakhstan</option> <option value="KE">Kenya</option> <option value="KI">Kiribati</option> <option value="KP">Korea, Democratic People's Republic of</option> <option value="KR">Korea, Republic of</option> <option value="XK">Kosovo</option> <option value="KW">Kuwait</option> <option value="KG">Kyrgyzstan</option> <option value="LA">Lao People's Democratic Republic</option> <option value="LV">Latvia</option> <option value="LB">Lebanon</option> <option value="LS">Lesotho</option> <option value="LR">Liberia</option> <option value="LY">Libyan Arab Jamahiriya</option> <option value="LI">Liechtenstein</option> <option value="LT">Lithuania</option> <option value="LU">Luxembourg</option> <option value="MO">Macao</option> <option value="MK">Macedonia, the former Yugoslav Republic of</option> <option value="MG">Madagascar</option> <option value="MW">Malawi</option> <option value="MY">Malaysia</option> <option value="MV">Maldives</option> <option value="ML">Mali</option> <option value="MT">Malta</option> <option value="MH">Marshall Islands</option> <option value="MQ">Martinique</option> <option value="MR">Mauritania</option> <option value="MU">Mauritius</option> <option value="YT">Mayotte</option> <option value="MX">Mexico</option> <option value="FM">Micronesia, Federated States of</option> <option value="MD">Moldova, Republic of</option> <option value="MC">Monaco</option> <option value="MN">Mongolia</option> <option value="ME">Montenegro</option> <option value="MS">Montserrat</option> <option value="MA">Morocco</option> <option value="MZ">Mozambique</option> <option value="MM">Myanmar</option> <option value="NA">Namibia</option> <option value="NR">Nauru</option> <option value="NP">Nepal</option> <option value="NL">Netherlands</option> <option value="NC">New Caledonia</option> <option value="NZ">New Zealand</option> <option value="NI">Nicaragua</option> <option value="NE">Niger</option> <option value="NG">Nigeria</option> <option value="NU">Niue</option> <option value="NF">Norfolk Island</option> <option value="MP">Northern Mariana Islands</option> <option value="NO">Norway</option> <option value="OM">Oman</option> <option value="PK">Pakistan</option> <option value="PW">Palau</option> <option value="PS">Palestinian Territory, Occupied</option> <option value="PA">Panama</option> <option value="PG">Papua New Guinea</option> <option value="PY">Paraguay</option> <option value="PE">Peru</option> <option value="PH">Philippines</option> <option value="PN">Pitcairn</option> <option value="PL">Poland</option> <option value="PT">Portugal</option> <option value="PR">Puerto Rico</option> <option value="QA">Qatar</option> <option value="RE">Reunion</option> <option value="RO">Romania</option> <option value="RU">Russian Federation</option> <option value="RW">Rwanda</option> <option value="BL">Saint Barthelemy</option> <option value="SH">Saint Helena</option> <option value="KN">Saint Kitts and Nevis</option> <option value="LC">Saint Lucia</option> <option value="MF">Saint Martin (French part)</option> <option value="PM">Saint Pierre and Miquelon</option> <option value="VC">Saint Vincent and the Grenadines</option> <option value="WS">Samoa</option> <option value="SM">San Marino</option> <option value="ST">Sao Tome and Principe</option> <option value="SA">Saudi Arabia</option> <option value="SN">Senegal</option> <option value="RS">Serbia</option> <option value="SC">Seychelles</option> <option value="SL">Sierra Leone</option> <option value="SG">Singapore</option> <option value="SX">Sint Maarten</option> <option value="SK">Slovakia</option> <option value="SI">Slovenia</option> <option value="SB">Solomon Islands</option> <option value="SO">Somalia</option> <option value="ZA">South Africa</option> <option value="GS">South Georgia and the South Sandwich Islands</option> <option value="SS">South Sudan</option> <option value="ES">Spain</option> <option value="LK">Sri Lanka</option> <option value="SD">Sudan</option> <option value="SR">Suriname</option> <option value="SJ">Svalbard and Jan Mayen</option> <option value="SZ">Swaziland</option> <option value="SE">Sweden</option> <option value="CH">Switzerland</option> <option value="SY">Syrian Arab Republic</option> <option value="TW">Taiwan</option> <option value="TJ">Tajikistan</option> <option value="TZ">Tanzania, United Republic of</option> <option value="TH">Thailand</option> <option value="TL">Timor-Leste</option> <option value="TG">Togo</option> <option value="TK">Tokelau</option> <option value="TO">Tonga</option> <option value="TT">Trinidad and Tobago</option> <option value="TN">Tunisia</option> <option value="TR">Turkey</option> <option value="TM">Turkmenistan</option> <option value="TC">Turks and Caicos Islands</option> <option value="TV">Tuvalu</option> <option value="UG">Uganda</option> <option value="UA">Ukraine</option> <option value="AE">United Arab Emirates</option> <option value="US">United States</option> <option value="UM">United States Minor Outlying Islands</option> <option value="UY">Uruguay</option> <option value="UZ">Uzbekistan</option> <option value="VU">Vanuatu</option> <option value="VE">Venezuela</option> <option value="VN">Viet Nam</option> <option value="VG">Virgin Islands, British</option> <option value="VI">Virgin Islands, U.S.</option> <option value="WF">Wallis and Futuna</option> <option value="EH">Western Sahara</option> <option value="YE">Yemen</option> <option value="ZM">Zambia</option> <option value="ZW">Zimbabwe</option> </select> <ul class="m_select__errors"></ul> </label> <label class="m_select m_select-required"> <span class="m_select__label"> State </span> <select class="m_select__select" name="field_creditCardState" aria-required="true"> <option value=""> Please select </option> </select> <ul class="m_select__errors"></ul> </label> <label class="m_input m_input-required m_input--selected-"> <span class="m_input__label m_input__label--"> Postcode </span> <input class="m_input__input" name="field_creditCardPostalCode" maxlength="20" value="<%= data.field_creditCardPostalCode %>" aria-required="true"/> <ul class="m_input__errors"></ul> </label> </div> </div> <div class="captcha__container"></div> <div class="errors__container" aria-live="alert"></div> <div class="cta__container"> <span class="m_button "> <button class="m_button__content"> <span class="m_button__text show"> Save Card Details </span> <span class="m_button__loading"> Saving Card Details </span> </button> </span> </div> </form> </script> <script class="js-template" data-template="directDebit" type="text/template"> <form> <input id="HostedPaymentMethod_BankTransfer_accountId" type="hidden" value="" name="field_accountId"> <input id="HostedPaymentMethod_BankTransfer_gatewayName" type="hidden" value="" name="field_gatewayName"> <input id="HostedPaymentMethod_BankTransfer_deviceSessionId" type="hidden" value="" name="field_deviceSessionId"> <input id="HostedPaymentMethod_BankTransfer_ipAddress" type="hidden" value="" name="field_ipAddress"> <input id="HostedPaymentMethod_BankTransfer_useDefaultRetryRule" type="hidden" value="" name="field_useDefaultRetryRule"> <input id="HostedPaymentMethod_BankTransfer_paymentRetryWindow" type="hidden" value="" name="field_paymentRetryWindow"> <input id="HostedPaymentMethod_BankTransfer_maxConsecutivePaymentFailures" type="hidden" value="" name="field_maxConsecutivePaymentFailures"> <input id="HostedPaymentMethod_BankTransfer_bankTransferType" type="hidden" value="DirectDebitUK" name="field_bankTransferType"> <input id="HostedPaymentMethod_BankTransfer_bankTransferAccountType" type="hidden" value="" name="field_bankTransferAccountType"> <input id="HostedPaymentMethod_BankTransfer_bankBranchCode" type="hidden" value="" name="field_bankBranchCode"> <input id="HostedPaymentMethod_BankTransfer_bankCheckDigit" type="hidden" value="" name="field_bankCheckDigit"> <label class="m_input m_input-required m_input--selected-"> <span class="m_input__label m_input__label--"> Account holder name </span> <input class="m_input__input" name="field_bankAccountName" maxlength="30" aria-required="true"/> <ul class="m_input__errors"></ul> </label> <label class="m_input m_input-tel m_input-required m_input- m_input--selected-"> <span class="m_input__label m_input__label--"> Account number </span> <input class="m_input__input" name="field_bankAccountNumber" type="tel" maxlength="8" aria-required="true"/> <ul class="m_input__errors"></ul> </label> <label class="m_input m_input-tel m_input-required m_input- m_input--selected-"> <span class="m_input__label m_input__label--"> Sort Code </span> <input class="m_input__input" name="field_bankCode" type="tel" maxlength="8" aria-required="true" mask="99-99-99"/> <ul class="m_input__errors"></ul> </label> <div class="captcha__container"></div> <div class="errors__container" aria-live="alert"></div> <div class="cta__container"> <span class="m_button "> <button class="m_button__content"> <span class="m_button__text show"> Update Direct Debit </span> <span class="m_button__loading"> Updating Direct Debit </span> </button> </span> </div> </form> </script> <script class="js-template" data-template="flexiblePricing" type="text/template"> <div class="page-pricing__offer"> <h2 class="m_overlay__title">We have updated your subscription</h2> <h3 class="page-pricing__title" data-frequency="<%= data.frequencyDescription %>"> <span class="page-pricing__select">You have selected: </span> <%= data.productFriendlyName %> </h3> <p class="page-pricing__frequency"><%= data.frequencyLabel %> subscription | <%= data.name %> <%= data.description %> <% if (data.subDescription) { %><%= data.subDescription %><% } %> </p> <div class="page-pricing__info"> <%= data.productDescription %> </div> <img class="page-pricing__type-img" alt="Subscriptions type" src="<%= data.productImage %>"/> <% if (data.isGiftUpgrade){ %> <a href="/secure/payment/?productId=<%= data.productId %>&offerId=<%= data.tmgId %>&btx=<%= data.businessTransaction %>&skiplogin=true" class="m_button__content"> Subscribe now </a> <% } else { %> <span class="m_button "> <button class="m_button__content"> <span class="m_button__text show"> Subscribe now </span> <span class="m_button__loading"> Updating... </span> </button> </span> <input class="page-pricing__offer-code" type="hidden" value="<%= data.tmgId %>"/> <% } %> </div> </script> <script class="js-template" data-template="flexiblePricingNoChange" type="text/template"> <div class="page-pricing__offer page-pricing__offer--no-price-change"> <h3 class="page-pricing__title page-pricing__title--no-price-change"> </h3> <div class="page-pricing__info page-pricing__info--no-price-change"> </div> </div> </script> <script class="js-template" data-template="flexiblePricingExpired" type="text/template"> <div class="page-pricing__offer page-pricing__offer--gift-expired"> <h3 class="page-pricing__title page-pricing__title--gift-expired"> There is a problem with the renewal link </h3> <div class="page-pricing__info--gift-expired"> We're sorry, this link has expired <p>Please contact our Call Centre:</p> <ul> <li>Call us for free on 0800 542 5860</li> <li>We are open Monday to Friday 9am - 5pm and Saturday 9am to 1pm</li> <li>Please have your gift subscription code to hand</li> </ul> <a href="/secure/account" class="m_button__content"> Continue to My Account </a> </div> </div> </script> <script class="js-template" data-template="subscriptionCancellation" type="text/template"> <div class="account-section__content"> <form class="account-section__confirm" data-error-message="Sorry, there was a problem updating your details.<br>Please contact us <a target='_blank' href='https://www.telegraph.co.uk/help'>Telegraph help</a>."> <input type="hidden" name="subscriptionCancel" value="true"/> <input id="cancel-subscription-id" type="hidden" name="subscriptionId" value=""/> <fieldset class="account-section__confirm-wrapper"> <div class="account-section__confirm-content"> <div class="account-section__confirm-content-body"> <h2>Are you sure you want to cancel?</h2> <p>Your subscription will be cancelled at your next payment date.</p> <div class="cta__container"> <span class="m_button js-submit staticwidth"> <button class="m_button__content" type="submit"> <span class="m_button__text show"> Cancel my subscription </span> <span class="m_button__loading"> Please wait... </span> </button> </span> <span class="m_button version1 staticwidth"> <button class="m_button__content" type="reset"> <span class="m_button__text show"> Go back </span> <span class="m_button__loading"> </span> </button> </span> </div> </div> <div class="account-section__confirm-message"> <p class="account-section__confirm-message-text">Thank you, your cancellation has been processed.</p> <p class="account-section__confirm-message-success-text">If you change your mind, please call us on 0800 316 3500 or <a target="_blank" href="/subscriptions">View all subscription packages</a></p> <span class="m_button version1"> <button class="m_button__content" type="reset"> <span class="m_button__text show"> Close </span> <span class="m_button__loading"> Close </span> </button> </span> </div> </div> </fieldset> </form> </div> </script> <script class="js-template" data-template="newsletterList" type="text/template" data-title="My Newsletters" data-no-subs="You have not subscribed to any newsletters."> <div class="newsletter-group"> <div class="newsletter-group__header"> <h3 class="newsletter-group__title"><%= data.title %></h3> <% if (data.subTitle) { %><p class="newsletter-group__subtitle"><%= data.subTitle %></p><% } %> </div> <div class="newsletter-group__list"> <div class="newsletter-list"> <% _.each(data.newsletters, function(newsletter){ %> <div class="newsletter-list__item"> <div class="newsletter-item"> <div class="newsletter-item__header"> <img class="newsletter-item__thumbnail" src="<%= newsletter.imageUrl %>"/> <div class="newsletter-item__frequency"><%= newsletter.frequency %></div> <h3 class="newsletter-item__title"><%= newsletter.name %></h3> </div> <div class="newsletter-item__description"> <%= newsletter.description %> </div> <div class="newsletter-item__footer"> <div class="newsletter-item__cta"> <span class="m_button newsletter-item__add<% if (newsletter.customerStatus === 'Active') { %> is-hidden<% } %>"> <button class="m_button__content" data-newsletter-add="<%= newsletter.id %>"> <span class="m_button__text">Add</span> </button> </span> <span class="m_button version3 newsletter-item__remove<% if (newsletter.customerStatus === 'Inactive') { %> is-hidden<% } %>"> <button class="m_button__content" data-newsletter-remove="<%= newsletter.id %>"> <span class="m_button__text">Remove</span> </button> </span> </div> </div> </div> </div> <% }); %> </div> </div> </div> </script> <script class="js-template" data-template="namelessForm" type="text/template"> <main class="page-login__main" itemscope="https://web.archive.org/web/20180720144031/https://schema.org/WebPage"> <h1 class="page-login__header"><a class="page-login__header-text" href="#">The Telegraph</a></h1> <form class="page-login__form"> <input type="hidden" name="nameless" value="true"/> <fieldset class="page-login__fieldset nameless"> <h3 class="page-login__title">Before we can sign you in...</h3> <div class="page-login__description"> <p>Your login details have been successfully submitted. Before you can continue The Telegraph requires your first and last name to upgrade your account.</p> <p>Any questions about creating an account, please call us for free on <a href="tel:08003163500">0800 316 3500</a></p> </div> <div class="errors__container" aria-live="alert"></div> <label class="m_input m_input-text m_input-required m_input- m_input--selected-"> <span class="m_input__label m_input__label--"> First name </span> <input class="m_input__input" name="firstName" type="text" maxlength="40" aria-required="true"/> <ul class="m_input__errors"></ul> </label> <label class="m_input m_input-text m_input-required m_input- m_input--selected-"> <span class="m_input__label m_input__label--"> Surname </span> <input class="m_input__input" name="lastName" type="text" maxlength="80" aria-required="true"/> <ul class="m_input__errors"></ul> </label> <div class="cta__container"> <span class="m_button " data-notice="Just getting your Telegraph account now..."> <button class="m_button__content"> <span class="m_button__text show"> Log in </span> <span class="m_button__loading"> Logging you in... </span> </button> </span> </div> </fieldset> </form> </main> <footer class="page-login__footer container"> <div class="row"> <div class="col"> <section class="snippet-footer"> <footer data-tmg-dtm-nav-area="footernav"> <div class="footer-list-corporate component"> <div class="component-content"> <nav> <ul class="footer-list-corporate__list"> <li class="footer-list-corporate__item "> <a class="footer-list-corporate__link " href="/contact-us.html" data-tmg-dtm-nav="1-nav:/contact-us.html"> Contact us </a> </li> <li class="footer-list-corporate__item "> <a class="footer-list-corporate__link " href="https://web.archive.org/web/20180720144031/https://corporate.telegraph.co.uk/" data-tmg-dtm-nav="2-nav:https://corporate.telegraph.co.uk/"> About us </a> </li> <li class="footer-list-corporate__item "> <a class="footer-list-corporate__link " title="Rewards" href="/rewards.html" data-tmg-dtm-nav="3-nav:/rewards.html"> Rewards </a> </li> <li class="footer-list-corporate__item "> <a class="footer-list-corporate__link " href="https://web.archive.org/web/20180720144031/https://www.telegraph.co.uk/archive/" data-tmg-dtm-nav="4-nav:https://www.telegraph.co.uk/archive/"> Archive </a> </li> <li class="footer-list-corporate__item "> <a class="footer-list-corporate__link " href="https://web.archive.org/web/20180720144031/http://telegraph.newsprints.co.uk/" data-tmg-dtm-nav="5-nav:http://telegraph.newsprints.co.uk/"> Reader Prints </a> </li> <li class="footer-list-corporate__item "> <a class="footer-list-corporate__link " href="/spark.html" data-tmg-dtm-nav="6-nav:/spark.html"> Branded Content </a> </li> <li class="footer-list-corporate__item "> <a class="footer-list-corporate__link " title="Syndication & Content Partnerships" href="/syndication.html" data-tmg-dtm-nav="7-nav:/syndication.html"> Syndication </a> </li> <li class="footer-list-corporate__item "> <a class="footer-list-corporate__link " href="/about-us/editorial-and-commercial-guidelines.html" data-tmg-dtm-nav="8-nav:/about-us/editorial-and-commercial-guidelines.html"> Guidelines </a> </li> <li class="footer-list-corporate__item "> <a class="footer-list-corporate__link " href="/about-us/privacy-and-cookie-policy.html" data-tmg-dtm-nav="9-nav:/about-us/privacy-and-cookie-policy.html"> Privacy </a> </li> <li class="footer-list-corporate__item "> <a class="footer-list-corporate__link " href="/about-us/terms-and-conditions.html" data-tmg-dtm-nav="10-nav:/about-us/terms-and-conditions.html"> Terms and Conditions </a> </li> <li class="footer-list-corporate__item "> <a class="footer-list-corporate__link " href="https://web.archive.org/web/20180720144031/http://spark.telegraph.co.uk/toolkit/advertising/terms-and-conditions/" data-tmg-dtm-nav="11-nav:http://spark.telegraph.co.uk/toolkit/advertising/terms-and-conditions/"> Advertising terms </a> </li> </ul> </nav> </div> </div> <div class="footer-copyright component"> <div class="component-content"> <p>© Telegraph Media Group Limited 2018</p> </div> </div> </footer> </section> <div class="footer-ads"> </div> </div> </div> </footer> </script> <script class="js-template" data-template="useredit" type="text/template"> <form autocomplete="off" method="post"> <input type="hidden" name="@type" value="Account"> <input name="address.0.@type" type="hidden" value="MailingAddress"> <fieldset class="disabled hidden"> <label class="m_input m_input-saved m_input-success m_input--selected-"> <span class="m_input__label m_input__label--"> Your email address </span> <input class="m_input__input" value="<%= data.email %>" disabled/> <ul class="m_input__errors"></ul> </label> <% if (data.password) { %> <label class="m_input m_input-password m_input-saved m_input-success m_input- m_input--selected-"> <span class="m_input__label m_input__label--"> Your password </span> <input class="m_input__input" type="password" value="<%= data.password %>" disabled/> <ul class="m_input__errors"></ul> </label> <% } %> </fieldset> <fieldset> <div class="title__container"> <label class="m_select m_select-required m_select-title <%= data.title ? 'm_select-success' : ' ' %>"> <span class="m_select__label"> Your title </span> <select class="m_select__select" name="title" aria-required="true"> <option value=""> Please select </option> <option value="Mr">Mr</option> <option value="Mrs">Mrs</option> <option value="Ms">Ms</option> <option value="Miss">Miss</option> <option value="Dr">Dr</option> <option value="Professor">Professor</option> <option value="Other">Other</option> </select> <ul class="m_select__errors"></ul> </label> <a href="#" class="title__manual">Can't see your title?</a> </div> <label class="m_input m_input-required <%= data.fname ? 'm_input-success' : ' ' %> m_input--selected-"> <span class="m_input__label m_input__label--"> First name </span> <input class="m_input__input" name="firstName" maxlength="40" value="<%= data.fname %>" aria-required="true"/> <ul class="m_input__errors"></ul> </label> <label class="m_input m_input-required <%= data.lname ? 'm_input-success' : ' ' %> m_input--selected-"> <span class="m_input__label m_input__label--"> Surname </span> <input class="m_input__input" name="lastName" maxlength="80" value="<%= data.lname %>" aria-required="true"/> <ul class="m_input__errors"></ul> </label> <div class="location__container"> <div class="address__container open"> <div class="streetline__container"> <label class="m_input m_input-required <%= data.street1 ? 'm_input-success' : ' ' %> m_input--selected-"> <span class="m_input__label m_input__label--"> Address line 1 </span> <input class="m_input__input" name="address.0.streetline1" maxlength="40" value="<%= data.street1 %>" aria-required="true"/> <ul class="m_input__errors"></ul> </label> <label class="m_input m_input--selected-"> <span class="m_input__label m_input__label--"> Address line 2 </span> <input class="m_input__input" name="address.0.streetline2" maxlength="40" value="<%= data.street2 %>"/> <ul class="m_input__errors"></ul> </label> <% if(data.street3) { %> <label class="m_input m_input-toggle m_input--selected-"> <span class="m_input__label m_input__label--"> Address line 3 </span> <input class="m_input__input" name="address.0.streetline3" maxlength="40" value="<%= data.street3 %>"/> <ul class="m_input__errors"></ul> </label> <% } else { %> <label class="m_input m_input-toggle streetline__hidden m_input--selected-"> <span class="m_input__label m_input__label--"> Address line 3 </span> <input class="m_input__input" name="address.0.streetline3" maxlength="40"/> <ul class="m_input__errors"></ul> </label> <% } %> <% if(data.street4) { %> <label class="m_input m_input-toggle m_input--selected-"> <span class="m_input__label m_input__label--"> Address line 4 </span> <input class="m_input__input" name="address.0.streetline4" maxlength="40" value="<%= data.street4 %>"/> <ul class="m_input__errors"></ul> </label> <% } else { %> <label class="m_input m_input-toggle streetline__hidden m_input--selected-"> <span class="m_input__label m_input__label--"> Address line 4 </span> <input class="m_input__input" name="address.0.streetline4" maxlength="40"/> <ul class="m_input__errors"></ul> </label> <% } %> <% if(data.street5) { %> <label class="m_input m_input-toggle m_input--selected-"> <span class="m_input__label m_input__label--"> Address line 5 </span> <input class="m_input__input" name="address.0.streetline5" maxlength="40" value="<%= data.street5 %>"/> <ul class="m_input__errors"></ul> </label> <% } else { %> <label class="m_input m_input-toggle streetline__hidden m_input--selected-"> <span class="m_input__label m_input__label--"> Address line 5 </span> <input class="m_input__input" name="address.0.streetline5" maxlength="40"/> <ul class="m_input__errors"></ul> </label> <% } %> <% if(!data.street5) { %> <a href="#" class="streetline__manual">Add another address line</a> <% } %> </div> <label class="m_input m_input-required <%= data.city ? 'm_input-success' : ' ' %> m_input--selected-"> <span class="m_input__label m_input__label--"> City / Town </span> <input class="m_input__input" name="address.0.city" maxlength="40" value="<%= data.city %>" aria-required="true"/> <ul class="m_input__errors"></ul> </label> <div class="international__container"> <label class="m_select m_select-required m_select-country <%= data.country ? 'm_select-success' : ' ' %>"> <span class="m_select__label"> Country </span> <select class="m_select__select" name="address.0.country"> <option value="AU">Australia</option> <option value="CA">Canada</option> <option value="FR">France</option> <option value="GB" selected="selected">United Kingdom</option> <option value="US">United States</option> <option disabled>──────────</option> <option value="AF">Afghanistan</option> <option value="AX">Aland Islands</option> <option value="AL">Albania</option> <option value="DZ">Algeria</option> <option value="AS">American Samoa</option> <option value="AD">Andorra</option> <option value="AO">Angola</option> <option value="AI">Anguilla</option> <option value="AQ">Antarctica</option> <option value="AG">Antigua and Barbuda</option> <option value="AR">Argentina</option> <option value="AM">Armenia</option> <option value="AW">Aruba</option> <option value="AU">Australia</option> <option value="AT">Austria</option> <option value="AZ">Azerbaijan</option> <option value="BS">Bahamas</option> <option value="BH">Bahrain</option> <option value="BD">Bangladesh</option> <option value="BB">Barbados</option> <option value="BY">Belarus</option> <option value="BE">Belgium</option> <option value="BZ">Belize</option> <option value="BJ">Benin</option> <option value="BM">Bermuda</option> <option value="BT">Bhutan</option> <option value="BO">Bolivia</option> <option value="BQ">Bonaire, Saint Eustatius and Saba</option> <option value="BA">Bosnia and Herzegovina</option> <option value="BW">Botswana</option> <option value="BV">Bouvet Island</option> <option value="BR">Brazil</option> <option value="IO">British Indian Ocean Territory</option> <option value="BN">Brunei Darussalam</option> <option value="BG">Bulgaria</option> <option value="BF">Burkina Faso</option> <option value="BI">Burundi</option> <option value="KH">Cambodia</option> <option value="CM">Cameroon</option> <option value="CA">Canada</option> <option value="CV">Cape Verde</option> <option value="KY">Cayman Islands</option> <option value="CF">Central African Republic</option> <option value="TD">Chad</option> <option value="CL">Chile</option> <option value="CN">China</option> <option value="CX">Christmas Island</option> <option value="CC">Cocos (Keeling) Islands</option> <option value="CO">Colombia</option> <option value="KM">Comoros</option> <option value="CG">Congo</option> <option value="CD">Congo, the Democratic Republic of the</option> <option value="CK">Cook Islands</option> <option value="CR">Costa Rica</option> <option value="CI">Cote d'Ivoire</option> <option value="HR">Croatia</option> <option value="CU">Cuba</option> <option value="CW">Curacao</option> <option value="CY">Cyprus</option> <option value="CZ">Czech Republic</option> <option value="DK">Denmark</option> <option value="DJ">Djibouti</option> <option value="DM">Dominica</option> <option value="DO">Dominican Republic</option> <option value="EC">Ecuador</option> <option value="EG">Egypt</option> <option value="SV">El Salvador</option> <option value="GQ">Equatorial Guinea</option> <option value="ER">Eritrea</option> <option value="EE">Estonia</option> <option value="ET">Ethiopia</option> <option value="FK">Falkland Islands (Malvinas)</option> <option value="FO">Faroe Islands</option> <option value="FJ">Fiji</option> <option value="FI">Finland</option> <option value="FR">France</option> <option value="GF">French Guiana</option> <option value="PF">French Polynesia</option> <option value="TF">French Southern Territories</option> <option value="GA">Gabon</option> <option value="GM">Gambia</option> <option value="GE">Georgia</option> <option value="DE">Germany</option> <option value="GH">Ghana</option> <option value="GI">Gibraltar</option> <option value="GR">Greece</option> <option value="GL">Greenland</option> <option value="GD">Grenada</option> <option value="GP">Guadeloupe</option> <option value="GU">Guam</option> <option value="GT">Guatemala</option> <option value="GG">Guernsey</option> <option value="GN">Guinea</option> <option value="GW">Guinea-Bissau</option> <option value="GY">Guyana</option> <option value="HT">Haiti</option> <option value="HM">Heard Island and McDonald Islands</option> <option value="VA">Holy See (Vatican City State)</option> <option value="HN">Honduras</option> <option value="HK">Hong Kong</option> <option value="HU">Hungary</option> <option value="IS">Iceland</option> <option value="IN">India</option> <option value="ID">Indonesia</option> <option value="IR">Iran, Islamic Republic of</option> <option value="IQ">Iraq</option> <option value="IE">Ireland</option> <option value="IM">Isle of Man</option> <option value="IL">Israel</option> <option value="IT">Italy</option> <option value="JM">Jamaica</option> <option value="JP">Japan</option> <option value="JE">Jersey</option> <option value="JO">Jordan</option> <option value="KZ">Kazakhstan</option> <option value="KE">Kenya</option> <option value="KI">Kiribati</option> <option value="KP">Korea, Democratic People's Republic of</option> <option value="KR">Korea, Republic of</option> <option value="XK">Kosovo</option> <option value="KW">Kuwait</option> <option value="KG">Kyrgyzstan</option> <option value="LA">Lao People's Democratic Republic</option> <option value="LV">Latvia</option> <option value="LB">Lebanon</option> <option value="LS">Lesotho</option> <option value="LR">Liberia</option> <option value="LY">Libyan Arab Jamahiriya</option> <option value="LI">Liechtenstein</option> <option value="LT">Lithuania</option> <option value="LU">Luxembourg</option> <option value="MO">Macao</option> <option value="MK">Macedonia, the former Yugoslav Republic of</option> <option value="MG">Madagascar</option> <option value="MW">Malawi</option> <option value="MY">Malaysia</option> <option value="MV">Maldives</option> <option value="ML">Mali</option> <option value="MT">Malta</option> <option value="MH">Marshall Islands</option> <option value="MQ">Martinique</option> <option value="MR">Mauritania</option> <option value="MU">Mauritius</option> <option value="YT">Mayotte</option> <option value="MX">Mexico</option> <option value="FM">Micronesia, Federated States of</option> <option value="MD">Moldova, Republic of</option> <option value="MC">Monaco</option> <option value="MN">Mongolia</option> <option value="ME">Montenegro</option> <option value="MS">Montserrat</option> <option value="MA">Morocco</option> <option value="MZ">Mozambique</option> <option value="MM">Myanmar</option> <option value="NA">Namibia</option> <option value="NR">Nauru</option> <option value="NP">Nepal</option> <option value="NL">Netherlands</option> <option value="NC">New Caledonia</option> <option value="NZ">New Zealand</option> <option value="NI">Nicaragua</option> <option value="NE">Niger</option> <option value="NG">Nigeria</option> <option value="NU">Niue</option> <option value="NF">Norfolk Island</option> <option value="MP">Northern Mariana Islands</option> <option value="NO">Norway</option> <option value="OM">Oman</option> <option value="PK">Pakistan</option> <option value="PW">Palau</option> <option value="PS">Palestinian Territory, Occupied</option> <option value="PA">Panama</option> <option value="PG">Papua New Guinea</option> <option value="PY">Paraguay</option> <option value="PE">Peru</option> <option value="PH">Philippines</option> <option value="PN">Pitcairn</option> <option value="PL">Poland</option> <option value="PT">Portugal</option> <option value="PR">Puerto Rico</option> <option value="QA">Qatar</option> <option value="RE">Reunion</option> <option value="RO">Romania</option> <option value="RU">Russian Federation</option> <option value="RW">Rwanda</option> <option value="BL">Saint Barthelemy</option> <option value="SH">Saint Helena</option> <option value="KN">Saint Kitts and Nevis</option> <option value="LC">Saint Lucia</option> <option value="MF">Saint Martin (French part)</option> <option value="PM">Saint Pierre and Miquelon</option> <option value="VC">Saint Vincent and the Grenadines</option> <option value="WS">Samoa</option> <option value="SM">San Marino</option> <option value="ST">Sao Tome and Principe</option> <option value="SA">Saudi Arabia</option> <option value="SN">Senegal</option> <option value="RS">Serbia</option> <option value="SC">Seychelles</option> <option value="SL">Sierra Leone</option> <option value="SG">Singapore</option> <option value="SX">Sint Maarten</option> <option value="SK">Slovakia</option> <option value="SI">Slovenia</option> <option value="SB">Solomon Islands</option> <option value="SO">Somalia</option> <option value="ZA">South Africa</option> <option value="GS">South Georgia and the South Sandwich Islands</option> <option value="SS">South Sudan</option> <option value="ES">Spain</option> <option value="LK">Sri Lanka</option> <option value="SD">Sudan</option> <option value="SR">Suriname</option> <option value="SJ">Svalbard and Jan Mayen</option> <option value="SZ">Swaziland</option> <option value="SE">Sweden</option> <option value="CH">Switzerland</option> <option value="SY">Syrian Arab Republic</option> <option value="TW">Taiwan</option> <option value="TJ">Tajikistan</option> <option value="TZ">Tanzania, United Republic of</option> <option value="TH">Thailand</option> <option value="TL">Timor-Leste</option> <option value="TG">Togo</option> <option value="TK">Tokelau</option> <option value="TO">Tonga</option> <option value="TT">Trinidad and Tobago</option> <option value="TN">Tunisia</option> <option value="TR">Turkey</option> <option value="TM">Turkmenistan</option> <option value="TC">Turks and Caicos Islands</option> <option value="TV">Tuvalu</option> <option value="UG">Uganda</option> <option value="UA">Ukraine</option> <option value="AE">United Arab Emirates</option> <option value="US">United States</option> <option value="UM">United States Minor Outlying Islands</option> <option value="UY">Uruguay</option> <option value="UZ">Uzbekistan</option> <option value="VU">Vanuatu</option> <option value="VE">Venezuela</option> <option value="VN">Viet Nam</option> <option value="VG">Virgin Islands, British</option> <option value="VI">Virgin Islands, U.S.</option> <option value="WF">Wallis and Futuna</option> <option value="EH">Western Sahara</option> <option value="YE">Yemen</option> <option value="ZM">Zambia</option> <option value="ZW">Zimbabwe</option> </select> <ul class="m_select__errors"></ul> </label> <label class="m_select m_select-required <%= data.state ? 'm_select-success' : ' ' %>"> <span class="m_select__label"> State </span> <select class="m_select__select" name="address.0.state" aria-required="true"> <option value=""> Please select </option> </select> <ul class="m_select__errors"></ul> </label> <label class="m_input m_input-required <%= data.postcode ? 'm_input-success' : ' ' %> m_input--selected-"> <span class="m_input__label m_input__label--"> Postcode </span> <input class="m_input__input" name="address.0.postCode" maxlength="20" value="<%= data.postcode %>" aria-required="true"/> <ul class="m_input__errors"></ul> </label> </div> <a href="#" class="lookup__manual hidden">Find address automatically with your postcode</a> </div> <div class="telephone__container"> <% if(data.homephone) { %> <label class="m_input m_input--selected-"> <span class="m_input__label m_input__label--"> Home phone </span> <input class="m_input__input" name="homePhone" maxlength="40" value="<%= data.homephone %>"/> <ul class="m_input__errors"></ul> </label> <% } %> <label class="m_input m_input--selected-"> <span class="m_input__label m_input__label--"> Mobile </span> <input class="m_input__input" name="mobile" maxlength="40" value="<%= data.mobile %>"/> <ul class="m_input__errors"></ul> </label> </div> <div class="lookup__container hidden"> <label class="m_input m_input-search m_input--selected-"> <span class="m_input__label m_input__label--"> Postcode search </span> <span class="m_input__info"> If you live outside the UK, or can't find your postcode, <a href='#' class="lookup__manual">enter your address manually</a> </span> <input class="m_input__input" maxlength="20"/> <ul class="m_input__errors"></ul> </label> <span class="m_button version1 search"> <button class="m_button__content"> <span class="m_button__text show"> Find Address </span> <span class="m_button__loading"> Finding Address </span> </button> </span> <a href="#" class="lookup__manual">Enter your address manually.</a> <span class="lookup__notice">Sorry, we can't find your address. Use the link below to enter your address manually.</span> <ul class="lookup__results-container"></ul> </div> </div> <div class="errors__container" aria-live="alert"></div> <div class="cta__container cta__container--inline"> <span class="m_button "> <button class="m_button__content"> <span class="m_button__text show"> Save changes </span> <span class="m_button__loading"> Saving changes... </span> </button> </span> <span class="m_button version1 cancel hidden-on-submit"> <a href="#" class="m_button__content"> <span class="m_button__text show"> Cancel </span> <span class="m_button__loading"> </span> </a> </span> </div> </fieldset> </form> </script> <script class="js-template" data-template="rewardCardCTA" type="text/template"> <div class="account-section__content"> <span class="account-section__label">Telegraph Rewards card</span> </div> <div class="account-section__content"> <div class="cta__container cta__container--inline"> <p>Access your Telegraph Rewards card. To take advantage of exclusive subscriber benefits, you may need to show your Rewards card.</p> <p><a href="#" class="goto-reward-card">Access here</a></p> </div> </div> </script> <script class="js-template" data-template="useremail" type="text/template"> <form autocomplete="off"> <input type="hidden" name="@type" value="Account"> <fieldset> <label class="m_input m_input-email m_input-required m_input- m_input--selected-"> <span class="m_input__label m_input__label--"> Your email address </span> <input class="m_input__input" name="email" type="email" maxlength="80" value="<%= data.email %>" aria-required="true"/> <ul class="m_input__errors"></ul> </label> <div class="errors__container" aria-live="alert"></div> <div class="cta__container cta__container--inline"> <span class="m_button "> <button class="m_button__content"> <span class="m_button__text show"> Save changes </span> <span class="m_button__loading"> Saving changes... </span> </button> </span> <span class="m_button version1 cancel hidden-on-submit"> <a href="#" class="m_button__content"> <span class="m_button__text show"> Cancel </span> <span class="m_button__loading"> </span> </a> </span> </div> </fieldset> </form> <div class="account-section__content"> <div class="account-section__confirm"> <div class="account-section__confirm-wrapper"> <div class="account-section__confirm-content"> <div class="account-section__confirm-content-body logout"> <h2>Success</h2> <p>Your email address has been updated, please log in using your new email address</p> <div class="cta__container"> <span class="m_button logout"> <a href="#" class="m_button__content"> <span class="m_button__text show"> Continue </span> <span class="m_button__loading"> Continue </span> </a> </span> </div> </div> </div> </div> </div> </div> </script> <script class="js-template" data-template="orderHistoryDetails" type="text/template"> <div class="account-section__content"> <% if( data.orders && data.orders.length ) { %> <% _.each(data.orders, function(order){ %> <div class="account-section__order"> <h3 class="account-section__title">Order number <%= order.name %></h3> <p class="account-section__sub-title">Purchase date <span class="account-section__sub-title-value"><%= data.formatDate( order.paymentDate ) %></span></p> <% _.each(order.items, function(item){ %> <table class="account-section__table"> <tr class="account-section__table-row"> <td class="account-section__table-item">Product name</td> <td class="account-section__table-item"><%= item.productFriendlyName %></td> </tr> <tr class="account-section__table-row"> <td class="account-section__table-item">Price</td> <td class="account-section__table-item">£<%= item.price %></td> </tr> <tr class="account-section__table-row"> <td class="account-section__table-item">Status</td> <td class="account-section__table-item"><%= order.paymentStatus %></td> </tr> </table> <% }); %> </div> <% }); %> <% } else { %> <p>No items found in your order history</p> <% } %> </div> </script> <div class="spark-slot4"> </div> <script> tmg.loadClientLibs.init(); </script> <script src="//web.archive.org/web/20180720144031js_/https://d3c3cq33003psk.cloudfront.net/opentag-35657-aemsubsproduction.js" async></script> <script> RUM.mark( 'js_load_opentag' ); </script> <script type="text/javascript">_satellite.pageBottom();</script> </body> </html> <!-- FILE ARCHIVED ON 14:40:31 Jul 20, 2018 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 22:55:34 Dec 14, 2024. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). --> <!-- playback timings (ms): captures_list: 0.996 exclusion.robots: 0.053 exclusion.robots.policy: 0.033 esindex: 0.015 cdx.remote: 167.453 LoadShardBlock: 173.439 (6) PetaboxLoader3.datanode: 183.062 (7) load_resource: 225.698 PetaboxLoader3.resolve: 184.27 -->