<div class="newletter-popup">
<div id="boxes" class="newletter-container">
 <div id="dialog" class="window">
 <div id="popup2">
	<span class="b-close"><span>{{ text_colose }}</span></span>
</div>
	<div class="box">
	  <div class="newletter-title"><h2>{{ heading_title }}</h2></div>
	  <div class="box-content newleter-content">
			<label>{{ newletter_des }}</label>
		  <div id="frm_subscribe">
			  <form name="subscribe" id="subscribe_popup">
				  <div>
					 <!-- <span class="required">*</span><span>{{ entry_email }}</span>-->
					 <input type="text" value="" name="subscribe_pemail" id="subscribe_pemail" placeholder="{{ entry_email }}"> 
					 <input type="hidden" value="" name="subscribe_pname" id="subscribe_pname" />
				   <div id="notification"></div>
					<a class="button" onclick="email_subscribepopup()"><span>{{ entry_button }}</span></a>
					{% if option_unsubscribe %}
					<a class="button" onclick="email_unsubscribepopup()"><span>{{ entry_unbutton }}</span></a>
					{% endif %} 
				  </div>
			  </form>
			  <div class="subscribe-bottom">
				<input type="checkbox" id="newsletter_popup_dont_show_again">
				<label for="newsletter_popup_dont_show_again">{{ entry_show_again }}</label>
			  </div>
		  </div><!-- /#frm_subscribe -->
		</div><!-- /.box-content -->
 </div>
</div>	
<script >
function email_subscribepopup(){
	$.ajax({
			type: 'post',
			url: 'index.php?route=extension/module/newslettersubscribe/subscribepopup',
			dataType: 'html',
            data:$("#subscribe_popup").serialize(),
			success: function (html) {
				// $.cookie('shownewsletter', '1');
				try {
					eval(html);
				} 
				catch (e) {
				}
			}}); 
}
function email_unsubscribepopup(){
	$.ajax({
			type: 'post',
			url: 'index.php?route=extension/module/newslettersubscribe/unsubscribe',
			dataType: 'html',
            data:$("#subscribe_popup").serialize(),
			success: function (html) {
				try {
					eval(html);
				} 
				catch (e) {
				}
			}}); 
	$('html, body').delay( 1500 ).animate({ scrollTop: 0 }, 'slow'); 
}
</script>
<script >
    $(document).ready(function() {

		if($.cookie('shownewsletter')==1) $('.newletter-popup').hide();
		$('#subscribe_pemail').keypress(function(e) {
            if(e.which == 13) {
                e.preventDefault();
                email_subscribepopup();
            }
			var name= $(this).val();
		  	$('#subscribe_pname').val(name);
        });
		$('#subscribe_pemail').change(function() {
		 var name= $(this).val();
		  		$('#subscribe_pname').val(name);
		});
        //transition effect
        if($.cookie("shownewsletter") != 1){
			$('.newletter-popup').bPopup();
        }
		$('#newsletter_popup_dont_show_again').on('change', function(){
			if($.cookie("shownewsletter") != 1){   
				$.cookie("shownewsletter",'1')
			}else{
				$.cookie("shownewsletter",'0')
			}
		}); 
    });
</script>
</div><!-- /.box -->
</div>