<!DOCTYPE html>
<html lang="<?php echo e(str_replace('_', '-', app()->getLocale())); ?>">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="csrf-token" content="<?php echo e(csrf_token()); ?>">
    <title><?php echo e($company->short_name); ?></title>
    <link rel="icon" type="image/png" href="<?php echo e($company->small_light_logo_url); ?>">
    <meta name="msapplication-TileImage" href="<?php echo e($company->small_light_logo_url); ?>">
    <!-- <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Nunito:300,400,600,700&display=swap" /> -->
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" />

    <!-- PWA Meta Tags -->
    <meta name="theme-color" content="#008781">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="#008781">
    <meta name="apple-mobile-web-app-title" content="<?php echo e($company->short_name); ?>">
    <meta name="description" content="<?php echo e($company->short_name); ?>">
    <meta name="mobile-web-app-capable" content="yes">
    <link rel="manifest" href="<?php echo e(asset('manifest.json')); ?>">
    <link rel="apple-touch-icon" href="<?php echo e($company->small_light_logo_url); ?>">
    <link rel="apple-touch-startup-image" href="<?php echo e($company->logo_url ?? $company->small_light_logo_url); ?>">

    <style>
        html, * {
            font-family: 'Inter', sans-serif;
        }

        .loading-app-container {
            height: 100%;
            width: 100%;
            display: flex;
            position: fixed;
            align-items: center;
            justify-content: center;
            background: #f8f8ff;
        }

        .ant-result {
            padding: 48px 32px;
        }

        .ant-result-icon {
            margin-bottom: 24px;
            text-align: center;
        }

        .ant-result-title {
            color: #000000d9;
            font-size: 24px;
            line-height: 1.8;
            text-align: center;
        }

        .ant-result-extra {
            margin: 24px 0 0;
            text-align: center;
        }


        .anticon-spin,
        .anticon-spin:before {
            animation: loadingCircle 1s linear infinite;
            display: inline-block
        }

        @keyframes loadingCircle {
            to {
                transform: rotate(1turn)
            }
        }
    </style>
</head>

<body>
    <div id="app">
        <div class="loading-app-container">
            <div class="ant-result ant-result-info">
                <div class="ant-result-icon">
                    <img src="<?php echo e($loadingImage); ?>" style="width: 150px; display: inline-flex;">
                </div>
                <?php if(isset($loadingLangMessageLang)): ?>
                    <div class="ant-result-title">
                        <span style="color: #0c6e6c;">
                            <?php echo e($loadingLangMessageLang); ?>

                        </span>
                    </div>
                <?php endif; ?>
                <div class="ant-result-extra">
                    <span role="img" aria-label="sync" class="anticon anticon-sync"
                        style="font-size: 38px; color: #0c6e6c;">
                        <svg focusable="false" class="anticon-spin" data-icon="sync" width="1em" height="1em"
                            fill="currentColor" aria-hidden="true" viewBox="64 64 896 896">
                            <path
                                d="M168 504.2c1-43.7 10-86.1 26.9-126 17.3-41 42.1-77.7 73.7-109.4S337 212.3 378 195c42.4-17.9 87.4-27 133.9-27s91.5 9.1 133.8 27A341.5 341.5 0 01755 268.8c9.9 9.9 19.2 20.4 27.8 31.4l-60.2 47a8 8 0 003 14.1l175.7 43c5 1.2 9.9-2.6 9.9-7.7l.8-180.9c0-6.7-7.7-10.5-12.9-6.3l-56.4 44.1C765.8 155.1 646.2 92 511.8 92 282.7 92 96.3 275.6 92 503.8a8 8 0 008 8.2h60c4.4 0 7.9-3.5 8-7.8zm756 7.8h-60c-4.4 0-7.9 3.5-8 7.8-1 43.7-10 86.1-26.9 126-17.3 41-42.1 77.8-73.7 109.4A342.45 342.45 0 01512.1 856a342.24 342.24 0 01-243.2-100.8c-9.9-9.9-19.2-20.4-27.8-31.4l60.2-47a8 8 0 00-3-14.1l-175.7-43c-5-1.2-9.9 2.6-9.9 7.7l-.7 181c0 6.7 7.7 10.5 12.9 6.3l56.4-44.1C258.2 868.9 377.8 932 512.2 932c229.2 0 415.5-183.7 419.8-411.8a8 8 0 00-8-8.2z">
                            </path>
                        </svg>
                    </span>
                </div>
            </div>
        </div>
    </div>

    <script>
        window.config = {
            'path': '<?php echo e(url('/')); ?>',
            'verify_purchase_background': "<?php echo e(asset('images/verify_purchase_background.svg')); ?>",
            'login_background': "<?php echo e(asset('images/login_background.svg')); ?>",
            'staff_member_sample_file': "<?php echo e(asset('images/sample_staff_members.csv')); ?>",
            'translations_sample_file': "<?php echo e(asset('images/sample_translations.csv')); ?>",
            'attendance_sample_file': "<?php echo e(asset('images/sample_attendance.csv')); ?>",
            'perPage': 10,
            'product_name': "<?php echo e($appName); ?>",
            'product_version': "<?php echo e($appVersion); ?>",
            'modules': <?php echo json_encode($enabledModules, 15, 512) ?>,
            'installed_modules': <?php echo json_encode($installedModules, 15, 512) ?>,
            'theme_mode': "<?php echo e($themeMode); ?>",
            'appChecking': true,
            'app_version': "<?php echo e($appVersion); ?>",
            'app_env': "<?php echo e($appEnv); ?>",
            'app_type': "<?php echo e($appType); ?>",
        };
    </script>
    <?php if(app_type() == 'saas'): ?>
        <script src="https://checkout.razorpay.com/v1/checkout.js"></script>
    <?php endif; ?>

    <?php if(env('BEAMER_ENABLED', 'no') === 'yes'): ?>
        <script>
            var beamer_config = {
                product_id: "rwiDBySZ77561" // DO NOT CHANGE: This is your product code on Beamer
            };
        </script>
        <script type="text/javascript" src="https://app.getbeamer.com/js/beamer-embed.js" defer="defer"></script>
    <?php endif; ?>

    <?php echo app('Illuminate\Foundation\Vite')('resources/js/app.js'); ?>
</body>

</html>
<?php /**PATH /var/www/html/kiyohr/dev/app_preprod/resources/views/welcome.blade.php ENDPATH**/ ?>