import './bootstrap';
import "./alert.js"
import "./image-input.js"
import "./menu.js"
import "./modal.js"
import "./sidebar.js"
import "./toast.js"
import "./deal-view-modal.js"
import {setSidebarState} from './sidebar.js';
import {favorite, like, redirect} from "./interaction.js";
import {showReportModal} from "./report-deal.js";
import {initTabs} from "./tab.js";
import {loadModalFromQuery} from "./explore-page.js";
import {deleteRecentSearch} from "./deleteRecentSearch.js";
import {initNavMenu} from "./nav-menu.js";
import {toggleShimmer} from "./shimmer.js";

document.deleteSearch = deleteRecentSearch;
document.like = like;
document.favorite = favorite;
document.redirect = redirect;
document.showReportModal = showReportModal;
window.toggleShimmer = toggleShimmer;

window.addEventListener('load', async () => {
    const preloader = document.getElementById('preloader');
    const content = document.getElementById('content');

    preloader.style.opacity = '0';

    setTimeout(() => {
        preloader.style.display = 'none';
    }, 350);

    content.style.display = 'block';
    document.body.classList.remove('preload');

    const savedState = localStorage.getItem('sidebar');
    if (savedState) {
        setSidebarState(savedState);
    }

    initNavMenu();
    initTabs();
    await loadModalFromQuery();
});