const config = [
   {id: 5340, conditions: [{"param": "form", "value": "1"}], add_class: '' },

]
// 条件ここまで

// 条件に一致しない場合のデフォルト設定を記載。空の場合、デフォルト表示なし。
const default_conf =  {id: 5097, conditions: [], add_class: 'default'}


document.addEventListener('DOMContentLoaded', function() {
	const params = new URL(window.location.href).searchParams
	let match = ''
	for (const row of config) {
		const conditions = row.conditions

		if (conditions) {
			let row_match = true
			for(const cond of conditions) {
				if(params.get(cond.param) != cond.value && row_match) {
					row_match = false
				}
			}
			if (row_match) {
				match = row
				const css_class = row.add_class ? row.add_class : ''
				const form = document.createElement('form')
				form.id = 'mktoForm_' + String(row.id)
				document.getElementById('dynamic-form').appendChild(form)
				if (css_class.length) {
					document.getElementById('dynamic-form').classList.add(css_class)
				}
				break
			}
		}
	}

	if (!match) {
		if (default_conf) {
			const default_css_class = default_conf.add_class?  default_conf.add_class : ''
			const default_form = document.createElement('form')
			default_form.id = 'mktoForm_' + String(default_conf.id)
			document.getElementById('dynamic-form').appendChild(default_form)
			if (default_css_class.length) {
				document.getElementById('dynamic-form').classList.add(default_css_class)
			}
			match = default_conf
		}
	}
	if (match) {
		MktoForms2.loadForm("https://ma.mk.repro.io", "253-HHA-366", match.id)
	}
})