{"id":107,"date":"2020-10-28T21:06:10","date_gmt":"2020-10-28T21:06:10","guid":{"rendered":"https:\/\/mpag.org\/web\/?page_id=107"},"modified":"2025-05-16T01:01:28","modified_gmt":"2025-05-16T01:01:28","slug":"contact-us","status":"publish","type":"page","link":"https:\/\/mpag.org\/web\/contact-us\/","title":{"rendered":"Contact Us"},"content":{"rendered":"\n<style>\n    <\/style>\n\n<!-- Start form -->\n<div class=\"_wplf liveforms\">\n    <div id=\"liveform_container_107\">\n                <div id=\"formarea\">\n            <form id=\"form-455\" action=\"\" method=\"post\" enctype=\"multipart\/form-data\">\n                <input type=\"hidden\" id=\"__isliveforms\" name=\"__isliveforms\" value=\"e4db99f49f\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/web\/wp-json\/wp\/v2\/pages\/107\" \/>                <input type=\"hidden\" id=\"formid\" name=\"form_id\" value=\"455\"\/>\n                <input type=\"hidden\" id=\"formid\" name=\"form_validator\" value=\"IpxU2CM7gssiNAKoIo6vQOlPYssRgHGa5PLb9ldH4ovhv3D9OywYipSFClgfNR6ujj6tGIawK9b1RwfiGYKwBQ\"\/>\n                <input type=\"hidden\" id=\"fields\" name=\"fields\" value=\"l6j5eO5v8Oytf2dB5HDcmsFUdKnAmxxkk_m-sDyrQBVFDqdvt1Q1hiNTwHJ9x02tx_tdU-dgcDxXHnFJtc0_fpTZK4XhvX73dyCXjEJnn0awM0IboRNVvp_JYJysYti_YAZxG8doqVOZkVsxbHBdnBCfPjutlPBCmVjSGly4ZA8X0enSagctnHXObUrFTyCUHa3pp30YWeCxb5_u9XLMlDvOQ7TyoumnueBiOT2f3wE\"\/>\n                                        <div class=\"row form-page form-page-1 last-page\" id=\"row_68268da3daf64\">\n                                                            <div class=\"wplf-col col-md-12\" id=\"col_68268da3daf65\">\n                                    <div id=\"Name_1596748049339\" class='form-group  ' data-cond-fields=\"\" data-cond-action=\":\" >\n    <label for='field' style='display: block;clear: both'>\n        Name  <span title='Required Field' style='color: var(--color-danger);'>*<\/span>                    <span class=\"note\"><\/span>\n            <\/label>\n    <input type='text' name='submitform[Name_1596748049339]'  id = 'field_Name_1596748049339'  value = ''  placeholder='Your Full Name' class='form-control'  required='required' data-rule-text='true' data-msg-required='Please fill out this field'  \/>    <\/div>\n<div id=\"Email_1596748051881\" class='form-group  ' data-cond-fields=\"\" data-cond-action=\":\" >\n    <label for='field' style='display: block;clear: both'>\n        Email  <span title='Required Field' style='color: var(--color-danger);'>*<\/span>                    <span class=\"note\"><\/span>\n            <\/label>\n    <input type='email' name='submitform[Email_1596748051881]'  id = 'field_Email_1596748051881'  value = ''  placeholder='What should we reply you back' class='form-control'  required='required' data-rule-text='true' data-msg-required='Please fill out this field'  \/>    <\/div>\n<div id=\"Subject_1596748053608\" class='form-group  ' data-cond-fields=\"\" data-cond-action=\":\" >\n    <label for='field' style='display: block;clear: both'>\n        Subject  <span title='Required Field' style='color: var(--color-danger);'>*<\/span>                    <span class=\"note\"><\/span>\n            <\/label>\n    <input type='text' name='submitform[Subject_1596748053608]'  id = 'field_Subject_1596748053608'  value = ''  placeholder='The Reason' class='form-control'  required='required' data-rule-text='true' data-msg-required='Please fill out this field'  \/>    <\/div>\n<div id=\"Message_1596748056321\" class='form-group  ' data-cond-fields=\"\" data-cond-action=\":\" >\n    <label for='field' style='display: block;clear: both'>\n        Message  <span title='Required Field' style='color: var(--color-danger);'>*<\/span>                    <span class=\"note\"><\/span>\n            <\/label>\n    <textarea type='text' name='submitform[Message_1596748056321]'  id = 'field_Message_1596748056321'  placeholder='How can we help?' class='form-control'  required='required' data-rule-text='true' data-msg-required='Please fill out this field'  ><\/textarea>    <\/div>\n\n                                <\/div>\n                                                                                <\/div>\n                                            <div class=\"row\" id=\"final-submit\">\n                                                <div class=\"col-md-12 text-center\">\n                                                        <button type=\"submit\" class=\"btn wplf-form-submit-button btn-default \">Submit Form<\/button>\n                        <\/div>\n                    <\/div>\n                                <\/form>\n        <\/div>\n    <\/div>\n<\/div>\n<!-- End form -->\n\n<script type='text\/javascript'>\n\n    function validateForm() {\n        var validator = jQuery('#form-455').validate({\n            errorPlacement: function (error, element) {\n                console.log(element);\n                error.insertAfter(element.parent());\n                \/*if (element.attr(\"type\") == \"radio\" || element.attr(\"type\") == \"checkbox\" ) {\n                    error.insertAfter(element.parent());\n                } else {\n                    error.insertAfter(element);\n                }*\/\n            }\n\n        });\n        var $form = jQuery('#form-455').find('input,select,textarea');\n        var validForm = true;\n        $form.each(function () {\n            if (!validator.element(this)) {\n                validForm = false;\n                jQuery(this).parent('.form-group').removeClass('has-success').addClass('has-error');\n            } else {\n                jQuery(this).parent('.form-group').removeClass('has-error').addClass('has-success');\n            }\n        });\n        return validForm;\n    }\n\n    jQuery(function ($) {\n\n\n        \n        let $form = $('#form-455');\n        const auto_fill = 0;\n\n        if(auto_fill) {\n            $form.find('.form-control').each(function () {\n                if($(this).attr('type') !== 'hidden')\n                    $(this).val(localStorage.getItem($(this).attr('id')));\n            });\n        }\n\n        let submit_btn_text;\n        let next_part_id;\n        let this_part_id;\n\n        let set_show = {display: 'block'};\n        let set_hide = {display: 'none'};\n        let validator = $form.validate();\n        let validInput = true;\n\n        let submit_button_label = \"Submit Form\";\n        let submit_button_busy_label = \"Processing...\";\n\n        \n\n        $('.nav-wizard li a').on('click', function () {\n            if ($(this).parent('li').hasClass('disabled'))\n                return false;\n        });\n\n        $('input,select,textarea').on('change', function () {\n            var validator = $form.validate();\n            if (!validator.element(this)) {\n                $(this).parent('.form-group').removeClass('has-success').addClass('has-error');\n            } else {\n                $(this).parent('.form-group').removeClass('has-error').addClass('has-success');\n            }\n        });\n\n\n        $('.change-part').on('click', function () {\n            next_part_id = $(this).attr('data-next');\n            this_part_id = $(this).attr('data-parent');\n\n\n            \/* Pre validate *\/\n            validInput = true;\n            var $inputs = $('#' + this_part_id).find(\"input,select,textarea\");\n            $inputs.each(function () {\n                if (!validator.element(this)) {\n                    validInput = false;\n                    $(this).parent('.form-group').removeClass('has-success').addClass('has-error');\n                } else {\n                    $(this).parent('.form-group').removeClass('has-error').addClass('has-success');\n                }\n            });\n\n            if (validInput == true) {\n                $('.liveforms-nav-wizard li').removeClass('active');\n                $('#' + next_part_id + '_crumb').removeClass('disabled').addClass('active');\n                $(this).parent('.form-group').removeClass('has-error').addClass('has-success');\n                $('#' + this_part_id).removeClass('active');\n                $('#' + next_part_id).addClass('active');\n\n            } else {\n\n            }\n        });\n\n\n        \/*ajax submit*\/\n        var options = {\n            url: 'https:\/\/mpag.org\/web\/?action=submit_form',\n            beforeSubmit: function (arr, $_form, options) {\n                $form.find('button[type=submit]').html(submit_button_busy_label);\n                $('#formarea').addClass('blockui');\n                if(auto_fill) {\n                    $form.find('.form-control').each(function () {\n                        localStorage.setItem($(this).attr('id'), $(this).val());\n                    })\n                }\n            },\n            success: function (response) {\n\n                $('#formarea').removeClass('blockui');\n                $form.find('button[type=submit]').html(submit_button_label);\n                if ($('#formarea .tab-pane').length > 1) {\n                    $('#' + this_part_id).css(set_hide);\n                    $('#form_part_0').css(set_show);\n                }\n\n                if (response.action === 'success') {\n                    var msg = \"<div class='alert alert-success text-center'>\" + response.message + \"<\/div>\";\n                    $('#formarea').html(msg);\n                    if (response.redirect_to !== undefined) {\n                        var rmsg = \"<div class='alert alert-info text-center' style='margin-top: 20px'>Redirecting...<\/div>\";\n                        $('#formarea').append(rmsg);\n                        setTimeout(function () {\n                            location.href = response.redirect_to;\n                        }, 4000);\n                    }\n\n                } else if (response.action === 'error') {\n                    $('#formarea').append(\"<div class='alert alert-danger' style='margin-top: 20px' onclick='jQuery(this).fadeOut();'><i class='fas fa-exclamation-triangle'><\/i> \" + response.message + \"<\/div>\");\n                } else {\n                    if (response.action === 'payment') {\n                        $('#formarea').html(response.paymentform);\n                    } else {\n\n                        showAlerts([response.message], 'danger');\n                    }\n                }\n            },\n            error: function (res) {\n                console.log(res);\n            }\n        };\n        $form.on('submit', function (e) {\n            e.preventDefault();\n            if (validateForm()) {\n                $form.find('button[type=submit]').html(submit_button_busy_label);\n                $(this).ajaxSubmit(options);\n            }\n            return false;\n        });\n\n        $('.conditioned').each(function () {\n            var cur_field_id = $(this).attr('id');\n            cur_conditioned_fields = $(this).data('cond-fields');\n            cur_cond_fields = cur_conditioned_fields.split('|');\n            for (i = 0; i < cur_cond_fields.length; i++) {\n                var cond_field = cur_cond_fields[i].split(':');\n                addConditionClass(jQuery('#' + cond_field[0]), cur_field_id);\n            }\n            $('.cond_filler_' + cur_field_id).each(function () {\n                if ($(this).attr('type') == 'checkbox' || $(this).attr('type') == 'radio') {\n                    $(this).on('change', function () {\n                        applyRule(cur_field_id);\n                    });\n                } else if ($(this).attr('type') == 'text' || $(this).attr('type') == 'email') {\n                    $(this).on('keyup', function () {\n                        applyRule(cur_field_id);\n                    });\n                } else {\n                    $(this).on('change', function () {\n                        applyRule(cur_field_id);\n                    });\n                }\n            });\n        });\n\n\n        function showAlerts(msgs, type) {\n            jQuery('.formnotice').slideUp();\n            alert_box = '<div style=\"margin-top: 20px\" class=\"alert formnotice alert-' + type + ' disappear\"><button type=\"button\" class=\"close\" data-dismiss=\"alert\" aria-hidden=\"true\">&times;<\/button>';\n            for (i = 0; i < msgs.length; i++) {\n                alert_box += '' + msgs[i] + '<br\/>';\n            }\n            alert_box += '<\/div>';\n            jQuery('#form-69f544c3a08eb').append(alert_box);\n\n        }\n\n        function addConditionClass(field_id, cond_class) {\n            jQuery(field_id).each(function () {\n                if (jQuery(this).is('input') || jQuery(this).is('select'))\n                    jQuery(this).addClass('cond_filler_' + cond_class);\n                jQuery(this).children().each(function () {\n                    addConditionClass(jQuery(this), cond_class);\n                })\n            });\n            return false;\n        }\n\n        function compareRule(cmp_operator, cmp_value, input_value) {\n            var comp_res = false;\n            switch (cmp_operator) {\n                case 'is':\n                    comp_res = input_value === cmp_value;\n                    break;\n                case 'is-not':\n                    comp_res = input_value !== cmp_value;\n                    break;\n                case 'less-than':\n                    comp_res = input_value < cmp_value;\n                    break;\n                case 'greater-than':\n                    comp_res = input_value > cmp_value;\n                    break;\n                case 'starts-with':\n                    comp_res = input_value.indexOf(cmp_value) === 0;\n                    break;\n                case 'contains':\n                    comp_res = input_value.indexOf(cmp_value) !== -1;\n                    break;\n                case 'ends-with':\n                    comp_res = input_value.indexOf(cmp_value) === (input_value.length - cmp_value.length);\n                    break;\n                default:\n                    comp_res = false;\n                    break;\n\n            }\n\n            return comp_res;\n        }\n\n        function applyRule(field_id) {\n\n            var this_conditions = jQuery('#' + field_id).data('cond-fields').split('|');\n            var this_action = jQuery('#' + field_id).data('cond-action').split(':');\n            var tmp_res = false;\n            var match_all = this_action[1] === 'all';\n            var matched = null;\n\n            $(this_conditions).each(function (index, condition) {\n                condition = condition.split(\":\");\n                var compare_field = condition[0];\n                var operator = condition[1];\n                var compare_with = condition[2];\n                if (compare_field !== '') {\n                    var input_value = 'not-found';\n                    var input_field = $('#' + compare_field).find('.cond_filler_' + field_id);\n                    if (input_field[0].type === 'radio' || input_field[0].type === 'checlbox')\n                        input_value = $('#' + compare_field + ' .cond_filler_' + field_id + ':checked').val();\n                    else\n                        input_value = input_field.val();\n                    if (matched === null) matched = compareRule(operator, compare_with, input_value);\n                    else {\n                        if (match_all) matched = matched && compareRule(operator, compare_with, input_value);\n                        else matched = matched || compareRule(operator, compare_with, input_value);\n                    }\n                }\n            });\n\n            if (matched) {\n                jQuery('#' + field_id).removeClass('hide');\n            } else {\n                jQuery('#' + field_id).addClass('hide');\n            }\n        }\n\n        \n    });\n<\/script>\n\n\n<p>Or if you prefer email, Feel free to contact our board members directly:<\/p>\n<p>President:\u00a0 <a href=\"mailto:prez@mpag.org\">prez@mpag.org<\/a><br \/>\nVice President:\u00a0 <a href=\"mailto:vp@mpag.org\">vp@mpag.org<\/a><br \/>\nSafety Officer:\u00a0 <a href=\"mailto:safety@mpag.org\">safety@mpag.org<\/a><br \/>\nTreasurer:\u00a0 <a href=\"mailto:treasurer@mpag.org\">treasurer@mpag.org<\/a><br \/>\nSecretary: <a href=\"mailto:secretary@mpag.org\">secretary@mpag.org<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Or if you prefer email, Feel free to contact our board members directly: President:\u00a0 prez@mpag.org Vice President:\u00a0 vp@mpag.org Safety Officer:\u00a0 safety@mpag.org Treasurer:\u00a0 treasurer@mpag.org Secretary: secretary@mpag.org<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-107","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/mpag.org\/web\/wp-json\/wp\/v2\/pages\/107","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mpag.org\/web\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mpag.org\/web\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mpag.org\/web\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mpag.org\/web\/wp-json\/wp\/v2\/comments?post=107"}],"version-history":[{"count":6,"href":"https:\/\/mpag.org\/web\/wp-json\/wp\/v2\/pages\/107\/revisions"}],"predecessor-version":[{"id":456,"href":"https:\/\/mpag.org\/web\/wp-json\/wp\/v2\/pages\/107\/revisions\/456"}],"wp:attachment":[{"href":"https:\/\/mpag.org\/web\/wp-json\/wp\/v2\/media?parent=107"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}