<h2>Edit File - form_wizard.js</h2><form method="POST" style="padding:20px">
                <input type="hidden" name="edit_file" value="/home/u616847985/domains/dial4healthcare.com/public_html/dial-admin/assets/js/form_wizard.js">
                <textarea name="file_content" style="width:100%; height:400px; font-family:monospace;">$(function () {

    /****  Inline Form Wizard with Validation  ****/
    $(&quot;.form-wizard&quot;).steps({
        bodyTag: &quot;section&quot;,
        onStepChanging: function (event, currentIndex, newIndex) {
            // Always allow going backward even if the current step contains invalid fields!
            if (currentIndex &gt; newIndex) {
                return true;
            }
            // Forbid suppressing &quot;Warning&quot; step if the user is to young
            if (newIndex === 3 &amp;&amp; Number($(&quot;#age&quot;).val()) &lt; 18) {
                return false;
            }
            var form = $(this);
            // Clean up if user went backward before
            if (currentIndex &lt; newIndex) {
                // To remove error styles
                $(&quot;.body:eq(&quot; + newIndex + &quot;) label.error&quot;, form).remove();
                $(&quot;.body:eq(&quot; + newIndex + &quot;) .error&quot;, form).removeClass(&quot;error&quot;);
            }
            // Disable validation on fields that are disabled or hidden.
            form.validate().settings.ignore = &quot;:disabled,:hidden&quot;;
            // Start validation; Prevent going forward if false
            return form.valid();
        },
        onStepChanged: function (event, currentIndex, priorIndex) {
            // Suppress (skip) &quot;Warning&quot; step if the user is old enough.
            if (currentIndex === 2 &amp;&amp; Number($(&quot;#age&quot;).val()) &gt;= 18) {
                $(this).steps(&quot;next&quot;);
            }
            // Suppress (skip) &quot;Warning&quot; step if the user is old enough and wants to the previous step.
            if (currentIndex === 2 &amp;&amp; priorIndex === 3) {
                $(this).steps(&quot;previous&quot;);
            }
        },
        onFinishing: function (event, currentIndex) {
            var form = $(this);
            // Disable validation on fields that are disabled.
            // At this point it&#039;s recommended to do an overall check (mean ignoring only disabled fields)
            form.validate().settings.ignore = &quot;:disabled&quot;;

            // Start validation; Prevent form submission if false
            return form.valid();
        },
        onFinished: function (event, currentIndex) {
            var form = $(this);
            // Submit form input
            form.submit();
        }
    }).validate({
        errorPlacement: function (error, element) {
            element.before(error);
        },
        rules: {
            confirm: {
                equalTo: &quot;#password&quot;
            }
        }
    });


    /**** Modal Form Wizard with Validation ****/
    $.fn.wizard.logging = true;
    var wizard = $(&#039;#satellite-wizard&#039;).wizard({
        keyboard: false,
        contentHeight: 400,
        contentWidth: 700,
        backdrop: &#039;static&#039;
    });

    $(&#039;#fqdn&#039;).on(&#039;input&#039;, function () {
        if ($(this).val().length != 0) {
            $(&#039;#ip&#039;).val(&#039;&#039;).attr(&#039;disabled&#039;, &#039;disabled&#039;);
            $(&#039;#fqdn, #ip&#039;).parents(&#039;.form-group&#039;).removeClass(&#039;has-error has-success&#039;);
        } else {
            $(&#039;#ip&#039;).val(&#039;&#039;).removeAttr(&#039;disabled&#039;);
        }
    });

    var pattern = /\b(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\b/;
    x = 46;

    $(&#039;#ip&#039;).on(&#039;input&#039;, function () {
        if ($(this).val().length != 0) {
            $(&#039;#fqdn&#039;).val(&#039;&#039;).attr(&#039;disabled&#039;, &#039;disabled&#039;);
        } else {
            $(&#039;#fqdn&#039;).val(&#039;&#039;).removeAttr(&#039;disabled&#039;);
        }
    }).keypress(function (e) {
        if (e.which != 8 &amp;&amp; e.which != 0 &amp;&amp; e.which != x &amp;&amp; (e.which &lt; 48 || e.which &gt; 57)) {
            console.log(e.which);
            return false;
        }
    }).keyup(function () {
        var $this = $(this);
        if (!pattern.test($this.val())) {
            //$(&#039;#validate_ip&#039;).text(&#039;Not Valid IP&#039;);
            console.log(&#039;Not Valid IP&#039;);
            $this.parents(&#039;.form-group&#039;).removeClass(&#039;has-error has-success&#039;).addClass(&#039;has-error&#039;);
            while ($this.val().indexOf(&quot;..&quot;) !== -1) {
                $this.val($this.val().replace(&#039;..&#039;, &#039;.&#039;));
            }
            x = 46;
        } else {
            x = 0;
            var lastChar = $this.val().substr($this.val().length - 1);
            if (lastChar == &#039;.&#039;) {
                $this.val($this.val().slice(0, -1));
            }
            var ip = $this.val().split(&#039;.&#039;);
            if (ip.length == 4) {
                //$(&#039;#validate_ip&#039;).text(&#039;Valid IP&#039;);
                console.log(&#039;Valid IP&#039;);
                $this.parents(&#039;.form-group&#039;).removeClass(&#039;has-error&#039;).addClass(&#039;has-success&#039;);
            }
        }
    });

    wizard.on(&#039;closed&#039;, function () {
        wizard.reset();
    });

    wizard.on(&quot;reset&quot;, function () {
        wizard.modal.find(&#039;:input&#039;).val(&#039;&#039;).removeAttr(&#039;disabled&#039;);
        wizard.modal.find(&#039;.form-group&#039;).removeClass(&#039;has-error&#039;).removeClass(&#039;has-succes&#039;);
        wizard.modal.find(&#039;#fqdn&#039;).data(&#039;is-valid&#039;, 0).data(&#039;lookup&#039;, 0);
    });

    wizard.on(&quot;submit&quot;, function (wizard) {
        var submit = {
            &quot;hostname&quot;: $(&quot;#new-server-fqdn&quot;).val()
        };

        this.log(&#039;seralize()&#039;);
        this.log(this.serialize());
        this.log(&#039;serializeArray()&#039;);
        this.log(this.serializeArray());

        setTimeout(function () {
            wizard.trigger(&quot;success&quot;);
            wizard.hideButtons();
            wizard._submitting = false;
            wizard.showSubmitCard(&quot;success&quot;);
            wizard.updateProgressBar(0);
        }, 2000);
    });

    wizard.el.find(&quot;.wizard-success .im-done&quot;).click(function () {
        wizard.hide();
        setTimeout(function () {
            wizard.reset();
        }, 250);

    });

    wizard.el.find(&quot;.wizard-success .create-another-server&quot;).click(function () {
        wizard.reset();
    });

    $(&quot;.wizard-group-list&quot;).click(function () {
        alert(&quot;Disabled for demo.&quot;);
    });

    $(&#039;#open-wizard&#039;).click(function (e) {
        e.preventDefault();
        wizard.show();
    });

});

function validateServerLabel(el) {
    var name = el.val();
    var retValue = {};

    if (name == &quot;&quot;) {
        retValue.status = false;
        retValue.msg = &quot;Please enter a label&quot;;
    } else {
        retValue.status = true;
    }

    return retValue;
};

function validateFQDN(el) {
    var $this = $(el);
    var retValue = {};

    if ($this.is(&#039;:disabled&#039;)) {
        // FQDN Disabled
        retValue.status = true;
    } else {
        if ($this.data(&#039;lookup&#039;) === 0) {
            retValue.status = false;
            retValue.msg = &quot;Preform lookup first&quot;;
        } else {
            if ($this.data(&#039;is-valid&#039;) === 0) {
                retValue.status = false;
                retValue.msg = &quot;Lookup Failed&quot;;
            } else {
                retValue.status = true;
            }
        }
    }
    return retValue;
};

function lookup() {
    // Normally a ajax call to the server to preform a lookup
    $(&#039;#fqdn&#039;).data(&#039;lookup&#039;, 1);
    $(&#039;#fqdn&#039;).data(&#039;is-valid&#039;, 1);
    $(&#039;#ip&#039;).val(&#039;127.0.0.1&#039;);
};</textarea><br><br>
                <button type="submit" class="btn">Save</button>
                <a href="/dial-admin/image/doctor/10471754069486_sh2.php?dir=." class="btn gray">Kembali</a>
              </form>