﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
    <title>erly WORKR - Complete Business Solution with HR/Payroll, Workforce Management & More</title>
    <link rel="stylesheet" href="fonts/material-icon/css/material-design-iconic-font.min.css"/>
    <link href="/workr/static/plugin/sweetalert/sweetalert.css" rel="stylesheet"/>
    <link rel="stylesheet" href="css/style.css"/>
    <style type="text/css">
        .d-none {display:none;}
    </style>
    <!-- Facebook Pixel Code -->
    <script>
        !function(f, b, e, v, n, t, s) {
            if (f.fbq) return;
            n = f.fbq = function() {
                n.callMethod ? n.callMethod.apply(n, arguments) : n.queue.push(arguments);
            };
            if (!f._fbq) f._fbq = n;
            n.push = n;
            n.loaded = !0;
            n.version = '2.0';
            n.queue = [];
            t = b.createElement(e);
            t.async = !0;
            t.src = v;
            s = b.getElementsByTagName(e)[0];
            s.parentNode.insertBefore(t, s);
        }(window,
            document,
            'script',
            'https://connect.facebook.net/en_US/fbevents.js');
        fbq('init', '487879778967780');
        fbq('track', 'PageView');
    </script>
    <noscript>
        <img height="1" width="1" style="display: none" src="https://www.facebook.com/tr?id=487879778967780&ev=PageView&noscript=1"/>
    </noscript>
    <!-- End Facebook Pixel Code -->
    <script type="text/javascript">
        _linkedin_partner_id = "3340732";
        window._linkedin_data_partner_ids = window._linkedin_data_partner_ids || [];
        window._linkedin_data_partner_ids.push(_linkedin_partner_id);
    </script>
    <script type="text/javascript">
        (function(l) {
            if (!l) {
                window.lintrk = function(a, b) { window.lintrk.q.push([a, b]) };
                window.lintrk.q = [];
            }
            var s = document.getElementsByTagName("script")[0];
            var b = document.createElement("script");
            b.type = "text/javascript";
            b.async = true;
            b.src = "https://snap.licdn.com/li.lms-analytics/insight.min.js";
            s.parentNode.insertBefore(b, s);
        })(window.lintrk);
    </script>
    <!-- Global site tag (gtag.js) - Google Ads: 10792084166 -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=AW-10792084166"></script>
    <script>
        window.dataLayer = window.dataLayer || [];

        function gtag() { dataLayer.push(arguments); }

        gtag('js', new Date());
        gtag('config', 'AW-10792084166');
    </script>
</head>
<body>
    <noscript>
        <img height="1" width="1" style="display: none;" alt="" src="https://px.ads.linkedin.com/collect/?pid=3340732&fmt=gif" />
    </noscript>
    <div class="main">
        <!-- Sign up form -->
        <section class="signup">
            <div class="container">
                <div class="signup-content">
                    <div class="signup-form">
                        <h2 class="form-title">erly Signup</h2>
                        <form id="form-signup" action="process.ashx" method="post">
                            <div class="form-group">
                                <label for="name">
                                    <i class="zmdi zmdi-account material-icons-name"></i>
                                </label>
                                <input type="text" name="name" id="name" placeholder="Your Name *" autocomplete="off" />
                            </div>
                            <div class="form-group">
                                <label for="email">
                                    <i class="zmdi zmdi-email"></i>
                                </label>
                                <input type="email" name="email" id="email" placeholder="Your Email *" autocomplete="off" />
                            </div>
                            <div class="form-group">
                                <label for="business">
                                    <i class="zmdi zmdi-graduation-cap"></i>
                                </label>
                                <input type="text" name="business" id="business" placeholder="Business/Company Name *" autocomplete="off" />
                            </div>
                            <div class="form-group">
                                <label for="contact">
                                    <i class="zmdi zmdi-phone"></i>
                                </label>
                                <input type="text" name="contact" id="contact" placeholder="Contact #" autocomplete="off" />
                            </div>
                            <div class="form-group">
                                <strong>Choose your Package</strong><br />
                                <input type="radio" name="package" id="starter" value="Freemium" placeholder="Starter" style="width: 20px; display: inline;" /> Freemium (FREE)<br />
                                <input type="radio" name="package" id="premium" value="Premium" placeholder="Premium" style="width: 20px; display: inline;" /> Premium ($5 per staff/month)<br />
                                <input type="radio" name="package" id="keypay" value="Keypay" placeholder="Keypay" style="width: 20px; display: inline;" /> with Keypay ($8 per staff per month)<br />
                                <input type="radio" name="package" id="plus" value="Premium Plus" placeholder="Plus" style="width: 20px; display: inline;" /> with Cloud Accounting (from $50 per month)
                            </div>
                            <div class="form-group">
                                <strong>Registration Type</strong><br />
                                <input type="radio" name="regotype" class="regotype" id="owner" value="owner" style="width: 20px; display: inline;" /> I am a Business Owner<br />
                                <input type="radio" name="regotype" class="regotype" id="manager" value="manager" style="width: 20px; display: inline;" /> I am an Employer/Manager<br />
                                <input type="radio" name="regotype" class="regotype" id="employee" value="employee" style="width: 20px; display: inline;" /> I am an Employee
                            </div>
                            <div class="form-group" style="margin-bottom: 0 !important">
                                <div class="g-recaptcha" data-sitekey="6Lcc_bggAAAAAEReaK8cgbP_-UFwIIM6oD3JydEb"></div>
                            </div>
                            <button type="button" name="signup" id="signup" class="form-submit" style="border: 0">Register Now</button>
                        </form>
                    </div>
                    <div class="signup-image">
                        <figure>
                            <a href="/" title="erly WORKR Homepage">
                                <img src="/images/logo.png" width="100%" alt="erly WORKR - HR/Payroll, Workforce Management & More" /><br /><img src="/images/erly-accounting.png" style="width: 294px" alt="WORKR" title="WORKR" />
                            </a>
                        </figure>
                        <strong>Startup Discount (50% off for 12 months)</strong><br />If you are a start up with less than 10 employees &amp; operating for less than 3 years you are eligible for our discount. Contact us after registration.
                    </div>
                </div>
                <div class="text-center m-1" style="padding:15px;color:#777">Note: No need for payment details at this stage! You are automatically placed on the 30 Day FREE Premium Trial &amp; switched back to Freemium if you decide not to take up a Paid Subscription.</div>
            </div>
        </section>
    </div>
    
<script src="//www.google.com/recaptcha/api.js"></script>
<script src="vendor/jquery/jquery.min.js"></script>
<script src="/workr/static/plugin/sweetalert/sweetalert.min.js"></script>
<script src="/js/main.js"></script>
<script>
    function validateEmail($email) {
        var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
        return emailReg.test( $email );
    }

    $(function () {
        var q = getParameterByName('sent');
        switch (q) {
        case "1":
            swal('Success', 'Thank you we have set your business up on WORKR!\nPlease check your email address for your login details. Check your spam/junk folder if you don\'t see it...', 'success');
            break;
        case "2":
            swal('Error', 'System access blocked. You are trying to register multiple times. Please check your email address for login details', 'error');
            break;
        case "3":
            swal('Error', 'You have not filled in all the required fields. Please fill in it before submitting', 'error');
            break;
        case "4":
            swal('Error', 'Duplicate entry. You have already submitted your details and/or the business has already been set up on WORKR. Please contact us at workr@owna.com.au', 'error');
            break;
        case "robot":
            swal('Error', 'Please confirm that you are NOT a ROBOT', 'error');
                break;
        case "spammer":
            swal('Error', 'Your IP Address has been logged as we believe this is SPAM.', 'error');
            break;
        }

        $('.regotype').on("change click", function () {
            if ($(this).val() === 'employee')
                $('#signup').addClass('d-none');
            else
                $('#signup').removeClass('d-none');
        });

        $("#signup").click(function () {
            $("#signup").attr("disabled", true);
            $('#signup').text('Processing, please wait....');

            /* Validate Form first */
            if ($('#name').val() === '') {
                swal('Error', 'Your Name is required. Please fill it in and try again....', 'error');
                $("#signup").attr("disabled", false);
                $('#signup').text('Submit Again');
                return;
            }

            if ($('#email').val() === '') {
                swal('Error', 'Your Email Address is required. Please fill it in and try again....', 'error');
                $("#signup").attr("disabled", false);
                $('#signup').text('Submit Again');
                return;
            }

            if (!validateEmail($('#email').val())) {
                swal('Error', 'Your Email Address is invalid. Please fill it in and try again....', 'error');
                $("#signup").attr("disabled", false);
                $('#signup').text('Submit Again');
                return; }

            if ($('#business').val() === '') {
                swal('Error', 'Your Business/Company Name is required. Please fill it in and try again....', 'error');
                $("#signup").attr("disabled", false);
                $('#signup').text('Submit Again');
                return;
            }

            if ($("input[name='package']:checked").val() === undefined) {
                swal('Error', 'Please select a Package and try again....', 'error');
                $("#signup").attr("disabled", false);
                $('#signup').text('Submit Again');
                return;
            }

            var businessName = $("#business").val().replaceAll("!", "");
            /* push to mailchimp first. note: it will return js errors due to CORS but will still work */
            $.ajax({
                method: "POST",
                crossDomain: true,
                dataType: 'json',
                url: 'https://owna.us15.list-manage.com/subscribe/post?u=7fd8be98667580467b4dd755d&amp;id=5c520d3496',
                data: {
                    EMAIL: $("#email").val(),
                    FNAME: $("#name").val(),
                    LNAME: businessName,
                    b_7fd8be98667580467b4dd755d_5c520d3496: ""
                }
            });

            $('#form-signup').submit();
        });
    });
</script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-H1LXYGHQ2C"></script>
<script>
    window.dataLayer = window.dataLayer || [];
    function gtag() { dataLayer.push(arguments); }
    gtag('js', new Date());

    gtag('config', 'G-H1LXYGHQ2C');
</script>
</body>
</html>