<!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">

    <!-- Bootstrap core CSS -->
    <link href="https://getbootstrap.com/docs/3.3/dist/css/bootstrap.min.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
    <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
    <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">
    <!-- Custom styles for this template -->
   <!--  <link href="navbar-fixed-top.css" rel="stylesheet"> -->
<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>-->
    	
    </head>

    <body>
    	<div class="container-fluid" style="background: #2196f37d;">
    		   <div class="row" style="">
                 
    			     <div class="" style="margin:40px 26%;border-radius: 8px;background: #fff;">
    			     	<form style="padding-bottom: 40px">
    			     		   <input type='hidden' id='oid' name='oid' value ="<?php echo $_REQUEST['oid'];?>" />
    				    	<h4 style="padding:30px;text-align:center">YOU HAVE SELECTED TO UNSUBSCRIBE FROM OUR NEWSLETTER!</h4>
    				        <div style="text-align: center"> <input type="email" name="email" id="email"  placeholder="Enter Your Email" style="padding:10px 16px;width:80%;margin-top: 5%; border-radius: 4px;border:2px solid #afaeae;margin-left:20px" required></div>
                          
    				    </form>
                           <div style="text-align: center"> <button class="button1" style="padding:14px 22px;background-color:#fff;color:#000;border:1px solid #000;border-radius: 4px;margin-top:16px;font-size: 18px;" VALUE="Unsubscribe" onClick="submt()">Unsubscribe Me</button>	</div>
                            <div id='reslt2' style='color:red'></div>    	
    			     </div> 
    		    </div>
    		</div>
    	</div>
    </body>
    </html>

    <style>
        button{
            -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;

        }
        .button1:hover{
            background-color:#000 !important;
            color:#fff !important;
        }
    </style>
    
      
      <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>
