<!DOCTYPE HTML>
<html lang="en-US">
<head>
 <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
 <title>boomtag{title}</title>
    <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700' rel='stylesheet' type='text/css'>
    <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js'></script>
    <style type="text/css">boomtag{main_css}</style>
    <script type="text/javascript">

        $(function() {

            $("#email-submit").attr('disabled', false);
            $("#email_add").attr('disabled',false);

            function validateEmail($email) {
                var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
                if( !emailReg.test( $email ) ) {
                    return false;
                } else {
                    return true;
                }
            }

            $("#email-submit").click(function(){

                $("#err_msg").html('');
                $('#jackpot').fadeOut('fast');
                $('.slot-wrapper').fadeTo( "fast", 1 );

                if(!$("#email_add").val()) {
                    $("#err_msg").html("* Please enter your email address.");
                    return false;
                } else if( !validateEmail($("#email_add").val())){
                    $("#err_msg").html("* Please enter a valid email address. For example <b><i>johnsmith@gmail.com</i></b>");
                    return false;
                } else {

                    $("#email-submit").attr('disabled', true);
                    $("#email_add").attr('disabled',true);
                    var start_time = new Date().getTime();

                    
                    $.ajax({
                        url: '/slot-machine',
                        type: "POST",
                        dataType: "json",
                        data: { 
                            id : 'play_slot',
                            email: $('#email_add').val(),
                            referred_org: 'boomtag{org_business_client_email}'
                        },
                        success: function(data){
                            var success = true;

                            if(data[0] == "error")
                            {
                                $('#won_msg').text('Sorry!');
                                $('#offer').text('No prizes available.');
                                $('#prize_info').text('Prize Info: Sorry no email was sent.');
                                success = false;
                            }
                            else if(data[0] == 'exist')
                            {
                                $('#won_msg').text('Sorry, only one spin per email address.');
                                $('#offer').text('');
                                $('#prize_info').text('');
                                success = false;
                            }

                            if(!success) {
                                    $('#jackpot').fadeIn('fast');
                                    $('.slot-wrapper').fadeTo( "slow", 0.33 );
                                    $("#email-submit").attr('disabled', true);
                                    $("#email_add").attr('disabled',true);
                                return false;
                            } else {
                                    $('#won_msg').text('You’ve Won!');
                                    $('#offer').text(data[0]);
                                    $('#org_client').val(data[1]);
                                    $('#page-title').text('Congratulations').after('<p>You will be redirected to your prize in a moment.</p>'); 

                                    var send_data = {};
                                    send_data.prize = data[0];
                                    send_data.client_id = data[1];

                                    var frm = document.createElement("form");
                                        frm.method = "post";
                                            send_data.main_org = 'boomtag{main_org}';
                                            frm.action = 'boomtag{main_org_claim_prize}';
                                    var input = document.createElement("input");
                                        input.type="hidden";
                                        input.name="data";
                                        input.value = JSON.stringify(send_data);
                                        
                                    frm.appendChild(input);
                                    document.body.appendChild(frm);

                                    setTimeout(function() {
                                        frm.submit();   
                                    }, 500);
                                    
                                    $('html, body, #wrapper, #container').delay(3600).css('height', 'auto');
                            }
                        }
                    });
                }
            });
        });
      </script>    
</head>
<body>
<div id="main-wrapper-ribbon">
  <div class="container">
    
    <div class="row">

        <div id="tag-wrapper" class="col-xs-9 col-xs-offset-3">
            <div id="tag-container">
                <div class="tag-boarder">
                    <div class="clearfix">
                        <div class="recipient-container">
                            <h2>Enter your email address to open your gift</h2>
                            <div class="clearfix v1-header-border"></div>
                            
                            <div class="prof-form-container">
                                <span style="color:red;font-size:14px" id="err_msg"></span>
                                <div class="row">  
                                        <div class="col-sm-9">
                                            <div class="form-group">
                                                <div id="jackpot">
                                                    <div class="wrapper">
                                                        <h1 id="won_msg">YOU?VE WON!!</h1>
                                                        <p id="offer"></p>
                                                        <p><small><i id="prize_info">Prize Info: An email with your prize has been sent</i></small></p>
                                                    </div>
                                                </div>
                                                <input class="form-control input-sm" id="email_add" placeholder="Email Address">
                                            </div>
                                        </div>
                                        <div class="col-sm-3">
                                            <div class="form-group">
                                                <button type="submit" id="email-submit" class="btn btn-primary btn-block btn-sm">Submit</button>
                                            </div>
                                        </div>
                                </div>
                            </div>
                            
                            <div class="clearfix v2-header-border"></div>
                            
                        </div>
                    </div>
                    <div class="clearfix">
                        
                        <div id="tag-org-details">
                            <div class="row">
                              <div class="col-md-12 tag-orgname-container"><span class="tag-orgname">boomtag{org_name}</span></div>
                            </div>
                        </div>
                    
                    </div>
                </div>    
            </div>
        </div>
    </div>
    
    </div>
</div>    
</body>
</html>