import {createEvent} from "./events";

const initSearchForm = () => {
    const searchForm = document.querySelector('form.search');

    if (searchForm) {
        const keyword = searchForm.querySelector('#keywords');
        const categories = searchForm.querySelector('[name="category[]"]').querySelectorAll('option');
        const locations = searchForm.querySelector('[name="location[]"]').querySelectorAll('option');

        searchForm.addEventListener('submit', (e) => {
            createEvent({
                event: 'click_search_button',
                form_fields: {
                    'keyword': keyword.value,
                    'categories': [...categories].filter(item => item.selected).map(item => item.value),
                    'locations': [...locations].filter(item => item.selected).map(item => item.value),
                }
            });
        });
    }
}

export { initSearchForm }