/* ПОДКЛЮЧЕНИЕ ШРИФТОВ */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;600;700&display=swap');

/* УБИРАЕМ НЕНУЖНЫЕ ЭЛЕМЕНТЫ НА СТРАНИЦАХ */
.gc-tasks-block,
.menu-item-search {
	display: none !important;
}


/* ПОКАЗЫВАЕМ КНОПКИ С НАСТРОЙКАМИ БЛОКОВ */
.lite-block-actions {
	display: block !important;
}

/* МЕНЯЕМ ЦВЕТ ДЛЯ СТРОК В ТАБЛИЦЕ */
.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #ebebeb;
}

/* ------------- 
content start - addCollapsed
------------- */

// УБИРАЕМ РАСКРЫТИЕ У ЭЛЕМЕНТОВ НА СТРАНИЦЕ
window.addEventListener('DOMContentLoaded', () => {
	const addCollapsed = () => {
		// Определяем текущий адрес у пользователя
		const currentURLPage = window.location.pathname;

		// Определяем страницы, на которых будет работать скрипт
		const WORK_PAGES_LIST = [
			// Страница с редактированием порядка тренингов
			'/teach/control/stream/tree/edit/1',
			// Страница с редактированием групп
			'/pl/user/group/index',
            '/user/control/group/index',
		];

		// Проверяем будет ли работать скрипт на текущей странице
		const checkWorkPages = WORK_PAGES_LIST.find((item) => {
			return currentURLPage.indexOf(item) !== -1;
		});
		// Если значение не определено, то скрипт не работает
		if (checkWorkPages === undefined) return;

		// Определяем главный блок на GetCourse
		const mainBox = document.querySelector('.gc-main-content');
		if (!mainBox) return;

		// Определяем классы для сотрудников школы
		const employeeСlass = ['gc-user-teacher', 'gc-user-admin'];
		// Проверяем сотрудник ли на странице
		const checkEmployeeСlass = employeeСlass.find((item) =>
			mainBox.classList.contains(item)
		);
		// Если нашел ученика, то скрипт не работает
		if (checkEmployeeСlass === undefined) return;

		// Функционал для групп
		const addCollapsedToGroups = () => {
			// Получаем массив li
			const listItems = Array.from(
				document.querySelectorAll(
					'li.dd-item:not(.dd-collapsed)[data-type="folder"]'
				)
			);
			console.log(listItems);

			listItems.forEach((item) => {
				item.classList.add('dd-collapsed');
			});

			// Получаем массив кнопок в li
			const listButtons = listItems.map((item) =>
				Array.from(item.querySelectorAll('button[data-action]'))
			);
			console.log(listButtons);
			// Все элементы переводим в одномерный массив
			const newListButtons = listButtons.flat();
			console.log(newListButtons);

			newListButtons.forEach((item) => {
				if (item.getAttribute('data-action') == 'collapse') {
					item.style.cssText += 'display: none';
				} else if (item.getAttribute('data-action') == 'expand') {
					item.style.cssText += 'display: block';
				}
			});
		};
		if (currentURLPage.indexOf(WORK_PAGES_LIST[1]) !== -1) {
			addCollapsedToGroups();
		}
		// Функционал для тренингов
		const addCollapsedToTraings = () => {
			// Получаем массив li
			const listItems = Array.from(
				document.querySelectorAll('.dd-list > li.dd-item:not(.dd-collapsed)')
			);
			console.log(listItems);

			listItems.forEach((item) => {
				item.classList.add('dd-collapsed');
			});

			// Получаем массив кнопок в li
			const listButtons = listItems.map((item) =>
				Array.from(item.querySelectorAll('button[data-action]'))
			);
			console.log(listButtons);
			// Все элементы переводим в одномерный массив
			const newListButtons = listButtons.flat();
			console.log(newListButtons);

			newListButtons.forEach((item) => {
				if (item.getAttribute('data-action') == 'collapse') {
					item.style.cssText += 'display: none';
				} else if (item.getAttribute('data-action') == 'expand') {
					item.style.cssText += 'display: block';
				}
			});
		};
		if (currentURLPage.indexOf(WORK_PAGES_LIST[0]) !== -1) {
			addCollapsedToTraings();
		}
	};
	addCollapsed();
});
/* ------------- 
content finish - addCollapsed
------------- */