/*
 *  Document   : be_pages_generic_contact.js
 *  Author     : pixelcave
 *  Description: Custom JS code used in Contact Page
 */

class page {
    /*
     * Init Contact Form Validation, for more examples you can check out https://github.com/jzaefferer/jquery-validation
     *
     */
    static initValidationContact() {
        jQuery('.js-validation-be-contact').validate({
            errorClass: 'invalid-feedback animated fadeInDown',
            errorElement: 'div',
            errorPlacement: (error, e) => {
                jQuery(e).after(error);
            },
            highlight: e => {
                jQuery(e).removeClass('is-invalid').addClass('is-invalid');
            },
            success: e => {
                jQuery(e).prev().removeClass('is-invalid');
                jQuery(e).remove();
            },
            rules: {
                'be-contact-name': {
                    required: true,
                    minlength: 2
                },
                'be-contact-email': {
                    required: true,
                    email: true
                },
                'be-contact-subject': {
                    required: true
                },
                'be-contact-message': {
                    required: true,
                    minlength: 2
                }
            },
            messages: {
                'be-contact-name': 'Please provide at least your first name',
                'be-contact-email': 'Please enter your valid email address to be able to reach you back',
                'be-contact-subject': 'Please select where woul you like to send your message',
                'be-contact-message': 'What would you like to say?'
            }
        });
    }

    /*
     * Init Contact Map, for more examples you can check out https://hpneo.github.io/gmaps/
     *
     */
    static initMapContact() {
        if (jQuery('#js-map-be-contact').length) {
            new GMaps({
                div: '#js-map-be-contact',
                lat: 37.840,
                lng: -122.500,
                zoom: 13,
                disableDefaultUI: true,
                scrollwheel: false
            }).addMarkers([
                {lat: 37.840, lng: -122.500, title: 'Marker #1', animation: google.maps.Animation.DROP, infoWindow: {content: 'Company LTD'}}
            ]);
        }
    }

    /*
     * Init functionality
     *
     */
    static init() {
        this.initValidationContact();
        this.initMapContact();
    }
}

// Initialize when page loads
jQuery(() => { page.init(); });