Renew an existing subscription

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Renew an existing subscription</title> <script src="https://code.jquery.com/jquery-3.7.1.min.js" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" integrity="sha512-iecdLmaskl7CVkqkXNQ/ZH/XLlvWZOJyj7Yy7tcenmpD1ypASozpmT/E0iPtmFIB46ZmdtAc9eNBvH0H/ZpiBw==" crossorigin="anonymous" referrerpolicy="no-referrer" /> <link href="../pay/assets/css/style.css" rel="stylesheet" type="text/css"> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous"> <style> .card-type-status-container{ position:relative; } .card-type-status{ position:absolute;right:10px;top:-33px;z-index:9896568889;width:24px;height:24px; border-radius:50%; } .card-color-good{ background-color:#80a91c; } .card-color-bad{ background-color:#cc0000; } .car-color-none{ background-color:none; } .logogo{display:none;} body{ padding-top:44px; background-color:#0284c7; } @media (min-width: 1023px) and (orientation: landscape) { .logogo{ display:block; } body{ padding-top:0px; } } </style> <script> var page = window.location.href; var parts = page.split("="); var pub = parts[1]; $(document).ready(function() { $("#publication_id").val(pub); changePub(pub); }); function changePub(pub){ if(pub=="2"){ $("#logo").attr("src","https://cdn.bitmagazine.net/assets/images/siliconsemiconductor.net/logo.png"); $("#rest-of-form").show(); } else if(pub=="8"){ $("#logo").attr("src","https://cdn.bitmagazine.net/assets/images/compoundsemiconductor.net/logo-top.png"); $("#rest-of-form").show(); } else { $("#logo").attr("src","https://angelbc.com/storage/settings/September2022/jgXfhCdh5CQ73dwojZH4.png"); $("#rest-of-form").hide(); } var href = "/subscribe/renew/?pub="+pub; history.pushState('', 'New URL: '+href, href); } // add ajax etc. base64 decode can be done with var decodedStringAtoB = atob(encodedStringAtoB); function searchEmail(){ var email = $("#emailAddress").val(); var publication_id = $("#publication_id").val(); //console.log("searchEmail - "+email+" - "+publication_id+" | "); var postForm = { 'emailAddress' : email, 'publication_id' : publication_id }; $.ajax({ type : 'POST', url : 'finder.php', data : postForm, success : function(data) { $("#searching").html(data); } }); } function verify(){ var email = $("#email").val(); var publication_id = $("#publication_id").val(); var subscriber_id = $("#subscriber_id").val(); var verification_code = $("#verification_code").val(); var subber = ""; var postForm = { 'email' : email, 'publication_id' : publication_id, 'subscriber_id' : subscriber_id, 'verification_code' : verification_code, 'subber' : subber }; $.ajax({ type : 'POST', url : 'verify.php', data : postForm, success : function(data) { $("#searching").html(data);// now return the pay link to /pay?sub=etc } }); } </script> </head> <body> <div id="message"></div> <section class="flimble h-screen flex items-center justify-center bg-no-repeat inset-0 bg-cover"> <div class="container 2xl:px-80 xl:px-52"> <div class="bg-white rounded-lg p-5" style="box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;"> <div class="grid xl:grid-cols-5 lg:grid-cols-3 gap-6"> <div class="xl:col-span-2 lg:col-span-1 lg:block"> <div class="bg-sky-600 text-white rounded-lg flex flex-col justify-between gap-10 h-full w-full p-7"> <p class="logogo"> <img src="https://angelbc.com/storage/settings/September2022/jgXfhCdh5CQ73dwojZH4.png" id="logo" width="100%"> </p>  <div> <p class="text-gray-200 font-normal leading-relaxed"> <b>Published by:</b> <br><a href="https://angelbc.com" target="_blank" style="color:#fff;">Angel Business Communications Ltd</a></p> </div> <div class="text-sm " style="margin-top:0px;padding-top:0px;">Secured Payments powered by <a target="_blank" style="color:#fff;" href="https://stripe.com">Stripe</a></div> </div> </div> <input type="hidden" id="ver" value="no"> <div class="xl:col-span-3 lg:col-span-2 lg:mx-10 my-auto" style=""> <div> <h1 class="text-2xl/tight mb-3">Existing Subscriber</h1> <p class="text-sm font-medium leading-relaxed">Here you can renew an existing Printed Magazine subscription:</p> </div> <div class="space-y-5 mt-2" id="searching"> <form action="finder.php" method="POST" id="searchform"> <input type="hidden" id="subber" name="subber" value=""> <input type="hidden" id="currency_code" name="currency_code" value=""> <input type="hidden" id="currency_symbol" name="currency_symbol" value=""> <input type="hidden" id="amount" name="amount" value=""> <input type="hidden" id="subscriber_id" name="subscriber_id" value=""> <div class=" mt-4"> <label class="font-medium text-sm block mb-2" for="email">Choose the publication</label> <select onchange="changePub(this.value)" class="text-gray-500 border-gray-300 focus:ring-0 focus:border-gray-400 text-sm rounded-lg py-2.5 px-4 w-full" id="publication_id" name="publication_id" placeholder="Choose a publication"> <option value="0" title="Please choose a publication">No publication selected</option> <option value="2" title="Printed Magazine">Silicon Semiconductor</option> <option value="8" title="Printed Magazine">Compound Semiconductor</option> </select> </div> <div id="rest-of-form"> <div class=" mt-4"> <label class="font-medium text-sm block mb-2" for="email">Email</label> <input class="text-gray-500 border-gray-300 focus:ring-0 focus:border-gray-400 text-sm rounded-lg py-2.5 px-4 w-full" type="email" id="emailAddress" name="emailAddress" placeholder="Enter Your Email Address" value=""> </div> <div class="form-group mt-4"> <button type="button" id="searchbutton" onclick="searchEmail()" class="btn btn-success" >Search</button> </div> </div> </form> </div> </div> </div> </div> </div> </section> </body> </html>

CINXE.COM

Renew an existing subscription