// Gallery modal
document.addEventListener('click', function(e) {
    var thumb = e.target.closest('.lw-gallery__thumb');
    if (thumb) {
        var modal = document.getElementById('lw-modal-gallery');
        var img = modal.querySelector('.lw-modal__img');
        img.src = thumb.dataset.full;
        modal.classList.add('lw-modal--open');
        document.body.style.overflow = 'hidden';
        return;
    }
    var close = e.target.closest('.lw-modal__close, .lw-modal__overlay');
    if (close) {
        var modal = document.getElementById('lw-modal-gallery');
        modal.classList.remove('lw-modal--open');
        document.body.style.overflow = '';
        return;
    }
});

document.addEventListener('keydown', function(e) {
    if (e.key === 'Escape') {
        var modal = document.getElementById('lw-modal-gallery');
        if (modal.classList.contains('lw-modal--open')) {
            modal.classList.remove('lw-modal--open');
            document.body.style.overflow = '';
        }
    }
});

const btnCloseModalPrograms = document.querySelector('.btn-close-programs');
const btnCloseModalMentors = document.querySelector('.btn-close-mentors');
const modalPrograms = document.querySelector('.modal-programs');
const modalMentors = document.querySelector('.modal-mentors');

btnCloseModalPrograms.addEventListener("click", function (event) {
 modalPrograms.classList.remove('open');
});
btnCloseModalMentors.addEventListener("click", function (event) {
 modalMentors.classList.remove('open');
});

document.addEventListener("click", function (event) {
 const target = event.target;

	if (target.classList.contains("btn-program")) {
	const card = target.closest('.programs__card');
	modalPrograms.querySelector('.modal-programs__img').innerHTML = card.querySelector('.programs__image').outerHTML;
	modalPrograms.querySelector('.programs__item_title').textContent = card.querySelector('.programs__name').textContent;
	modalPrograms.querySelector('.programs__item_price').textContent = card.querySelector('.programs__price').textContent;
	modalPrograms.querySelector('.programs__content').innerHTML = card.querySelector('.programs_content').innerHTML;
	modalPrograms.classList.add('open');
	return;
 }
 if (target.classList.contains("btn-mentors")) {
	modalMentors.querySelector('.modal-programs__img').innerHTML = target.parentNode.querySelector('.mentors__item_img').outerHTML;
	modalMentors.querySelector('.modal-mentors_name').textContent = target.parentNode.querySelector('.mentors__item_name').textContent;
	modalMentors.querySelector('.modal-mentors_job').textContent = target.parentNode.querySelector('.mentors__item_text').textContent;
	modalMentors.querySelector('.mentors__about-col_text').textContent = target.parentNode.querySelector('.mentor_education').textContent;

	modalMentors.querySelector('.modal-mentors__directions').innerHTML = target.parentNode.querySelector('.HTMLdirection').innerHTML;
	modalMentors.querySelector('.mentors__experience-col_text').textContent = target.parentNode.querySelector('.mentor_experience').textContent;
	modalMentors.querySelector('.modal-additional__education_list').innerHTML = target.parentNode.querySelector('.mentor_add_experience').innerHTML;
	modalMentors.classList.add('open');
	return;
 }
});
document.querySelectorAll('.box__accordion_label').forEach(function(label) {
    label.addEventListener('keydown', function(e) {
        if (e.key === 'Enter' || e.key === ' ') {
            e.preventDefault();
            this.click();
        }
    });
});