1, 'email' => 1, 'textarea' => 1, 'select' => 1, 'agreement' => 1, 'checkboxes' => 1, 'radio' => 1, 'date' => 1, ); foreach ( $fields as $field_name => $field ) { if ( isset( $field['type'] ) ) { $fields[ $field_name ]['type'] = $field['type']; if ( in_array( $field['type'], array_keys( $repeatable_fields ) ) ) { $fields[ $field_name ]['field_id'] = $repeatable_fields[ $field['type'] ]; $repeatable_fields[ $field['type'] ] += 1; } // Define if the form has Date field type if ( $field['type'] == 'date' ) { $has_date_field = TRUE; } } else { $fields[ $field_name ]['type'] = 'text'; } } // Add param to existing data, if set if ( ! empty( $json_data ) AND is_array( $json_data ) ) { $json_data['ajaxurl'] = admin_url( 'admin-ajax.php' ); } else { $json_data = array( 'ajaxurl' => admin_url( 'admin-ajax.php' ), ); } global $us_cform_index; $_atts = array( 'class' => 'w-form', 'autocomplete' => 'off', 'action' => isset( $action ) ? $action : site_url( $_SERVER['REQUEST_URI'] ), 'method' => isset( $method ) ? $method : 'post', ); if ( ! empty( $classes ) ) { $_atts['class'] .= ' ' . $classes; } if ( ! empty( $type ) ) { $_atts['class'] .= ' for_' . $type; } if ( ! empty( $us_cform_index ) ) { $_atts['class'] .= ' us_form_' . $us_cform_index; } // Fallback for forms without layout class if ( strpos( $_atts['class'], 'layout_' ) === FALSE ) { $_atts['class'] .= ' layout_ver'; } // Set CSS inline var for gap between fields if ( ! us_amp() AND isset( $fields_gap ) AND trim( $fields_gap ) != '1rem' ) { $_atts['style'] = '--fields-gap:' . $fields_gap; } if ( ! empty( $el_id ) ) { $_atts['id'] = $el_id; } // Add AMP related attributes if ( us_amp() ) { $_atts['action'] = $json_data['ajaxurl']; $_atts['custom-validation-reporting'] = 'show-all-on-submit'; } // Pass the URL to load jquery-ui-datepicker via AJAX if ( ! empty( $has_date_field ) AND us_get_option( 'ajax_load_js', 0 ) ) { $_atts['data-jquery-ui'] = includes_url( 'js/jquery/ui/datepicker.min.js' ); // Use part of wp_localize_jquery_ui_datepicker(), because the script included via AJAX global $wp_locale; // Pass localized date picker info to JS $json_data['jquery-ui-locale'] = array( 'monthNames' => array_values( $wp_locale->month ), 'monthNamesShort' => array_values( $wp_locale->month_abbrev ), 'nextText' => us_translate( 'Next' ), 'prevText' => us_translate( 'Previous' ), 'dayNames' => array_values( $wp_locale->weekday ), 'dayNamesShort' => array_values( $wp_locale->weekday_abbrev ), 'dayNamesMin' => array_values( $wp_locale->weekday_initial ), 'firstDay' => absint( get_option( 'start_of_week' ) ), 'isRTL' => $wp_locale->is_rtl(), ); } // Output the form echo ''; echo '

'; echo $start_html; foreach ( $fields as $field ) { us_load_template( 'templates/form/' . $field['type'], $field ); } echo $end_html; echo '

'; echo '

'; if ( ! us_amp() ) { echo ''; } echo '';