<!DOCTYPE html>
<html lang="en" class="no-js">

  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <head>
        <link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">

        <link href="https://getbootstrap.com/docs/3.3/dist/css/bootstrap.min.css" rel="stylesheet">
        <link href="css/style.css" rel="stylesheet">
            <link href="https://getbootstrap.com/docs/3.3/assets/css/ie10-viewport-bug-workaround.css" rel="stylesheet">
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">    
        <script src="https://getbootstrap.com/docs/3.3/assets/js/ie-emulation-modes-warning.js"></script>
      <style>
      body {
        background-color: #9816162e;;
      }
        .shadow1 {
          margin: 5%;
          background-color: rgb(68,68,68); /* Needed for IEs */

          -moz-box-shadow: 5px 5px 5px rgba(68, 68, 68, 0.6);
          -webkit-box-shadow: 5px 5px 5px rgba(68, 68, 68, 0.6);
          box-shadow: 5px 5px 5px rgba(68, 68, 68, 0.6);

          filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30);
          -ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)";
          zoom: 1;
        }
        .shadow1 .content {
          position: relative; /* This protects the inner element from being blurred */
          padding: 100px;
          background-color: #ecd4d4cc
        }
      </style>
    </head>

    <body>
        <div class="shadow1">
        <div class="content">
            <div class="form-group">
                    <h3 style="text-align: center;">To unsubscribe enter your email address.</h3>
                <label for="inputlg">Email</label>
                     <input type="hidden" id="oid" name="oid" value ="<?php echo $_REQUEST['oid'];?>" />
                <input class="form-control input-lg" id="email"  name="email" type="email"><br>
                    <div style="text-align: center"><button style="background-color:#cd6252;color:#fff;border: none;border-radius: 4px;margin-top:16px;font-size: 18px;margin-left: 15px;" VALUE="Unsubscribe" onClick="submt()">Unsubscribe</button></div>
 <div id='reslt2' style='color:red'></div> 
            </div>
            
            </div>
        </div>
    </body>
    </html>
       <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
<script  type="text/javascript" >


function submt()
{
	
var email = $('#email').val();
var oid= $('#oid').val();
var emailReg = new RegExp(/^(("[\w-\s]+")|([\w-]+(?:\.[\w-]+)*)|("[\w-\s]+")([\w-]+(?:\.[\w-]+)*))(@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$)|(@\[?((25[0-5]\.|2[0-4][0-9]\.|1[0-9]{2}\.|[0-9]{1,2}\.))((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\.){2}(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\]?$)/i);
if(email =='')
{
$('#reslt2').text('Please enter email!');
}
else if (!emailReg.test(email))
{
$('#reslt2').text('Please insert valid Email');
}
else
{
$.ajax({
type: "POST",
url: "unsubsuccess.php",
data: "mail="+email+"&oid="+oid,
success: function(data)
{
$('#reslt2').html("<b>Unsusbcribed Successfully!!");
}
});
return false;
}

}
</script>
