<?php
$global_newsletter_settings = $this->common_lib->get_newsletter_settings();
if($global_newsletter_settings->is_active == 1){
if($this->input->cookie("disable_popup") != 1){
?>
<style type="text/css">
.newsletter_logo{
width:160px;
}
.newsletter_signup_save{
font-style:italic;
font-size:30px !important;
margin-bottom:5px !important;
}
.newsletter_off_text{
color:#ff0000;
font-size:90px;
line-height:90px;
margin:5px 0px;
}
.newsletter_free_shipping{
font-size:45px;
}
.newsletter_order_text{
font-size:18px;
}
.newsletter_form{
margin:20px auto;
width:70%;
}
.newsletter_label{
font-size:11px;
font-style:italic;
}
</style>
<!-- NEWSLETTER POPUP -->
<div class="modal fade" id="newsletter_popup" tabindex="-1" role="dialog" aria-labelledby="" aria-hidden="true" data-backdrop="static" data-keyboard="false">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close modal_close_btn display_none" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title text-center">
<img class="newsletter_logo" width="160" src="<?php echo base_url() ?>assets/frontend/layout/img/logos/gc-logo.png" />
</h4>
</div>
<div class="modal-body">
<div class="text-center" id="modal_inner_body">
<div class="newsletter_main_text"><?php echo $global_newsletter_settings->newsletter_main_text;?></div>
<!--div class="newsletter_signup_save">SignUp & Save</div>
<div class="newsletter_off_text">10% OFF</div>
<div class="newsletter_free_shipping text-uppercase">+ Free Shipping</div>
<div class="newsletter_order_text text-uppercase">On your next online order over 49*</div-->
<div class="newsletter_form">
<form class="form-horizontal">
<div class="form-group">
<div class="col-xs-12 col-sm-8">
<input id="newsletter_email" type="email" placeholder="Enter your email address" class="form-control" />
</div>
<div class="col-xs-12 col-sm-4">
<a data-loading-text="Wait..." class="form-control btn btn-primary" href="#" id="newsletter_save_btn">SUBMIT »</a>
</div>
</div>
</form>
</div>
<div class="newsletter_label">
<div class="newsletter_footer_text"><?php echo $global_newsletter_settings->newsletter_footer_text;?></div>
<!--div>*Applies to new email subscribers only.</div>
<div>Enter your email address before closing this window.</div>
<div>The offer will be sent via email.</div-->
</div>
</div>
<div id="message_box"></div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-danger" data-dismiss="modal" id="disable_newsletter_popup">Don't Show</button>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
<script type="text/javascript">
function hide_newsletter_popup(){
$('#newsletter_popup').modal('hide');
}
$(function(){
$("#newsletter_save_btn").on("click",function(){
var $btn = $(this).button('loading');
$.getJSON('<?php echo site_url("ajax/send_newsletter")?>',{email:$("#newsletter_email").val()}, function(response){
if(response.error != undefined){
$("#message_box").html(response.error);
}
if(response.message != undefined){
$("#message_box").html(response.message);
$(".modal-footer").hide();
$(".modal_close_btn").show();
$("#modal_inner_body").hide();
setTimeout(hide_newsletter_popup,3000);
}
$btn.button('reset');
});
return false;
});
$('#newsletter_popup').modal('show', {backdrop: 'static'});
$('#newsletter_popup').on('hide.bs.modal', function(){
$.post("<?php echo site_url("ajax/disable_newsletter") ?>",{},function(response){
});
});
});
function validateEmail1($email) {
var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
if( !emailReg.test( $email ) ) {
return false;
} else {
return true;
}
}
</script>
<!-- NEWSLETTER POPUP END -->
<?php
}
}
?>
@KyuuKazami