/*global $, moment, fetch, WEBSITE_URL, ENABLE_DISMISS, $x*/
/*jslint browser, devel, multivar, long*/

(function () {
    "use strict";
    var MANIFEST_URL = "manifest.json";

    var deferredPrompt;

    // jQuery selectors
    var $banner = $("#pwa-banner");
    var $installBtn = $("#install-btn");
    var $chromeContent = $("#chrome-content");
    var $iosContent = $("#ios-content");
    var $iosCloseBtn = $("#ios-close-btn");

    var $appIcon = $(".app-icon");
    var $appNameEl = $(".app-name");
    var $appDescEl = $(".app-desc");

    var BANNER_KEY = "pwa_banner_dismissed";
    var INSTALL_KEY = "pwa_installed";
    var BANNER_REMIND_DAYS = 3;

    // --- Utility Functions ---

    function isIOS() {
        var userAgent = window.navigator.userAgent.toLowerCase();
        return /iphone|ipad|ipod/.test(userAgent);
    }

    function isMobileOrTablet() {
        var maxScreenWidth = 1024;
        var isSmallScreen = window.innerWidth <= maxScreenWidth || window.screen.width <= maxScreenWidth;
        // var hasTouch = (window.ontouchstart !== undefined) || (navigator.maxTouchPoints > 0);
        return isSmallScreen;
    }

    function isInStandaloneMode() {
        return localStorage.getItem(INSTALL_KEY) === "true" ||
                window.matchMedia("(display-mode: standalone)").matches ||
                (window.navigator.standalone === true);
    }

    function shouldShowBanner() {
        if (!isMobileOrTablet()) {
            return false;
        }

        if (isInStandaloneMode()) {
            return false;
        }


        if (ENABLE_DISMISS) {
            var lastDismiss = localStorage.getItem(BANNER_KEY);
            if (!lastDismiss) {
                return true;
            }

            var lastDismissTime = parseInt(lastDismiss, 10);
            var now = Date.now();
            var daysSinceDismiss = (now - lastDismissTime) / (1000 * 60 * 60 * 24);

            return daysSinceDismiss >= BANNER_REMIND_DAYS;
        } else {
            return true;
        }

    }

    function getManifestDetails() {
        return fetch(MANIFEST_URL)
            .then(function (response) {
                return response.json();
            })
            .then(function (manifest) {
                var icon = manifest.icons.find(function (icon) {
                    var size = parseInt(icon.sizes.split("x")[0], 10);
                    return icon.sizes === "192x192" || size >= 192;
                }) || manifest.icons[0];

                return {
                    name: "Install " + (manifest.short_name || manifest.name || "My App"),
                    iconUrl: icon
                        ? icon.src
                        : "placeholder-icon.png",
                    description: WEBSITE_URL
                };
            })
            .catch(function (error) {
                console.error("Error fetching manifest:", error);
                return {
                    name: "My App",
                    iconUrl: "placeholder-icon.png",
                    description: "Install this app on your device"
                };
            });
    }

    // --- Banner Display Logic ---

    function hideBanner() {
        $banner.removeClass("show");
        setTimeout(function () {
            $chromeContent.removeClass("show-flex");
            $iosContent.removeClass("show-flex");
            $banner.hide();
        }, 400);
    }

    function showBanner(platform) {
        if (!shouldShowBanner()) {
            return;
        }


        $chromeContent.removeClass("show-flex");
        $iosContent.removeClass("show-flex");

        if (platform === "chrome") {
            getManifestDetails().then(function (details) {
                $appIcon.attr("src", details.iconUrl);
                $appNameEl.text(details.name);
                $appDescEl.text(details.description);

                $chromeContent.addClass("show-flex");
                $banner.css("display", "flex");
                $banner.addClass("show");
            });
        } else if (platform === "ios") {
            getManifestDetails().then(function (details) {
                $appIcon.attr("src", details.iconUrl);
                $appNameEl.text(details.name);

                $iosContent.addClass("show-flex");
                $banner.css("display", "flex");
                $banner.addClass("show");
            });
        }
    }

    function dismissBanner() {
        hideBanner();
        localStorage.setItem(BANNER_KEY, Date.now().toString());
        console.log("Banner dismissed, will remind again in " + BANNER_REMIND_DAYS + " days.");
    }

    // --- Event Listeners ---

    $(window).on("beforeinstallprompt", function (e) {
        e.originalEvent.preventDefault();
        deferredPrompt = e.originalEvent;
        showBanner("chrome");
    });

    $(window).on("appinstalled", function () {
        localStorage.setItem(INSTALL_KEY, "true");
        hideBanner();
        deferredPrompt = null;
        console.log("PWA was successfully installed.");
    });

    $installBtn.on("click", function () {
        if (deferredPrompt) {
            hideBanner();
            deferredPrompt.prompt();
            deferredPrompt.userChoice.then(function (choiceResult) {
                console.log("User choice:", choiceResult.outcome);
                deferredPrompt = null;
                localStorage.setItem(BANNER_KEY, Date.now().toString());
            });
        }
    });

    $iosCloseBtn.on("click", dismissBanner);

    $(window).on("click", function (e) {
        var isBannerVisible = $banner.hasClass("show");
        var isClickInsideBanner = $banner.is(e.target) || $banner.has(e.target).length > 0;

        if (isBannerVisible && !isClickInsideBanner) {
            dismissBanner();
        }
    });

    $(window).on("load", function () {
        if (isIOS() && !isInStandaloneMode()) {
            showBanner("ios");
        } else if (deferredPrompt) {
            showBanner("chrome");
        }
    });
}());