Database Error. System Administrator has been notified and this problem will be solved as soon as possible. We are sorry for the inconvenience.Database Error. System Administrator has been notified and this problem will be solved as soon as possible. We are sorry for the inconvenience.Database Error. System Administrator has been notified and this problem will be solved as soon as possible. We are sorry for the inconvenience.Database Error. System Administrator has been notified and this problem will be solved as soon as possible. We are sorry for the inconvenience.Database Error. System Administrator has been notified and this problem will be solved as soon as possible. We are sorry for the inconvenience.Database Error. System Administrator has been notified and this problem will be solved as soon as possible. We are sorry for the inconvenience.Database Error. System Administrator has been notified and this problem will be solved as soon as possible. We are sorry for the inconvenience.Database Error. System Administrator has been notified and this problem will be solved as soon as possible. We are sorry for the inconvenience.Database Error. System Administrator has been notified and this problem will be solved as soon as possible. We are sorry for the inconvenience.Database Error. System Administrator has been notified and this problem will be solved as soon as possible. We are sorry for the inconvenience.Database Error. System Administrator has been notified and this problem will be solved as soon as possible. We are sorry for the inconvenience.Database Error. System Administrator has been notified and this problem will be solved as soon as possible. We are sorry for the inconvenience.Database Error. System Administrator has been notified and this problem will be solved as soon as possible. We are sorry for the inconvenience.Database Error. System Administrator has been notified and this problem will be solved as soon as possible. We are sorry for the inconvenience.Database Error. System Administrator has been notified and this problem will be solved as soon as possible. We are sorry for the inconvenience.Database Error. System Administrator has been notified and this problem will be solved as soon as possible. We are sorry for the inconvenience.Database Error. System Administrator has been notified and this problem will be solved as soon as possible. We are sorry for the inconvenience.Database Error. System Administrator has been notified and this problem will be solved as soon as possible. We are sorry for the inconvenience.Database Error. System Administrator has been notified and this problem will be solved as soon as possible. We are sorry for the inconvenience.Database Error. System Administrator has been notified and this problem will be solved as soon as possible. We are sorry for the inconvenience.Database Error. System Administrator has been notified and this problem will be solved as soon as possible. We are sorry for the inconvenience.Database Error. System Administrator has been notified and this problem will be solved as soon as possible. We are sorry for the inconvenience.Database Error. System Administrator has been notified and this problem will be solved as soon as possible. We are sorry for the inconvenience.Database Error. System Administrator has been notified and this problem will be solved as soon as possible. We are sorry for the inconvenience.Database Error. System Administrator has been notified and this problem will be solved as soon as possible. We are sorry for the inconvenience.Database Error. System Administrator has been notified and this problem will be solved as soon as possible. We are sorry for the inconvenience.Database Error. System Administrator has been notified and this problem will be solved as soon as possible. We are sorry for the inconvenience.Database Error. System Administrator has been notified and this problem will be solved as soon as possible. We are sorry for the inconvenience.Database Error. System Administrator has been notified and this problem will be solved as soon as possible. We are sorry for the inconvenience.Database Error. System Administrator has been notified and this problem will be solved as soon as possible. We are sorry for the inconvenience.Database Error. System Administrator has been notified and this problem will be solved as soon as possible. We are sorry for the inconvenience.Database Error. System Administrator has been notified and this problem will be solved as soon as possible. We are sorry for the inconvenience.Database Error. System Administrator has been notified and this problem will be solved as soon as possible. We are sorry for the inconvenience.Database Error. System Administrator has been notified and this problem will be solved as soon as possible. We are sorry for the inconvenience.Database Error. System Administrator has been notified and this problem will be solved as soon as possible. We are sorry for the inconvenience.Database Error. System Administrator has been notified and this problem will be solved as soon as possible. We are sorry for the inconvenience.Database Error. System Administrator has been notified and this problem will be solved as soon as possible. We are sorry for the inconvenience.Database Error. System Administrator has been notified and this problem will be solved as soon as possible. We are sorry for the inconvenience.Database Error. System Administrator has been notified and this problem will be solved as soon as possible. We are sorry for the inconvenience.Database Error. System Administrator has been notified and this problem will be solved as soon as possible. We are sorry for the inconvenience.Database Error. System Administrator has been notified and this problem will be solved as soon as possible. We are sorry for the inconvenience.Database Error. System Administrator has been notified and this problem will be solved as soon as possible. We are sorry for the inconvenience.Database Error. System Administrator has been notified and this problem will be solved as soon as possible. We are sorry for the inconvenience.Database Error. System Administrator has been notified and this problem will be solved as soon as possible. We are sorry for the inconvenience.
<!DOCTYPE html>
<html lang="en">
<head>
    <!-- Google Tag Manager code -->
    
    <meta charset="UTF-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/>

    <title>ART JELLY HOUSE - Claim this Listing | Markham City</title>
    <meta name="author" content="Arca Solutions" />

    
    <!-- This function returns the favicon tag. Do not change this line. -->
    <link rel="shortcut icon" type="image/x-icon" href="https://markhamcity.ca/custom/domain_1/content_files/favicon_860845.ico"/>
    <link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
    <link href="https://markhamcity.ca/assets/default/styles/style.min.css" rel="stylesheet"/>

    <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet"><link href="https://fonts.googleapis.com/css?family=Rubik" rel="stylesheet"><style>:root {--brand-base: #222831;
--brand-dark: #181c22;
--brand-light: #434850;
--brand-transp-50: rgba(34, 40, 49, 0.5);
--brand-transp-40: rgba(34, 40, 49, 0.6);
--brand-transp-20: rgba(34, 40, 49, 0.8);
--highlight-base: #f05454;
--highlight-dark: #cc4747;
--highlight-dark-2: #a83b3b;
--highlight-light: #f26e6e;
--highlight-light-2: #f58787;
--highlight-transp-10: rgba(240, 84, 84, 0.1);
--highlight-transp-50: rgba(240, 84, 84, 0.5);
--color-base: #30475e;
--neutral-base: #30475e;
--neutral-transp-80: rgba(48, 71, 94, 0.8);
--neutral-transp-75: rgba(48, 71, 94, 0.75);
--neutral-transp-50: rgba(48, 71, 94, 0.5);
--neutral-transp-25: rgba(48, 71, 94, 0.25);
--neutral-transp-20: rgba(48, 71, 94, 0.2);
--neutral-transp-15: rgba(48, 71, 94, 0.15);
--neutral-transp-10: rgba(48, 71, 94, 0.1);
--neutral-transp-5: rgba(48, 71, 94, 0.05);
--badge-base: #ffc800;
--badge-light: #ffd94d;
--link-base: #30475e;
--link-dark: #223242;
--success-base: #6cbf13;
--success-dark: #4c860d;
--success-dark-2: #2b4c08;
--success-light: #c4e5a1;
--success-light-2: #f0f9e7;
--success-transp-25: rgba(108, 191, 19, 0.75);
--success-transp-15: rgba(108, 191, 19, 0.85);
--success-transp-10: rgba(108, 191, 19, 0.9);
--warning-base: #fc5353;
--warning-dark: #b03a3a;
--warning-dark-2: #652121;
--warning-light: #febaba;
--warning-light-2: #fee;
--warning-transp-25: rgba(252, 83, 83, 0.75);
--warning-transp-15: rgba(252, 83, 83, 0.85);
--warning-transp-10: rgba(252, 83, 83, 0.9);
--attention-base: #ffae00;
--attention-dark: #b37a00;
--attention-dark-2: #664600;
--attention-light: #ffdf99;
--attention-light-2: #fff7e6;
--attention-transp-25: rgba(255, 174, 0, 0.75);
--attention-transp-15: rgba(255, 174, 0, 0.85);
--attention-transp-10: rgba(255, 174, 0, 0.9);
--color-black-transp-90: rgba(0, 0, 0, 0.9);
--color-black-transp-75: rgba(0, 0, 0, 0.75);
--color-black-transp-65: rgba(0, 0, 0, 0.65);
--color-black-transp-55: rgba(0, 0, 0, 0.55);
--color-black-transp-50: rgba(0, 0, 0, 0.5);
--color-black-transp-25: rgba(0, 0, 0, 0.25);
--color-black-transp-10: rgba(0, 0, 0, 0.1);
--color-black-transp-5: rgba(0, 0, 0, 0.05);
--color-white-transp-85: rgba(255, 255, 255, 0.85);
--color-white-transp-75: rgba(255, 255, 255, 0.75);
--color-white-transp-50: rgba(255, 255, 255, 0.5);
--color-white-transp-25: rgba(255, 255, 255, 0.25);
--color-white-dark-10: #e6e6e6;
--color-white-dark-5: #f2f2f2;
--border-radius: 3px;--border-radius-input: 3px;--border-radius-button: 3px;--border-radius-icon: 3px;--font-size-base: 16px;--paragraph-font: Roboto:100,300,500,700,900;--font-family-base: Roboto:100,300,500,700,900;--heading-font: Rubik:300,500,700,900;</style>
    <!-- CUSTOM CSS -->
    </head>

<body>
    <!-- Google Tag Manager code -->
    
        <header class="header" data-type="1" is-sticky="false" is-inverse="true" has-opacity="false" has-mod="">
        <div class="header-bar" data-align="right">
            <div class="container">
                <div class="wrapper">
                    <a href="https://markhamcity.ca/advertise" class="bar-link">List with Us</a>
                                            <a href="javascript:void(0);" data-modal="login" id="navbar-signin" class="bar-link bar-button">Sign In</a>
                                    </div>
            </div>
        </div>
        <div class="header-content">
            <div class="container">
                <div class="wrapper">
                    <div class="content-left">
                        <a href="https://markhamcity.ca" target="_parent" title="Markham City" class="header-logo" style="background-image: url(https://markhamcity.ca/custom/domain_1/content_files/img_logo.png?1741692186)"></a>
                    </div>
                    <nav class="header-navbar">
                                    <a href="https://markhamcity.ca/" class="navbar-link">Home</a>
                <a href="https://markhamcity.ca/listing" class="navbar-link">Business Listings</a>
                <a href="https://markhamcity.ca/article" class="navbar-link">Featured Businesses</a>
                <a href="https://markhamcity.ca/contactus" class="navbar-link">Contact us</a>
    
                        <div class="navbar-more">
                            <div class="more-label">More <i class="fa fa-angle-up"></i></div>
                            <div class="more-content"></div>
                        </div>
                    </nav>
                    <div class="content-mobile">
                        <button class="toggler-button navbar-toggler"><i class="fa fa-bars"></i></button>
                    </div>
                </div>
            </div>
        </div>
        <div class="navbar-mobile">
                            <nav class="navbar-links">
                    <a href="javascript:void(0);" data-modal="login" id="navbar-signin" class="bar-link bar-button">Sign In</a>
                </nav>
            
            <nav class="navbar-links">
                            <a href="https://markhamcity.ca/" class="navbar-link">Home</a>
                <a href="https://markhamcity.ca/listing" class="navbar-link">Business Listings</a>
                <a href="https://markhamcity.ca/article" class="navbar-link">Featured Businesses</a>
                <a href="https://markhamcity.ca/contactus" class="navbar-link">Contact us</a>
                </nav>
            <nav class="navbar-links">
                <a href="https://markhamcity.ca/advertise" class="navbar-link">
                    List with Us                </a>
            </nav>
        </div>
    </header>

    <div class="section-headers" data-align="" data-bg="brand">
        <div class="container">
            <div class="wrapper ">
                <div class="content">
                    <h2 class="heading h-2">Claiming "ART JELLY HOUSE"</h2>
                                            <div class="paragraph p-2">QUICK AND EASY. JUST FOLLOW THE 3 STEPS</div>
                                    </div>
                            </div>
        </div>
    </div>
    <div class="claim-signup-breadcrumb">
        <div class="breadcrumb-item" is-active="true">
            <strong>1:</strong> Account Signup        </div>
        <div class="breadcrumb-item">
            <strong>2:</strong> Update your Listing        </div>
        			<div class="breadcrumb-item">
				<strong>3:</strong> Check Out			</div>
		    </div>
    <div class="modal-default modal-sign keep-style modal-sign-claim" is-page="true">
        <div class="modal-content">
            <div class="modal-nav text-center">
                <a href="#" class="heading modal-nav-link active" data-tab="sign-up">Register</a>
                <a href="#" class="heading modal-nav-link" data-tab="sign-in">Sign In</a>
                <div class="selected-arrow"></div>
            </div>
            <div class="modal-body">
                <div class="content-tab content-sign-up active" id="sign-up">
                                        <form role="form" class="modal-form" name="signup_claim" method="post" action="/listing/claim/art-jelly-house">
                        <input type="hidden" name="claim" value="true" />
                        <input type="hidden" name="claimlistingid" id="claimlistingid" value="13760" />
                        
    <div class="form-group hidden">
    <label for="email_3">Email</label>
    <input type="text" id="email_3" name="email_3">
</div>    <div class="form-box">
        <input class="input custom-input-size" type="text" name="first_name" id="first_name" value="" placeholder="First name" required/>
        <input class="input custom-input-size" type="text" name="last_name" id="last_name" value="" placeholder="Last name" required/>
        <input class="input custom-input-size" type="email" name="username" id="username_claim" value="" maxlength="80" onblur="populateField(this.value,'email');" placeholder="E-mail" required/>
        <input type="hidden" name="email" id="email" value="" />
        <input class="input custom-input-size" placeholder="Password" id="password_claim" type="password" name="password" maxlength="50" required/>

            </div>

    <div class="form-captcha">
                        <img src="/generate-captcha/gcb_accountCaptcha" alt="captcha" title="captcha" width="150" height="50"/>
                        <input type="text" value="" name="accountCaptcha" class="input" />
                    </div>
                    
    <div class="form-button">
                    <button class="button button-bg is-primary" type="submit" value="Submit">Register</button>
            </div>

    
            <small class="privacy-policy">By signing up, you agree to our <a rel="nofollow" href="https://markhamcity.ca/terms" target="_blank">Terms of Service</a> and <a rel="nofollow" href="https://markhamcity.ca/privacy" target="_blank">Privacy Policy</a>.        </small>
                        </form>
                </div>

                <div class="content-tab content-sign-in" id="sign-in">
                                                            <form role="form" class="modal-form" name="formDirectory" method="post" action="https://markhamcity.ca/sponsors/login.php?destiny=/sponsors/claim/getlisting.php&amp;query=claimlistingid=13760">
                        <input type="hidden" name="claim" value="yes" />
                        
        <input type="hidden" name="destiny" value="" />
        <input type="hidden" name="query" value="" />

    
        
        <input type="email" name="username" id="username" value="" placeholder="E-mail Address" class="input" style="margin-top: 0;" required>
        <input type="password" name="password" id="password" value="" placeholder="Password" class="input" required>
        <div class="form-actions">
            <label class="form-remember">
                <input type="checkbox" name="automatic_login" value="1" >
                Sign me in automatically            </label>
                            <div class="form-lost-password">
                    <a href="https://markhamcity.ca/sponsors/forgot.php" rel="nofollow" class="link">
                        Forgot your password?                    </a>
                </div>
                    </div>
        <div class="form-button">
            <button class="button button-bg is-primary" type="submit">Log in</button>
        </div>

	                    </form>
                </div>
            </div>
        </div>
    </div>

<div class="modal-default modal-sign">
    <div class="modal-content">
        <div class="modal-nav">
                            <a href="javascript:void(0);" class="heading modal-nav-link active"
                   data-tab="sign-in">Sign In</a>
                <a href="javascript:void(0);" class="heading modal-nav-link"
                   data-tab="sign-up">Register</a>
                <div class="selected-arrow"></div>
                        <a href="javascript:void(0);" class="modal-close-button" data-modal="close"><i class="fa fa-close"></i></a>
        </div>
        <div class="modal-body">
            <div class="content-tab content-sign-in active" id="sign-in">
                                <form action="https://markhamcity.ca/profile/login.php?userperm=true" class="modal-form" method="post">
                    <input type="email" name="username" class="input" placeholder="Email" required>
                    <input type="password" name="password" class="input" placeholder="Password" required>
                    <input type="hidden" name="action" value="">
                    <input type="hidden" name="item_id" value="">
                    <div class="form-actions">
                        <label class="form-remember">
                            <input type="checkbox" name="remember">
                            Remember me
                        </label>
                        <div class="form-lost-password">
                            <a href="https://markhamcity.ca/profile/forgot.php" class="link">Forgot your password?</a>
                        </div>
                    </div>
                    <div class="form-button">
                        <button type="submit" id="login_submit"
                                class="button button-bg is-primary">Log In</button>
                    </div>
                </form>
                                    <small class="privacy-policy">By signing up, you agree to our <a href="/terms" class="link">Terms of Service</a> and <a href="/privacy" class="link">Privacy Policy</a>.</small>
                            </div>
                            <div class="content-tab content-sign-up" id="sign-up">
                                        <form action="https://markhamcity.ca/profile/add.php?userperm=true" class="modal-form" method="post">
                        <input type="text" name="first_name" class="input" placeholder="First Name" required>
                        <input type="text" name="last_name" class="input" placeholder="Last Name" required>
                        <input type="email" name="username" class="input" placeholder="Email" required>
                        <div class="form-group hidden">
    <label for="email_2">Email</label>
    <input type="text" id="email_2" name="email_2">
</div>
                        <input type="password" name="password" class="input" placeholder="Password" required>
                        <input type="hidden" name="referer" value="https://markhamcity.ca/listing/claim/art-jelly-house?claim=art-jelly-house">
                        <input type="hidden" name="action" value="">
                        <input type="hidden" name="item_id" value="">
                                                    <div id="form"><div class="form-group"><div class="form-captcha"><img id="captcha_67d01d1cc4865" src="/generate-captcha/gcb_registerCaptcha" alt="captcha" title="captcha"width="150" height="40"/><input type="text" id="form_registerCaptcha" name="form[registerCaptcha]" required="required" class="input" /><script type="text/javascript">
                            function reload_captcha_67d01d1cc4865() {
                                var img = document.getElementById('captcha_67d01d1cc4865');
                                img.src = '/generate-captcha/gcb_registerCaptcha?n=' + (new Date()).getTime();
                            }
                        </script></div></div><input type="hidden" id="form__token" name="form[_token]" class="input" value="3Hv47LJ5t3kpgD91VqIcjg65VF7nb2Lc2VEHO9-NH_8" /></div>                                                <div class="form-button">
                            <button id="register_submit" type="submit"
                                    class="button button-bg is-primary">Register</button>
                        </div>
                    </form>
                                            <small class="privacy-policy">By signing up, you agree to our <a href="/terms" class="link">Terms of Service</a> and <a href="/privacy" class="link">Privacy Policy</a>.</small>
                                    </div>
                    </div>
    </div>
</div>

    <!-- Footer Begin -->
    <footer class="footer" data-type="1" is-inverse="false">
        <div class="footer-content">
            <div class="container">
                <div class="wrapper">
                    
    <div class="footer-item" data-content="site-content">
        <div class="heading footer-item-title">
            Site Content        </div>
        <div class="footer-item-content">
                                <a href="https://markhamcity.ca/" class="link-footer">
                        Home                    </a>
                                    <a href="https://markhamcity.ca/listing" class="link-footer">
                        Listings                    </a>
                                    <a href="https://markhamcity.ca/event" class="link-footer">
                        Events                    </a>
                                    <a href="https://markhamcity.ca/classified" class="link-footer">
                        Classifieds                    </a>
                                    <a href="https://markhamcity.ca/article" class="link-footer">
                        Articles                    </a>
                                    <a href="https://markhamcity.ca/deal" class="link-footer">
                        Deals                    </a>
                                    <a href="https://markhamcity.ca/blog" class="link-footer">
                        Blog                    </a>
                                    <a href="https://markhamcity.ca/advertise" class="link-footer">
                        Advertise                    </a>
                                    <a href="https://markhamcity.ca/contactus" class="link-footer">
                        Contact us                    </a>
                                    <a href="https://markhamcity.ca/faq" class="link-footer">
                        FAQ                    </a>
                                    <a href="https://markhamcity.ca/terms" class="link-footer">
                        Terms of Use                    </a>
                                    <a href="https://markhamcity.ca/privacy" class="link-footer">
                        Privacy Policy                    </a>
                        </div>
    </div>

                    
                    
                    
                                    </div>
            </div>
        </div>
            </footer>
    <!-- Footer End -->

<!-- Auxiliary vars -->
<script>
    DEFAULT_URL = "https://markhamcity.ca";
    MEMBERS_ALIAS = "sponsors";
    DATEPICKER_FORMAT = 'mm/dd/yyyy';
    DATEPICKER_LANGUAGE = 'en_us';
</script>

<!-- Core Scripts -->

<!-- Modernizr -->
<script src="https://markhamcity.ca/sitemgr/assets/js/modernizr.custom.13060.js"></script>

<!-- jQuery -->
<script src="https://markhamcity.ca/sitemgr/assets/js/jquery-1.11.1.min.js"></script>

<!-- jQuery - Sortable package only -->
<script src="https://markhamcity.ca/sitemgr/assets/js/jquery-ui-1.11.1.min.js"></script>

<!-- Bootstrap -->
<script src="https://markhamcity.ca/sitemgr/assets/js/bootstrap.min.js"></script>

<!-- External Plugins -->

<!--Bootstrap Date Picker-->
<script src="https://markhamcity.ca/sitemgr/assets/js/bootstrap-datepicker-master/bootstrap-datepicker.js"></script>

<!--Moment-->
<script src="https://markhamcity.ca/sitemgr/assets/js/moment/moment-with-locales.min.js"></script>

<!-- Jquery Time Picker-->
<script src="https://markhamcity.ca/sitemgr/assets/js/bootstrap-timepicker/bootstrap-timepicker.js"></script>

<!-- Bootstrap bootbox-->
<script src="https://markhamcity.ca/sitemgr/assets/js/bootstrap-bootbox/bootbox.min.js"></script>
<script src="https://markhamcity.ca/assets/js/lib/smartbanner/jquery.smartbanner.js"></script>

<!-- Lazyload -->
<script src="https://markhamcity.ca/assets/js/lib/lazyload.min.js"></script>

<script src="https://markhamcity.ca/assets/js/modal/modal.js"></script>

<!-- Bootstrap bootbox Locales-->
<script>
    bootbox.setDefaults({
        /**
         * @optional String
         * @default: en
         * which locale settings to use to translate the three
         * standard button labels: OK, CONFIRM, CANCEL
         */
        locale: "en_us"
    });
</script>

<!-- Additional scripts -->
<script src="https://markhamcity.ca/lang/en_us.js"></script>
<script src="https://markhamcity.ca/scripts/specialChars.js"></script>
<script src="https://markhamcity.ca/scripts/common.js"></script>
<script src="https://markhamcity.ca/scripts/orders.js"></script>
<script src="https://markhamcity.ca/assets/js/widgets/newsletter/newsletter.js"></script>


<script src="/bundles/fosjsrouting/js/router.js"></script>
<script src="/js/routing?callback=fos.Router.setData"></script>

<script>

    $(document).ready(function() {

        
        
    });

    function orderCalculate() {

        var xmlhttp;

        try {
            xmlhttp = new XMLHttpRequest();
        } catch (e) {
            try {
                xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
            } catch (e) {
                try {
                    xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
                } catch (e) {
                    xmlhttp = false;
                }
            }
        }

        if (document.getElementById("check_out_payment")) document.getElementById("check_out_payment").className = "isHidden";
        $("#check_out_payment_2").removeClass("isVisible").addClass("isHidden");
        if (document.getElementById("check_out_free")) document.getElementById("check_out_free").className = "isHidden";
        $("#check_out_free_2").removeClass("isVisible").addClass("isHidden");
        if (document.getElementById("loadingOrderCalculate")) document.getElementById("loadingOrderCalculate").style.display = "";
        if (document.getElementById("loadingOrderCalculate")) document.getElementById("loadingOrderCalculate").innerHTML = "Wait, Loading...";
        if (xmlhttp) {
            xmlhttp.onreadystatechange = function() {
                if (xmlhttp.readyState == 4) {
                    if (xmlhttp.status == 200) {
                        var price = xmlhttp.responseText;
                        var arrPrice = price.split("|");
                        var html = "";
                        var tax_status = '';
                        var tax_info = "";
                                                if (arrPrice[0] > 0) {
                            if (tax_status == "on") {
                                html += "<strong>Subtotal Amount: </strong>$"+arrPrice[0].substring(0, arrPrice[0].length-2)+"."+arrPrice[0].substring(arrPrice[0].length-2, arrPrice[0].length);
                                html += "<br /><strong>Tax Amount: </strong>$"+arrPrice[1].substring(0, arrPrice[1].length-2)+"."+arrPrice[1].substring(arrPrice[1].length-2, arrPrice[1].length);
                                html += "<br /><strong>Total Price: </strong>$"+arrPrice[2].substring(0, arrPrice[2].length-2)+"."+arrPrice[2].substring(arrPrice[2].length-2, arrPrice[2].length);
                                tax_info = "+%  (" + "$"+arrPrice[2].substring(0, arrPrice[2].length-2)+"."+arrPrice[2].substring(arrPrice[2].length-2, arrPrice[2].length) + ")";
                            } else {
                                html += "<strong>Total Price: </strong>$"+arrPrice[0].substring(0, arrPrice[0].length-2)+"."+arrPrice[0].substring(arrPrice[0].length-2, arrPrice[0].length);
                            }
                            $("#free_item").attr("value", "0");
                            if (document.getElementById("check_out_payment")) document.getElementById("check_out_payment").className = "isVisible";
                            $("#check_out_payment_2").addClass("isVisible").removeClass("isHidden");
                            if (document.getElementById("payment-method")) document.getElementById("payment-method").className = "isVisible";
                            if (document.getElementById("checkoutpayment_total")) document.getElementById("checkoutpayment_total").innerHTML = html;
                            $("#checkout_steps").addClass("isVisible").removeClass("isHidden");
                        } else {
                            $("#free_item").attr("value", "1");
                            if (document.getElementById("check_out_free")) document.getElementById("check_out_free").className = "isVisible";
                            $("#check_out_free_2").addClass("isVisible").removeClass("isHidden");
                            if (document.getElementById("payment-method")) document.getElementById("payment-method").className = "isHidden";
                            if (document.getElementById("checkoutfree_total")) document.getElementById("checkoutfree_total").innerHTML = "<strong>Total Price: </strong>FREE";
                            $("#checkout_steps").addClass("isHidden").removeClass("isVisible");
                        }
                                                if (document.getElementById("loadingOrderCalculate")) document.getElementById("loadingOrderCalculate").style.display = "none";
                        if (document.getElementById("loadingOrderCalculate")) document.getElementById("loadingOrderCalculate").innerHTML = "";
                    }
                }
            }
            var get_level = "";
            if (document.order_item.level) get_level = "&level=" + document.order_item.level.value;

            var get_categories = "";
            if (document.order_item.return_categories) get_categories = "&categories=" + document.order_item.return_categories.value.split(',').length;

            var get_listingtemplate_id = "";
            if (document.order_item.select_listingtemplate_id) get_listingtemplate_id = "&listingtemplate_id=" + document.order_item.select_listingtemplate_id.value;

            var get_discount_id = "";
            if (document.order_item.discount_id) get_discount_id = (document.order_item.discount_id ? document.order_item.discount_id.value : 0);

            var get_type = "";
            if (document.order_item.type) get_type = "&type=" + document.order_item.type.value;

            var get_renewal_period = "";
            if ($('#renewal_radio').val()) {
                get_renewal_period = $('#renewal_radio').val();
            } else {
                get_renewal_period = $('input:radio[name=renewal_period]:checked').val();
            }

            xmlhttp.open("GET", "https://markhamcity.ca/ordercalculateprice.php?item=&item_id="+get_level+get_categories+get_listingtemplate_id+"&discount_id="+get_discount_id+get_type+"&renewal_period="+get_renewal_period, true);
            xmlhttp.send(null);
        }
    }

    
    
    function updateFormAction() {
        var levelValue = "";
        var titleValue = "";
        var templateValue = "";
        var categValue = "";
        var discountValue = "";
        var packageValue = "";
        var packageID = "";
        var startDateValue = "";
        var endDateValue = "";
        var expirationValue = "";
        var advertiseItem = "";
        var get_renewal_period = "";

        //Get level/type
        if (document.order_item.level) {
            levelValue = "level=" + document.order_item.level.value;
        } else if (document.order_item.type) {
            levelValue = "type=" + document.order_item.type.value;
        }

        //Get Title/Caption
        if (document.order_item.title) {
            titleValue = "&title=" + urlencode(document.order_item.title.value);
        } else if (document.order_item.caption) {
            titleValue = "&caption=" + urlencode(document.order_item.caption.value);
        }

        //Get Template ID
        if (document.order_item.select_listingtemplate_id) {
            templateValue = "&listingtemplate_id=" + document.order_item.select_listingtemplate_id.value;
        }

        //Get Discount
        if (document.order_item.discount_id) {
            discountValue = "&discount_id=" + (document.order_item.discount_id ? document.order_item.discount_id.value : 0);
        }

        //Get Start Date (event)
        if (document.order_item.start_date) {
            startDateValue = "&start_date=" + document.order_item.start_date.value;
        }

        //Get End Date (event)
        if (document.order_item.end_date) {
            endDateValue = "&end_date=" + document.order_item.end_date.value;
        }

        
        //Get package
        if ($("#using_package").val() == "y") {
            packageID = $("#aux_package_id").val();
            packageValue = "&package_id="+packageID;
        } else if (advertiseItem == "article") {
            packageID = "skipPackageOffer";
            packageValue = "&package_id="+packageID;
        }

        if ($('#renewal_radio').val()) {
            get_renewal_period = $('#renewal_radio').val();
        } else {
            get_renewal_period = $('input:radio[name=renewal_period]:checked').val();
        }

        if (document.formDirectory != undefined)	document.formDirectory.action = "&query=" + levelValue + templateValue + titleValue + categValue + discountValue + packageValue + startDateValue + endDateValue + expirationValue;

            }

    function getFacebookImage() {

        $("#image_fb").html("<img src=\"" + DEFAULT_URL + "/assets/images/structure/img_loading.gif\" alt=\"\" />").addClass('loading-picture');

        $.post(DEFAULT_URL + "/sponsors/ajax.php", {
            ajax_type: 'getFacebookImage',
            id: ''
        }, function(newImage) {
            var eURL = /http(s)?:\/\/([\w-]+\.)+[\w-]+(\/[\w- ./?%&=]*)?/
            var arrInfo = newImage.split("[FBIMG]");
            var imgSize = "";

            if (arrInfo[0] && eURL.exec(arrInfo[0])) {
                $("#facebook_image").val(arrInfo[0]);
                if (arrInfo[1] && arrInfo[2]) {
                    var w = parseInt(arrInfo[1]);
                    var h = parseInt(arrInfo[2]);

                    imgSize = " width=\"" + w + "\" ";
                    imgSize += " height=\"" + h + "\" ";
                } else {
                    imgSize = " width=\"130\" ";
                    imgSize += " height=\"130\" ";
                }
                $("#image_fb").html("<img src=\"" + arrInfo[0] + "\" " + imgSize + " alt=\"\" />");
                if ($("#message").text() == "Error uploading image. Please try again.") {
                    $("#message").removeClass("errorMessage");
                    $("#message").text("");
                }
            } else if (!eURL.exec(arrInfo[0])) {
                $("#facebook_image").val("");
                $("#image_fb").html('<img class="user-picture" width="100" height="100" src="/assets/images/user-image.png">');
                $("#message").removeClass("successMessage");
                $("#message").removeClass("informationMessage");
                $("#message").addClass("errorMessage");
                $("#message").text("Error uploading image. Please try again.");
            }
        });
    }

    function profileStatus(check_id) {
        var check = $("#" + check_id).data("value");

        $.post(DEFAULT_URL + "/profile/edit.php", {
            action: "changeStatus",
            has_profile: check,
            account_id: '',
            ajax: true
        });

    }

    function validateFriendlyURL(friendly_url, current_acc) {

        $("#URL_ok").css("display", "none");
        $("#URL_notok").css("display", "none");

        if (friendly_url) {

            $("#loadingURL").css("display", "");

            $.get(DEFAULT_URL + "/check_friendlyurl.php", {
                type: "profile",
                friendly_url: friendly_url,
                current_acc : current_acc
            }, function (response) {
                if ($.trim(response) == "ok") {
                    $("#urlSample").html(friendly_url);
                    $("#URL_ok").css("display", "");
                    $("#URL_notok").css("display", "none");
                } else {
                    $("#URL_ok").css("display", "none");
                    $("#URL_notok").css("display", "");
                }
                $("#loadingURL").css("display", "none");
            });
        } else {
            $("#URL_ok").css("display", "none");
            $("#URL_notok").css("display", "none");
        }
    }

    function removePhoto() {
        $.post(DEFAULT_URL + "/profile/edit.php", {
            action: "removePhoto",
            account_id: '',
            ajax: true
        }, function(){
            $("#facebook_image").attr("value", "");
            $("#linkRemovePhoto").addClass('hidden');
            $("#image_fb").html('<img class="user-picture" width="100" height="100" src="/assets/images/user-image.png">');
        });
    }

    function uploadProfilePicture() {
        $("#account").vPB({
            url: DEFAULT_URL + "/profile/edit.php?action=uploadPhoto&ajax=1",
            success: function(response)
            {
                strReturn = response.split("||");

                if (strReturn[0] == "ok") {
                    $("#returnMessage").hide();
                    $("#image_fb").hide().fadeIn('slow').html(strReturn[1]);
                    $('#linkRemovePhoto').removeClass('hidden');
                } else {
                    $("#returnMessage").removeClass("alert-success");
                    $("#returnMessage").removeClass("alert-warning");
                    $("#returnMessage").addClass("alert-warning");
                    $("#returnMessage").html(strReturn[1]);
                    $("#returnMessage").show();
                }
                btn = $('.action-save');
                btn.button('reset');
            }
        }).submit();
    }

        /*
        @todo Refatorar essa abordagem
    */
    var moveSelectedArrow = function(el){
        var navLeft  = el.find(".modal-nav").offset().left;
        var linkLeft = el.find(".modal-nav-link.active").offset().left;
        el.find(".modal-nav .selected-arrow").css("left", Math.round((linkLeft - navLeft)) + 24);
    };

    var changeTabContent = function(el, tab){
        setContentHeight(el);
        el.find(".content-tab").removeClass("active");
        el.find("#"+tab).addClass("active");
    };

    var setContentHeight = function(el){
        var activeItem = el.find(".modal-nav-link.active").data('tab');
        var itemHeight = el.find("#"+activeItem).height();
        el.find(".modal-body").height(itemHeight);
    };

    moveSelectedArrow($(".modal-sign-claim"));
    setContentHeight($(".modal-sign-claim"));
    
</script>

<script src="/assets/js/utility/main.js"></script>


<script src="https://markhamcity.ca/scripts/jquery/auto_upload/js/file_uploads.js"></script>

<script>
    $(document).ready(function(){

        // hack to fix ckeditor/bootstrap compatibility bug when ckeditor appears in a bootstrap modal dialog
        // References:
        // http://stackoverflow.com/questions/14420300/bootstrap-with-ckeditor-equals-problems/18554395#18554395
        // http://jsfiddle.net/pvkovalev/4PACy/
        $.fn.modal.Constructor.prototype.enforceFocus = function () {
            modal_this = this
            $(document).on('focusin.modal', function (e) {
                if (modal_this.$element[0] !== e.target && !modal_this.$element.has(e.target).length
                    // add whatever conditions you need here:
                    &&
                    !$(e.target.parentNode).hasClass('cke_dialog_ui_input_select') && !$(e.target.parentNode).hasClass('cke_dialog_ui_input_text')) {
                    modal_this.$element.focus()
                }
            })
        };

        let categoryModule = $('#module').val();

        let categoryLimit;

        if(categoryModule === 'listing') {
            categoryLimit = '20';
        } else {
            categoryLimit = '5';
        }

        //Pre-fill page title
        $('#title').blur(function() {
            $('#page_title').val($('#title').val());
        });

        $(".categoryImageDeleteButton").click(function(){
            let clickedItem = $(this);

            let data = {
                action : "ajax",
                type : "removeImage",
                module : categoryModule,
                id : clickedItem.data("id"),
                domain_id : 1            };

            $.post('https://markhamcity.ca/includes/code/CategoryActionAjax.php', data).done(function (response) {
                if (response) {
                    try {
                        let data = JSON.parse(response);
                        if( typeof(data.exception) === 'undefined' ) {
                            if (data && data.status) {
                                $("#image-thumb").find("img").fadeOut(function(){
                                    $(this).remove()
                                });
                                clickedItem.addClass("hidden");
                                $('[name=image_id]').val(0);
                                $('#category-thumbnail').show();
                            }
                        } else {
                            throw data;
                        }
                    } catch (exceptionData){
                        let message = 'Unexpected error';
                        let frontMessage = message;
                        let stackTrace = '';
                        if(typeof(exceptionData.exceptionMessage) !== 'undefined'){
                            message = exceptionData.exceptionMessage;
                        }
                        if(typeof(exceptionData.exceptionStackTrace) !== 'undefined'){
                            stackTrace = exceptionData.exceptionStackTrace;
                        }
                        if(window.notify!==undefined) {
                            window.notify.error(frontMessage, '', {fadeOut: 0});
                        }
                        console.error('Error: ' + message + '; StackTrace: ' +  stackTrace);
                    }
                }
            });
        });

        $(".iconImageDeleteButton").click(function(){
            let clickedItem = $(this);

            let data = {
                action : "ajax",
                type : "removeIcon",
                module : categoryModule,
                id : clickedItem.data("id"),
                domain_id : 1            };

            $.post('https://markhamcity.ca/includes/code/CategoryActionAjax.php', data).done(function (response) {
                if (response) {
                    try{
                        let data = JSON.parse(response);
                        if( typeof(data.exception) === 'undefined' ) {

                            if (data && data.status) {
                                $("#icon-thumb").find("img").fadeOut(function(){
                                    $(this).remove()
                                });
                                clickedItem.addClass("hidden");
                                $('[name=icon_id]').val(0);
                                $('#category-icon').show();
                            }
                        } else {
                            throw data;
                        }
                    } catch (exceptionData) {
                        let message = 'Unexpected error';
                        let frontMessage = message;
                        let stackTrace = '';
                        if(typeof(exceptionData.exceptionMessage) !== 'undefined'){
                            message = exceptionData.exceptionMessage;
                        }
                        if(typeof(exceptionData.exceptionStackTrace) !== 'undefined'){
                            stackTrace = exceptionData.exceptionStackTrace;
                        }
                        if(window.notify!==undefined) {
                            window.notify.error(frontMessage, '', {fadeOut: 0});
                        }
                        console.error('Error: ' + message + '; StackTrace: ' +  stackTrace);
                    }
                }
            });
        });

        let loadSubCategoriesEvent = function() {
            let el = $(this);

            let elParent = el.parent();

            let categorieBlock = el.closest('.categories-block');
            let subCategorie = categorieBlock.next('.categories-sub-block');
            let selectParent = elParent.data('selectparent');

            subCategorie.slideToggle();
            el.toggleClass('is-active');

            loadSubCategories(el, elParent, selectParent);
        };

        $('.categories-block:not(.is-last) .categories-name').on('click', loadSubCategoriesEvent);

        $('.categories-dropdown-button').on('click', function(){
            $(this).next('.categories-dropdown-block').fadeToggle();
        });

        let dropDownCategoryOpen = false;

        let loadParentCategoriesEvent = function() {
            $('.button-browse-categories').off('click', loadParentCategoriesEvent);
                        $('.sitemgr-category-dropdown').fadeToggle();
                        dropDownCategoryOpen = true;

            let categoriesContainer = $('#categories-container');

            let onlyParents = $(this).data('onlyparents');

            let selectParents;

            selectParents = onlyParents;

            loadParentCategories(categoriesContainer, selectParents, onlyParents);
        };

        let loadParentCategoriesModalEvent = function() {
            $('.open-create-categories').off('click', loadParentCategoriesModalEvent);
            const ref = $(this).data('ref');

            $(this).toggleClass('is-open');
            $('#'+ref).slideToggle();

            let categoriesContainer = $('#categories-wrap');

            loadParentCategories(categoriesContainer, true);
        };

        $('.button-browse-categories').on('click', loadParentCategoriesEvent);

        $(document).click(function(e){
            if (dropDownCategoryOpen && !$(e.target).closest('.custom-members-category').length) {
                                $('.sitemgr-category-dropdown').fadeOut();
                                dropDownCategoryOpen = false;
            }
        });

        $('.custom-input-tree').on('click', function(){
            $(this).next('.categories-tree-new').slideToggle();
        });

        $('.categories-tree-new .btn-add').on('click', function () {
            let value = $(this).parent().prev().html();
            $('.custom-input-tree').val(value);
            $('.categories-tree-new').slideUp();
            $('.categories-tree-new .categories-sub-block').slideUp();
        });

        let typingTimer;
        let doneTypingInterval = 500;

        $('.open-create-categories').on('click', loadParentCategoriesModalEvent);

        $('.advanced-options-title').on('click', function(){
            $(this).toggleClass('is-open');
            $(this).next().slideToggle();
        });

        let modalAddCategoryEvent = function() {
            let elParent = $(this).parent();

            let itemText = elParent.text().trim();
            let itemId = elParent.data('id');

            $('#modal-category-search').hide();

            $('#parentCategory').empty().show().append('<div class="input-categories-item">' + itemText +
                ' <span class="remove-categories-item" data-id="' + itemId+ '">' +
                '<i class="fa fa-close">' +
                '</i>' +
                '</span>' +
                '</div>');

            $('.open-create-categories[data-ref="categories-wrap"]').removeClass('is-open').addClass('is-disabled');

            let categoriesContainer = $('#categories-wrap');
            categoriesContainer.empty();
            categoriesContainer.removeClass('loaded');
            categoriesContainer.slideToggle();
            $('#parent_id').val(itemId);

            $('#parentCategory .remove-categories-item').on('click', modalRemoveCategoryEvent);
        };

        $('#modal-create-categories .addCategory').on('click', modalAddCategoryEvent);

        let addCategoryEvent = function () {
            let elParent = $(this).parent();

            let itemText = elParent.text().trim();
            let itemId = elParent.data('id');
            let categories = $('#categories');
            let returnCategories = $('input[name="return_categories"]');
            if($('#categories').find("[data-id='all']").parent().length>0){
                $('#categories').find("[data-id='all']").parent().remove()
            }
            categories.append('<div class="input-categories-item">' + itemText +
                ' <span class="remove-categories-item" data-id="' + itemId+ '">' +
                '<i class="fa fa-close">' +
                '</i>' +
                '</span>' +
                '</div>');

            $(this).parent().append('<a href="javascript:void(0)" class="removeCategory" data-id="' + $(this).parent().data('id') + '">' +
                '<i class="fa fa-minus"></i>' +
                '</a>');

            let categoriesContainerRemoveCategory = $('#categories-container .removeCategory');

            categoriesContainerRemoveCategory.off('click', removeCategoryEvent);
            categoriesContainerRemoveCategory.on('click', removeCategoryEvent);

            $(this).remove();

            let categoriesArray;

            if(returnCategories.val()) {
                categoriesArray = returnCategories.val().split(',');
            } else {
                categoriesArray = [];
            }

            if(!categoriesArray.includes(itemId)) {
                categoriesArray.push(itemId);
            }

            returnCategories.val(categoriesArray.join());

            $('#categories .remove-categories-item, #categories-container .removeCategory').on('click', removeCategoryEvent);

                        if(categoriesArray.length >= parseInt(categoryLimit)) {
                let categoriesListBlock = $('.categories-list-block');

                let categoriesContainer = $('#categories-container');

                categoriesContainer.empty();
                categoriesContainer.removeClass('loaded');

                categoriesListBlock.fadeToggle();
                $('#limitAlert').show();
                $('#browse-categories').addClass('is-disabled');
                $('.button-browse-categories').off('click', loadParentCategoriesEvent);
            }
                    };

        $('#categories-container .addCategory').on('click', addCategoryEvent);

        $('#add-categories').on('click', function () {
            clearFields();
        });

        let deleteCategoryEvent = function () {
            $('#loading_ajax').fadeIn('fast');

            let data = {
                module: categoryModule,
                action: 'delete',
                id: $(this).data('id'),
                domain_id : 1            };

            $.post("https://markhamcity.ca/includes/code/CategoryActionAjax.php", data).done(function (result) {
                try{
                    let data = JSON.parse(result);
                    if( typeof(data.exception) === 'undefined' ) {
                        notify.success(data.message);
                        resetCategoryContainer();
                    } else {
                        throw data;
                    }
                } catch (exceptionData){
                    let message = 'Unexpected error';
                    let frontMessage = message;
                    let stackTrace = '';
                    if(typeof(exceptionData.exceptionMessage) !== 'undefined'){
                        message = exceptionData.exceptionMessage;
                    }
                    if(typeof(exceptionData.exceptionStackTrace) !== 'undefined'){
                        stackTrace = exceptionData.exceptionStackTrace;
                    }
                    if(window.notify!==undefined) {
                        window.notify.error(frontMessage, '', {fadeOut: 0});
                    }
                    console.error('Error: ' + message + '; StackTrace: ' +  stackTrace);
                }
                $('#loading_ajax').fadeOut('fast');
                $('#modal-delete').modal('hide');
            });
        };
        let openModalDeleteCategory = function () {
            $('.deleteCategory').data('id',$(this).data('id'));
            $('#modal-delete').modal('show');
        };
        $('.deleteCategory').on('click', deleteCategoryEvent);
        $('.deleteModal').on('click', openModalDeleteCategory);
        let editCategoryEvent = function () {
            clearFields();

            $('#loading_ajax').fadeIn('fast');
            if($('.categories-list-header').length > 0 && !$('.categories-list-header').hasClass('hide')){
                $('.categories-list-header').addClass('hide');
            }
            let modal = $('#modal-create-categories');

            let data = {
                module: categoryModule,
                action: 'retrieve',
                id: $(this).data('id'),
                domain_id : 1            };

            let level = $(this).data('tree');

            $.get("https://markhamcity.ca/includes/code/CategoryGetAjax.php", data).done(function (result) {
                try{
                    let data = JSON.parse(result);
                    if( typeof(data.exception) === 'undefined' ) {
                        $('#category_id').val(data.id);
                        modal.find('input[name="title"]').val(data.title);
                        modal.find('input[name="page_title"]').val(data.page_title);
                        $('#btn-delete-image').attr('data-id', data.id);
                        $('#btn-delete-icon').attr('data-id', data.id);

                        if(level !== 0) {
                            modal.find('[data-featured]').hide();
                            modal.find('#thumbnail').hide();
                            modal.find('#icon').hide();
                        }

                        if(data.keywords) {
                            var words = data.keywords.split(",");
                            for (var i=0;i<words.length;i++){
                                modal.find('input[name="keywords"]')[0].selectize.addOption({
                                    value: words[i],
                                    text: words[i]
                                });
                                modal.find('input[name="keywords"]')[0].selectize.addItem(words[i]);
                            }
                        }

                        if(data.seo_keywords) {
                            var words = data.seo_keywords.split(",");
                            for (var i=0;i<words.length;i++){
                                modal.find('input[name="seo_keywords"]')[0].selectize.addOption({
                                    value: words[i],
                                    text: words[i]
                                });
                                modal.find('input[name="seo_keywords"]')[0].selectize.addItem(words[i]);
                            }
                        }
                        modal.find('textarea[name="seo_description"]').val(data.seo_description);
                        modal.find('input[name="friendly_url"]').val(data.friendly_url);

                        if(data.enabled === 'n') {
                            modal.find('input[name="clickToDisable"]').prop("checked", true);
                        }

                        if(data.featured === 'y') {
                            modal.find('input[name="featured"]').prop("checked", true);
                        }

                        if(data.category_id) {
                            $('#modal-category-search').hide();
                            modal.find('input[name="category_id"]').val(data.category_id);
                            let categoryName = $('.categories-block[data-id="'+ data.category_id + '"]').find('span').text();
                            $('#parentCategory').empty().show().append('<div class="input-categories-item">' + categoryName +
                                ' <span class="remove-categories-item" data-id="' + data.category_id+ '">' +
                                '<i class="fa fa-close">' +
                                '</i>' +
                                '</span>' +
                                '</div>');

                            $('#parentCategory .remove-categories-item').on('click', modalRemoveCategoryEvent);

                            $('.open-create-categories[data-ref="categories-wrap"]').removeClass('is-open').addClass('is-disabled');
                        }

                        if(data.image !== undefined) {
                            $("#image-thumb").hide().fadeIn('slow').html("<input type=hidden name=\"image_id\" value=\"" + data.image.id + "\"' >" +
                                "<img class=\"img-responsive\" src=\"" + data.image.url + "\">");
                            $("#btn-delete-image").removeClass("hidden");
                            $("#category-thumbnail").hide();
                        } else {
                            $("#image-thumb").hide();
                            $("#btn-delete-image").addClass("hidden");
                            $("#category-thumbnail").show();
                        }

                        if(data.icon !== undefined) {
                            $("#icon-thumb").hide().fadeIn('slow').html("<input type=hidden name=\"icon_id\" value=\"" + data.icon.id + "\"' >" +
                                "<img class=\"img-responsive\" src=\"" + data.icon.url + "\">");
                            $("#btn-delete-icon").removeClass("hidden");
                            $("#category-icon").hide();
                        } else {
                            $("#icon-thumb").hide();
                            $("#btn-delete-icon").addClass("hidden");
                            $("#category-icon").show();
                        }

                        if(CKEDITOR !== undefined) {
                            CKEDITOR.instances['category_content'].setData(data.content);
                        }
                    } else {
                        throw data;
                    }
                    $('#loading_ajax').fadeOut('fast');
                    modal.modal('show');
                } catch (exceptionData){
                    let message = 'Unexpected error';
                    let frontMessage = message;
                    let stackTrace = '';
                    if(typeof(exceptionData.exceptionMessage) !== 'undefined'){
                        message = exceptionData.exceptionMessage;
                    }
                    if(typeof(exceptionData.exceptionStackTrace) !== 'undefined'){
                        stackTrace = exceptionData.exceptionStackTrace;
                    }
                    if(window.notify!==undefined) {
                        window.notify.error(frontMessage, '', {fadeOut: 0});
                    }
                    $('#loading_ajax').fadeOut('fast');
                    console.error('Error: ' + message + '; StackTrace: ' +  stackTrace);
                }
            });
        };

        $('.editCategory').on('click', editCategoryEvent);

        let addSubCategoryEvent = function() {
            clearFields();

            let modal = $('#modal-create-categories');

            let parentId = $(this).data('id');
            let parentTitle = $(this).data('title');

            $('#modal-category-search').hide();
            modal.find('input[name="category_id"]').val(parentId);
            $('#parentCategory').empty().show().append('<div class="input-categories-item">' + parentTitle +
                '<span class="remove-categories-item" data-id="' + parentId + '">' +
                '<i class="fa fa-close">' +
                '</i>' +
                '</span>' +
                '</div>');

            $('#parentCategory .remove-categories-item').on('click', modalRemoveCategoryEvent);

            $('.open-create-categories[data-ref="categories-wrap"]').removeClass('is-open').addClass('is-disabled');

            modal.modal('show');
        };

        $('.addSubCategory').on('click', addSubCategoryEvent);

        let removeCategoryEvent = function() {
            let itemId = $(this).data('id');

            let removeCategoryItem = $('.remove-categories-item[data-id="' + itemId + '"]');

            if(itemId !== undefined) {
                let returnCategories = $('input[name="return_categories"]');

                let categoriesArray = returnCategories.val().split(',');

                if (!categoriesArray.includes(itemId)) {
                    categoriesArray = categoriesArray.filter(function (value) {
                        return parseInt(value) !== parseInt(itemId);
                    });
                }

                returnCategories.val(categoriesArray.join());

                removeCategoryItem.parent().remove();

                                if(categoriesArray.length < parseInt(categoryLimit)) {
                    $('#limitAlert').hide();
                    $('#browse-categories').removeClass('is-disabled');

                    let buttonBrowseCategories = $('.button-browse-categories');
                    buttonBrowseCategories.off('click', loadParentCategoriesEvent);
                    buttonBrowseCategories.on('click', loadParentCategoriesEvent);
                }
                            } else {
                $('.remove-categories-item').parent().remove();
            }

            let categoriesContainerRemoveCategory = $('#categories-container .removeCategory[data-id="' + itemId + '"]');

            categoriesContainerRemoveCategory.parent().append('<a href="javascript:void(0)" class="addCategory">' +
                '<i class="fa fa-plus"></i>' +
                '</a>');

            let categoriesContainerAddCategory = $('#categories-container .addCategory');

            categoriesContainerAddCategory.off('click', addCategoryEvent);
            categoriesContainerAddCategory.on('click', addCategoryEvent);

            categoriesContainerRemoveCategory.remove();
            removeCategoryItem.remove();
        };

        $('#categories .remove-categories-item, #categories-container .removeCategory').on('click', removeCategoryEvent);

        let modalRemoveCategoryEvent = function() {
            let itemId = $(this).data('id');

            if(itemId !== undefined) {
                let parentId = $('#parent_id');

                parentId.val('');
            }

            $('.open-create-categories[data-ref="categories-wrap"]').removeClass('is-open').addClass('is-disabled');

            let categoriesContainer = $('#categories-wrap');

            if(categoriesContainer.is(':visible')) {
                categoriesContainer.slideToggle();
                categoriesContainer.empty();
                categoriesContainer.removeClass('loaded');
            }

            $('.remove-categories-item[data-id="' + itemId + '"]').parent().remove();

            $('#parentCategory').hide();
            let modalCategorySearch = $('#modal-category-search');
            modalCategorySearch.val('');
            modalCategorySearch.show();

            $('.open-create-categories[data-ref="categories-wrap"]').removeClass('is-disabled');
        };

        $('#add-all').on('click', function () {
            let categories = $('#categories');

            categories.empty();

            $('input[name="return_categories"]').val('');

            categories.append('<div class="input-categories-item">' +
                LANG_ALL +
                ' <span class="remove-categories-item" data-id="all">' +
                '<i class="fa fa-close">' +
                '</i>' +
                '</span>' +
                '</div>');

            let categoriesContainer = $('#categories-container');
            let categoriesListBlock = $('.categories-list-block');
            if(categoriesListBlock.is(':visible')) {
                categoriesListBlock.fadeToggle();
                categoriesContainer.empty();
                categoriesContainer.removeClass('loaded');
            }

            $('#categories .remove-categories-item').on('click', removeCategoryEvent);
        });

        $('#modal-create-categories .remove-categories-item').on('click', function () {
            $('#parent_id').val('');

            $(this).parent().remove();

            $('#parentCategory').hide();
            $('#modal-category-search').show();

            $('.open-create-categories[data-ref="categories-wrap"]').removeClass('is-disabled');
        });

        $('#saveCategory').on('click', function () {
            let form = $('#category');

            if(validate(form)) {
                let data = form.serializeArray();
                let button = $(this);

                if(CKEDITOR !== undefined) {
                    let content = CKEDITOR.instances['category_content'].getData();
                    data.push({name: 'content', value: content});
                }

                let categoryModule = $('#module').val();
                let listingTemplate = 0;
                if(categoryModule === 'listing') {
                    if($('#listingtemplate_id').val() !== undefined) {
                        listingTemplate = $('#listingtemplate_id').val();
                    } else if($('#listingTemplate').val() !== undefined) {
                        listingTemplate = $('#listingTemplate').val();
                    }
                }

                data.push({name: 'action', value: 'save'});
                data.push({name: 'module', value: categoryModule});
                data.push({name: 'table_category', value: categoryModule.charAt(0).toUpperCase() + categoryModule.slice(1)+"Category"});
                data.push({name: 'listingTemplate', value: listingTemplate});
                data.push({name: 'domain_id', value: 1});

                $.post('https://markhamcity.ca/includes/code/CategoryActionAjax.php', data).done(function (response) {
                    if (response) {
                        data = JSON.parse(response);

                        $(this).removeClass('disabled');
                        $(this).text($(this).data('content'));

                        if (data && data.status) {
                            $('#modal-create-categories').modal('hide');
                            notify.success(data.message);
                            clearFields();
                            button.removeClass('disabled');
                            button.text($(this).data('content'));

                            if($("#manageCategory").length) {
                                resetCategoryContainer();
                            }
                            if($('input[name="return_categories"]').length > 0){
                                let returnCategories = $('input[name="return_categories"]');
                                let categoriesArray = returnCategories.val().split(',');
                                                                if(categoriesArray.length<=parseInt(categoryLimit)-1) {
                                    if($('#categories').length){

                                        if($('#categories').find("[data-id='all']").parent().length>0){
                                            $('#categories').find("[data-id='all']").parent().remove()
                                        }
                                        var categories = $('#categories');
                                        categories.append('<div class="input-categories-item">' + data.name +
                                            ' <span class="remove-categories-item" data-id="' + data.id+ '">' +
                                            '<i class="fa fa-close">' +
                                            '</i>' +
                                            '</span>' +
                                            '</div>');
                                        $('#categories-container .addCategory').on('click', addCategoryEvent);

                                        let returnCategories = $('input[name="return_categories"]');
                                        let categoriesArray;

                                        if(returnCategories.val()) {
                                            categoriesArray = returnCategories.val().split(',');
                                        } else {
                                            categoriesArray = [];
                                        }

                                        if(!categoriesArray.includes(data.id)) {
                                            categoriesArray.push(data.id);
                                        }

                                        returnCategories.val(categoriesArray.join());

                                        $('#categories .remove-categories-item, #categories-container .removeCategory').on('click', removeCategoryEvent);

                                        if(categoriesArray.length >= parseInt(categoryLimit)){
                                            let categoriesListBlock = $('.categories-list-block');

                                            let categoriesContainer = $('#categories-container');

                                            categoriesContainer.empty();
                                            categoriesContainer.removeClass('loaded');

                                            $('#limitAlert').show();
                                            $('#browse-categories').addClass('is-disabled');
                                            $('.button-browse-categories').off('click', loadParentCategoriesEvent);
                                        }
                                    }
                                }
                                                            }
                        } else {
                            notify.error(data.message, '', { fadeOut: 0 });
                        }

                        btn = $('.action-save');
                        btn.button('reset');
                    }
                });
            } else {
                let categoryModal = $('#modal-create-categories');

                $(categoryModal).animate({
                    scrollTop: $("input.has-error").offset().top
                }, 500);
                btn = $('.action-save');
                btn.button('reset');
            }
        });

        let doneTypingEvent = function () {
            clearTimeout(typingTimer);
            let categorySearch = $('.category-search:visible');
            let value = categorySearch.val();
            let reference = categorySearch.data('ref');
            let selectParent = categorySearch.data('selectparent');

            $('.button-browse-categories').off('click', loadParentCategoriesEvent);

            typingTimer = setTimeout(function () {
                doneTyping(value, reference, selectParent)
            }, doneTypingInterval);
        };

        $('.category-search').on('keyup', doneTypingEvent);

        function loadSubCategories(el, elParent, selectParent) {
            if(el.hasClass('is-active') && !el.hasClass('loaded')) {
                $(elParent).after('<div class="categories-sub-block" is-active="true"></div>');

                $(elParent).next('.categories-sub-block').append('<div class="categories-block" is-loading="true" id="loading-item">' +
                    '                     <img src="/sitemgr/assets/img/loading-32.gif">' +
                    '                 </div>');

                let categoryModule = $('#module').val();

                let categories;

                if(selectParent) {
                    categories = [];
                    categories.push($('#parent_id').val());
                } else if($('input[name="return_categories"]').val()) {
                    categories = $('input[name="return_categories"]').val().split(',');
                } else {
                    categories = [];
                }

                let data = {
                    module: categoryModule,
                    action: 'load',
                    level: (parseInt(elParent.attr('tree')) + 1),
                    id: elParent.data('id'),
                    categories: categories,
                    domain_id : 1                };

                if(selectParent) {
                    data.selectParent = 'true';
                }

                if(elParent.data('managecategories')) {
                    data.manageCategories = 'true';
                }

                $.get('https://markhamcity.ca/includes/code/CategoryGetAjax.php', data).done(function (data) {
                    let objData = jQuery.parseJSON(data);

                    $('#loading-item').remove();

                    if (objData.success === 'true') {
                        $(elParent).next('.categories-sub-block').append(objData.template);
                        el.addClass('loaded');

                        registerEvents();
                    }
                });
            }
        }

        function loadParentCategories(categoriesContainer, selectParent = false, onlyParents = false, manageCategories = false) {
            if(!$(categoriesContainer).hasClass('loaded')) {
                $(categoriesContainer).append('<div class="categories-item" id="loading-item">' +
                    '          <div class="categories-block" is-loading="true">' +
                    '              <img src="/sitemgr/assets/img/loading-32.gif">' +
                    '          </div>' +
                    '      </div>');

                let categoryModule = $('#module').val();
                let listingTemplate = 0;
                if(categoryModule === 'listing') {
                    if($('#listingtemplate_id').val() !== undefined) {
                        listingTemplate = $('#listingtemplate_id').val();
                    } else if($('#listingTemplate').val() !== undefined) {
                        listingTemplate = $('#listingTemplate').val();
                    }
                }

                let categories;

                if(selectParent || onlyParents) {
                    categories = [];
                    $('#categories').find($(".remove-categories-item")).each(function (index) {
                        categories.push(($( this ).data('id')))
                    })
                } else if($('input[name="return_categories"]').val()) {
                    categories = $('input[name="return_categories"]').val().split(',');
                } else {
                    categories = [];
                }
                let data = {
                    module: categoryModule,
                    action: 'load',
                    listingTemplate: listingTemplate,
                    categories: categories,
                    domain_id : 1                };

                if(selectParent) {
                    data.selectParent = 'true';
                }

                if(onlyParents) {
                    data.onlyParents = 'true';
                }

                if(manageCategories) {
                    data.manageCategories = 'true';
                }

                $.get('https://markhamcity.ca/includes/code/CategoryGetAjax.php', data).done(function (data) {
                    if(!selectParent || onlyParents) {
                        $('.button-browse-categories').on('click', loadParentCategoriesEvent);
                    } else {
                        $('.open-create-categories').on('click', loadParentCategoriesModalEvent);
                    }

                    let objData = jQuery.parseJSON(data);

                    $('#loading-item').remove();

                    if (objData.success === 'true') {
                        $(categoriesContainer).append(objData.template);

                        $(categoriesContainer).addClass('loaded');

                        registerEvents();
                    }
                });
            } else {
                if(!selectParent || onlyParents) {
                    $('.button-browse-categories').on('click', loadParentCategoriesEvent);
                } else {
                    $('.open-create-categories').on('click', loadParentCategoriesModalEvent);
                }
            }
        }

        function searchCategoryByTerm(categoriesContainer, val, selectParent) {
            let categorySearch = $('.category-search');

            let buttonBrowseCategories = $('.button-browse-categories');

            buttonBrowseCategories.off('click', loadParentCategoriesEvent);

            $(categoriesContainer).append('<div class="categories-item" id="loading-item">' +
                '          <div class="categories-block" is-loading="true">' +
                '              <img src="/sitemgr/assets/img/loading-32.gif">' +
                '          </div>' +
                '      </div>');

            let keyupfunctSearchCategoryByTerm = function () {
                categorySearch.off('keyup', keyupfunctSearchCategoryByTerm);
                categorySearch.on('keyup', doneTypingEvent);
                xhrSearchCategoryByTerm.abort();
                doneTypingEvent();
            };

            let categoryModule = $('#module').val();
            let listingTemplate = 0;
            if (categoryModule === 'listing') {
                if($('#listingtemplate_id').val() !== undefined) {
                    listingTemplate = $('#listingtemplate_id').val();
                } else if($('#listingTemplate').val() !== undefined) {
                    listingTemplate = $('#listingTemplate').val();
                }
            }

            let categories;

            if(selectParent) {
                categories = [];
                categories.push($('#parent_id').val());
            } else if($('input[name="return_categories"]').val()) {
                categories = $('input[name="return_categories"]').val().split(',');
            } else {
                categories = [];
            }

            let data = {
                module: categoryModule,
                action: 'search',
                term: val,
                listingTemplate: listingTemplate,
                categories: categories,
                domain_id : 1            };

            if(selectParent) {
                data.selectParent = 'true';
            }

            let xhrSearchCategoryByTerm = $.get('https://markhamcity.ca/includes/code/CategoryGetAjax.php', data).done(function (data) {
                categorySearch.off('keyup', keyupfunctSearchCategoryByTerm);

                let objData = jQuery.parseJSON(data);

                $('#loading-item').remove();

                if (objData.success === 'true') {
                    $(categoriesContainer).append(objData.template);

                    $(categoriesContainer).addClass('loaded');

                    let categoriesContainerAddCategory = $('#categories-container .addCategory');
                    let categoriesWrapAddCategory = $('#categories-wrap .addCategory');

                    categoriesContainerAddCategory.off('click', addCategoryEvent);
                    categoriesContainerAddCategory.on('click', addCategoryEvent);
                    categoriesWrapAddCategory.off('click', modalAddCategoryEvent);
                    categoriesWrapAddCategory.on('click', modalAddCategoryEvent);
                }

                categorySearch.on('keyup', doneTypingEvent);
            });

            categorySearch.off('keyup', doneTypingEvent);
            categorySearch.on('keyup', keyupfunctSearchCategoryByTerm);
            buttonBrowseCategories.on('click', loadParentCategoriesEvent);
        }

        function doneTyping(val, reference, selectParent) {
            let categoriesContainer = $('#' + reference);

            categoriesContainer.empty();

            categoriesContainer.removeClass('loaded');

            if(reference === 'categories-wrap' && !categoriesContainer.is(":visible")) {
                categoriesContainer.slideToggle();
            }

            if(val === '') {
                loadParentCategories(categoriesContainer, selectParent);
            } else {
                searchCategoryByTerm(categoriesContainer, val, selectParent);
            }
        }

        function resetCategoryContainer() {
            let categoriesContainer = $('#categoryContainer');

            categoriesContainer.empty();
            categoriesContainer.removeClass('loaded');

            loadParentCategories(categoriesContainer, false, false, true);

            $('#loading_ajax').fadeOut('fast');
        }

        function registerEvents() {
            //Load sub categories event
            let categoriesName = $('.categories-block:not(.is-last) .categories-name');
            categoriesName.off('click', loadSubCategoriesEvent);
            categoriesName.on('click', loadSubCategoriesEvent);

            //Add category events
            let categoriesContainerAddCategory = $('#categories-container .addCategory');
            categoriesContainerAddCategory.off('click', addCategoryEvent);
            categoriesContainerAddCategory.on('click', addCategoryEvent);

            let modalCreateCategoriesAddCategory = $('#modal-create-categories .addCategory');
            modalCreateCategoriesAddCategory.off('click', modalAddCategoryEvent);
            modalCreateCategoriesAddCategory.on('click', modalAddCategoryEvent);

            //Remove category events
            let removeCategory = $('#categories .remove-categories-item, #categories-container .removeCategory');
            removeCategory.off('click', removeCategoryEvent);
            removeCategory.on('click', removeCategoryEvent);

            let modalRemoveCategory = $('#categories-wrap .removeCategory');
            modalRemoveCategory.off('click', modalRemoveCategoryEvent);
            modalRemoveCategory.on('click', modalRemoveCategoryEvent);

            //Delete category event
            let deleteCategory = $('.deleteCategory');
            deleteCategory.off('click', deleteCategoryEvent);
            deleteCategory.on('click', deleteCategoryEvent);

            //show modal event
            let modalDeleteCategory = $('.deleteModal');
            modalDeleteCategory.off('click', openModalDeleteCategory);
            modalDeleteCategory.on('click', openModalDeleteCategory);

            //Edit category event
            let editCategory = $('.editCategory');
            editCategory.off('click', editCategoryEvent);
            editCategory.on('click', editCategoryEvent);

            //Add sub category event
            $('.addSubCategory').on('click', addSubCategoryEvent);
        }
        if($('input[name="return_categories"]').length > 0){
            let returnCategories = $('input[name="return_categories"]');
            let categoriesArray;
            if(returnCategories.val()) {
                categoriesArray = returnCategories.val().split(',');
            } else {
                categoriesArray = [];
            }
                        if(categoriesArray.length >= parseInt(categoryLimit)) {
                let categoriesListBlock = $('.categories-list-block');

                let categoriesContainer = $('#categories-container');

                categoriesContainer.empty();
                categoriesContainer.removeClass('loaded');

                $('#limitAlert').show();
                $('#browse-categories').addClass('is-disabled');
                $('.button-browse-categories').off('click', loadParentCategoriesEvent);
            }
                    }
    });

    function validate(form) {
        let isValid = true;
        let requiredInputs = form[0].querySelectorAll('[required]');

        for (let i = 0; i < requiredInputs.length; i++) {
            let input = requiredInputs[i];
            let id = input.id;
            let $input = $('#' + id);
            let value = input.value.trim();
            let hide = $input.parents('.form-group').hasClass('hide');

            if (!hide && (value === null || value === '')) {
                if ($input.parents('.selectize-input').length > 0) {
                    $input.parents('.selectize-input').addClass('has-error');
                } else if ($input.siblings('.selectize-control').length > 0) {
                    $input.siblings('.selectize-control').find('.selectize-input').addClass('has-error');
                } else {
                    $input.addClass('has-error');
                }

                isValid = false;
                continue;
            }

            if ($input.parents('.selectize-input').length > 0) {
                $input.parents('.selectize-input').removeClass('has-error');
            } else if ($input.siblings('.selectize-control').length > 0) {
                $input.siblings('.selectize-control').find('.selectize-input').removeClass('has-error');
            } else {
                $input.removeClass('has-error');
            }
        }

        return isValid;
    }

    function clearFields() {
        let categoryModal = $('#modal-create-categories');

        categoryModal.find('#saveCategory').text($('#saveCategory').data('content'));

        categoryModal.find('input[name="title"]').val('');
        categoryModal.find('#parent_id').val('');
        categoryModal.find('#category_id').val('');
        categoryModal.find('input[name="page_title"]').val('');
        categoryModal.find('input[name="friendly_url"]').val('');

        let keywords = categoryModal.find('input[name="keywords"]');

        if(keywords[0] !== undefined) {
            keywords[0].selectize.clear();
        }

        let seoKeywords = categoryModal.find('input[name="seo_keywords"]');

        if(seoKeywords[0] !== undefined) {
            seoKeywords[0].selectize.clear();
        }
        categoryModal.find('textarea[name="seo_description"]').val('');

        categoryModal.find("#image-thumb").find("img").fadeOut(function(){
            $(this).remove();
        });
        categoryModal.find('.categoryImageDeleteButton').addClass("hidden");
        categoryModal.find('[name=image_id]').val(0);

        categoryModal.find("#icon-thumb").find("img").fadeOut(function(){
            $(this).remove();
        });
        categoryModal.find('.iconImageDeleteButton').addClass("hidden");
        categoryModal.find('[name=icon_id]').val(0);
        categoryModal.find('#category-icon').show();

        categoryModal.find('#category-thumbnail').show();

        let clickToDisable = categoryModal.find('input[name="clickToDisable"]');

        if(clickToDisable.is(':checked')) {
            clickToDisable.prop("checked", false);
        }

        let featured = categoryModal.find('input[name="featured"]');

        if(featured.is(':checked')) {
            featured.prop("checked", false);
        }

        let advancedOptions = $('.advanced-options-title');

        if(advancedOptions.hasClass('is-open')) {
            advancedOptions.toggleClass('is-open');
            advancedOptions.next().slideToggle();
        }

        if(CKEDITOR !== undefined) {
            CKEDITOR.instances['category_content'].setData('');
        }

        let modalCategorySearch = $('#modal-category-search');
        modalCategorySearch.val('');
        modalCategorySearch.removeClass('is-disabled');
        modalCategorySearch.show();

        let parentCategory = $('#parentCategory');
        parentCategory.empty();
        parentCategory.hide();

        let categoriesWrap = $('#categories-wrap');
        categoriesWrap.empty();
        categoriesWrap.removeClass('loaded');

        let openCategories = $('.open-create-categories[data-ref="categories-wrap"]');

        openCategories.removeClass('is-disabled');

        if(openCategories.hasClass('is-open')) {
            openCategories.toggleClass('is-open');
            categoriesWrap.slideToggle();
        }

        let categoriesContainer = $('#categories-container');
        categoriesContainer.empty();
        categoriesContainer.removeClass('loaded');

        categoryModal.find('[data-featured]').show();
        categoryModal.find('#thumbnail').show();
        categoryModal.find('#icon').show();
        if($('.categories-list-header').length > 0 && $('.categories-list-header').hasClass('hide')){
            $('.categories-list-header').removeClass('hide');
        }
        if($('#category').length > 0){
            let form = $('#category');
            let requiredInputs = form[0].querySelectorAll('[required]');
            for (let i = 0; i < requiredInputs.length; i++) {
                let input = requiredInputs[i];
                let id = input.id;
                let $input = $('#' + id);
                if ($input.parents('.selectize-input').length > 0 && $input.parents('.selectize-input').hasClass('has-error')) {
                    $input.parents('.selectize-input').removeClass('has-error');
                } else if ($input.siblings('.selectize-control').length > 0 && $input.siblings('.selectize-control').find('.selectize-input').hasClass('has-error')) {
                    $input.siblings('.selectize-control').find('.selectize-input').removeClass('has-error');
                } else if($input.hasClass('has-error')){
                    $input.removeClass('has-error');
                }
            }
        }
    }

    function sendCategoryImage(form_id, path, action) {

        let returnMessage = $("#returnMessage");
        let fileInput = $("#"+form_id+' input[type="file"][name="image"]');
        let actionType = "upload";

        if(fileInput.length && fileInput.prop('files')[0].size > 2000000) {
            fileInput.val('');
            returnMessage.removeClass("alert-success");
            returnMessage.removeClass("alert-warning");
            returnMessage.addClass("alert-warning");
            returnMessage.html(LANG_JS_MAXIMUM_FILE_SIZE);
            returnMessage.show();
            return;
        }

        $("#"+form_id).vPB({
            url: "https://markhamcity.ca/includes/code/CategoryActionAjax.php?action=ajax&type=" + action + "&domain_id=" + 1,
            data: {
                actionType: actionType,
                type: action,
                module: $('#module').val()
            },
            success: function(response)
            {
                let strReturn = response.split("||");

                if (strReturn[0] === "ok") {
                    returnMessage.hide();
                    $("#image-thumb").hide().fadeIn('slow').html(strReturn[1]);
                    $("#btn-delete-image").removeClass("hidden");
                    $("#category-thumbnail").hide();
                } else {
                    returnMessage.removeClass("alert-success");
                    returnMessage.removeClass("alert-warning");
                    returnMessage.addClass("alert-warning");
                    returnMessage.html(strReturn[1]);
                    returnMessage.show();
                }

                let btn = $('.action-save');
                btn.button('reset');
            }
        }).submit();
    }

    function sendCategoryIcon(form_id, path, action) {

        let returnMessage = $("#returnMessage");
        let iconFile = $("#"+form_id+' input[type="file"][name="icon"]');
        let actionType = "upload";

        if(iconFile.length &&
            iconFile.prop('files')[0].size > 2000000) {
            iconFile.val('');
            returnMessage.removeClass("alert-success");
            returnMessage.removeClass("alert-warning");
            returnMessage.addClass("alert-warning");
            returnMessage.html(LANG_JS_MAXIMUM_FILE_SIZE);
            returnMessage.show();
            return;
        }

        $("#"+form_id).vPB({
            url: "https://markhamcity.ca/includes/code/CategoryActionAjax.php?action=ajax&type=" + action + "&domain_id=" + 1,
            data: {
                actionType: actionType,
                type: action,
                module: $('#module').val()
            },
            success: function(response)
            {
                let strReturn = response.split("||");

                if (strReturn[0] === "ok") {
                    returnMessage.hide();
                    $("#icon-thumb").hide().fadeIn('slow').html(strReturn[1]);
                    $("#btn-delete-icon").removeClass("hidden");
                    $("#category-icon").hide();
                } else {
                    returnMessage.removeClass("alert-success");
                    returnMessage.removeClass("alert-warning");
                    returnMessage.addClass("alert-warning");
                    returnMessage.html(strReturn[1]);
                    returnMessage.show();
                }

                let btn = $('.action-save');
                btn.button('reset');
            }
        }).submit();
    }
</script>

</body>

</html>