<!DOCTYPE html>
<html  lang="fa" dir="rtl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="csrf-token" content="">

    <link rel="icon" href="/storage/files/iMdHuiuZN75uYVx0maIzUEYhcCE7ScnWEwmiBxdl.jpg" type="image/png">
    <link rel="icon" href="/storage/files/iMdHuiuZN75uYVx0maIzUEYhcCE7ScnWEwmiBxdl.jpg" type="image/ico">
    <link rel="icon" href="/storage/files/iMdHuiuZN75uYVx0maIzUEYhcCE7ScnWEwmiBxdl.jpg" type="image/jpeg">

    <title>صفحه یافت نشد</title>

    <script src="https://app.sasms.ir/js/sweet-alert.min.js"></script>

    <link rel="preload" as="style" href="https://app.sasms.ir/build/assets/app-BbVk11LI.css" /><link rel="stylesheet" href="https://app.sasms.ir/build/assets/app-BbVk11LI.css" />
    <link rel="modulepreload" as="script" href="https://app.sasms.ir/build/assets/app-vQ9Edj1I.js" /><script type="module" src="https://app.sasms.ir/build/assets/app-vQ9Edj1I.js"></script></head>
<body class="bg-white dark:bg-gray-800 font-lahzeh">
<div class="container mx-auto min-h-screen flex flex-col items-center justify-center px-4">
    <!-- 500 Illustration -->
    <div class="w-full mb-8 items-center text-center flex justify-center">
            <img src="https://app.sasms.ir/images/errors/404.png" alt="page not found">
    </div>

    <h1 class="text-4xl dark:text-gray-50 text-gray-700">
        404    </h1>
    <h2 class="text-gray-600 mb-8 text-xl dark:text-gray-50">
        صفحه یافت نشد    </h2>

    <!-- Home Button -->
    <a href="https://app.sasms.ir" class="inline-block bg-yellow-500 hover:bg-yellow-600 text-white font-semibold py-3 px-8 rounded-lg transition duration-300 shadow-md hover:shadow-lg">
        خانه
    </a>
</div>

<div class="fixed bottom-4 left-4 bg-blue-500 hover:bg-blue-600 z-50 text-white rounded-full">
    <button id="theme-toggle" class="p-2  focus:outline-none">
        <svg id="moon-icon" class="w-6 h-6 hidden" fill="currentColor" viewBox="0 0 20 20">
            <path d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001 0 1010.586 10.586z"></path>
        </svg>
        <svg id="sun-icon" class="w-6 h-6" fill="currentColor" viewBox="0 0 20 20">
            <path
                    d="M10 2a1 1 0 011 1v1a1 1 0 11-2 0V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95l.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707a1 1 0 11-1.414-1.414l.707-.707a1 1 0 011.414 0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707a1 1 0 00-1.414 1.414l.707.707zm1.414 8.486l-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z"></path>
        </svg>
    </button>
</div>
<script src="https://app.sasms.ir/js/buttons.js"></script>
<script src="https://app.sasms.ir/js/app.bundle.js"></script>
<script src="https://app.sasms.ir/js/datepicker.js"></script>

<script>
    document.addEventListener('DOMContentLoaded', function () {
        // Get elements
        const menuToggle = document.getElementById('menu-toggle');
        const mobileMenu = document.getElementById('mobile-menu');
        const themeToggle = document.getElementById('theme-toggle');
        const mobileThemeToggle = document.getElementById('mobile-theme-toggle');
        const moonIcon = document.getElementById('moon-icon');
        const sunIcon = document.getElementById('sun-icon');
        const mobileMoonIcon = document.getElementById('mobile-moon-icon');
        const mobileSunIcon = document.getElementById('mobile-sun-icon');
        const html = document.documentElement;

        // Mobile menu toggle
        if (menuToggle && mobileMenu) {
            menuToggle.addEventListener('click', function () {
                mobileMenu.classList.toggle('active');
            });
        }

        // Functions for dark mode
        function enableDarkMode() {
            html.classList.add('dark');
            localStorage.setItem('theme', 'dark');

            // Update icons if they exist
            if (moonIcon && sunIcon) {
                moonIcon.classList.add('hidden');
                sunIcon.classList.remove('hidden');
            }

            if (mobileMoonIcon && mobileSunIcon) {
                mobileMoonIcon.classList.add('hidden');
                mobileSunIcon.classList.remove('hidden');
            }
        }

        function disableDarkMode() {
            html.classList.remove('dark');
            localStorage.setItem('theme', 'light');

            // Update icons if they exist
            if (moonIcon && sunIcon) {
                moonIcon.classList.remove('hidden');
                sunIcon.classList.add('hidden');
            }

            if (mobileMoonIcon && mobileSunIcon) {
                mobileMoonIcon.classList.remove('hidden');
                mobileSunIcon.classList.add('hidden');
            }
        }

        // Check for saved theme preference or use system preference
        const savedTheme = localStorage.getItem('theme');

        if (savedTheme === 'dark' || (!savedTheme && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
            enableDarkMode();
        } else {
            disableDarkMode();
        }

        // Toggle dark/light mode
        if (themeToggle) {
            themeToggle.addEventListener('click', function () {
                if (html.classList.contains('dark')) {
                    disableDarkMode();
                } else {
                    enableDarkMode();
                }
            });
        }

        if (mobileThemeToggle) {
            mobileThemeToggle.addEventListener('click', function () {
                if (html.classList.contains('dark')) {
                    disableDarkMode();
                } else {
                    enableDarkMode();
                }
            });
        }
    });
</script>

</body>
</html>