import Cookies from 'js-cookie';

const state = {
	sidebar: {
		opened: Cookies.get('sidebarStatus') ? !!+Cookies.get('sidebarStatus') : true,
		withoutAnimation: false
	},
	device: 'desktop',
	course: [],
	courseDetail: {},
	ruleList: []
};

const mutations = {
	TOGGLE_SIDEBAR: state => {
		state.sidebar.opened = !state.sidebar.opened;
		state.sidebar.withoutAnimation = false;
		if (state.sidebar.opened) {
			Cookies.set('sidebarStatus', 1);
		} else {
			Cookies.set('sidebarStatus', 0);
		}
	},
	CLOSE_SIDEBAR: (state, withoutAnimation) => {
		Cookies.set('sidebarStatus', 0);
		state.sidebar.opened = false;
		state.sidebar.withoutAnimation = withoutAnimation;
	},
	TOGGLE_DEVICE: (state, device) => {
		state.device = device;
	},
	HANDLECOURSE: (state, course) => {
		state.course = course;
	},
	HANDLECOURSEDETAIL: (state, courseDetail) => {
		state.courseDetail = courseDetail;
	},
	HANDLERULELIST: (state, ruleList) => {
		state.ruleList = ruleList;
	}
};

const actions = {
	toggleSideBar({ commit }) {
		commit('TOGGLE_SIDEBAR');
	},
	closeSideBar({ commit }, { withoutAnimation }) {
		commit('CLOSE_SIDEBAR', withoutAnimation);
	},
	toggleDevice({ commit }, device) {
		commit('TOGGLE_DEVICE', device);
	},
	handleCourse({ commit }, course) {
		commit('HANDLECOURSE', course);
	},
	handleCourseDetail({ commit }, courseDetail) {
		commit('HANDLECOURSEDETAIL', courseDetail);
	},
	handleRuleList({ commit }, ruleList) {
		commit('HANDLERULELIST', ruleList);
	}
};

export default {
	namespaced: true,
	state,
	mutations,
	actions
};