<!DOCTYPE html>
<html lang="<?php echo e(config('app.locale')); ?>" itemscope itemtype="http://schema.org/WebPage">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    
    <title><?php echo e($pageTitle ?? 'Dashboard'); ?> - <?php echo e(config('app.name')); ?></title>
    
    <meta name="description" content="KodaPay - Secure and Fast Online Payment Solutions.">
    <meta name="keywords" content="KodaPay, online payments, secure transactions, API payments">
    <meta name="author" content="KodaPay Team">
    <meta property="og:title" content="KodaPay - Fast & Secure Online Payments">
    <meta property="og:description" content="Experience seamless payment processing with KodaPay.">
    <meta property="og:image" content="<?php echo e(asset('assets/images/logo_icon/logo.png')); ?>">
    <meta property="og:url" content="<?php echo e(url()->current()); ?>">
    <meta name="robots" content="index, follow">

    <!-- Stylesheets -->
    <link rel="stylesheet" href="<?php echo e(asset('assets/global/css/bootstrap.min.css')); ?>">
    <link rel="stylesheet" href="<?php echo e(asset('assets/global/css/all.min.css')); ?>">
    <link rel="stylesheet" href="<?php echo e(asset('assets/global/css/line-awesome.min.css')); ?>">
    <link rel="stylesheet" href="<?php echo e(asset('assets/global/css/select2.min.css')); ?>">
    <link rel="stylesheet" href="<?php echo e(asset('assets/templates/basic/css/lightcase.css')); ?>">
    <link rel="stylesheet" href="<?php echo e(asset('assets/templates/basic/css/slick.css')); ?>">
    <link rel="stylesheet" href="<?php echo e(asset('assets/templates/basic/user/css/main.css')); ?>">
    <script src="https://www.google.com/recaptcha/api.js" async defer></script>

    <?php echo $__env->yieldPushContent('style-lib'); ?>
    <?php echo $__env->yieldPushContent('style'); ?>

  <style>
        /* Full-screen centered loader */
        .loader-container {
            display: flex;
            align-items: center;
            justify-content: center;
            height: 100vh;
            width: 100vw;
            background-color: #ffffff; /* Adjust as needed */
            position: fixed;
            top: 0;
            left: 0;
            z-index: 9999;
            transition: opacity 0.5s ease-out, visibility 0.5s ease-out;
        }

        /* Loader wrapper */
        .loader-wrapper {
            position: relative;
            width: 120px;
            height: 120px;
        }

        /* Spinning ring */
        .loader-ring {
            width: 120px;
            height: 120px;
            border: 5px solid #3498db;
            border-top: 5px solid transparent;
            border-radius: 50%;
            position: absolute;
            top: 0;
            left: 0;
            animation: spin 1s linear infinite;
        }

        /* KodaPay logo inside the ring */
        .loader-logo {
            width: 70px;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            animation: pulse 1.5s ease-in-out infinite;
        }

        /* Spinning animation */
        @keyframes  spin {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }

        /* Subtle bounce/pulse animation for logo */
        @keyframes  pulse {
            0%, 100% { transform: translate(-50%, -50%) scale(1); }
            50% { transform: translate(-50%, -50%) scale(1.1); }
        }

          #preloader {
            position: fixed;
            width: 100%;
            height: 100vh;
            background: white;
            z-index: 9999;
            display: flex;
            align-items: center;
            justify-content: center;
        }
    </style>
</head>

<body>

    <!-- Page Loader -->
     <!-- Loader Section -->
     
    <div class="loader-container" id="preloader">
        <div class="loader-wrapper">
            <div class="loader-ring"></div>
            <img src="<?php echo e(asset('assets/images/logo_icon/favicon.png')); ?>" alt="KodaPay Logo" class="loader-logo">
        </div>
    </div>



    <div class="merchant-dashboard">
        <?php echo $__env->make('partials.auth_sidenav', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
        <?php echo $__env->make('partials.auth_topbar', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>

        <div class="merchant-dashboard__body mt-3">
            <div class="dashboard-container">
                <?php echo $__env->yieldContent('content'); ?>
            </div>
        </div>
    </div>

    <!-- jQuery library -->
    <script src="<?php echo e(asset('assets/global/js/jquery-3.7.1.min.js')); ?>"></script>
    <!-- bootstrap js -->
    <script src="<?php echo e(asset('assets/global/js/bootstrap.bundle.min.js')); ?>"></script>
    <script src="<?php echo e(asset('assets/global/js/select2.min.js')); ?>"></script>

    <?php echo $__env->yieldPushContent('script-lib'); ?>

    <script src="<?php echo e(asset('assets/templates/basic/js/slick.min.js')); ?>"></script>
    <script src="<?php echo e(asset('assets/templates/basic/js/lightcase.min.js')); ?>"></script>
    <script src="<?php echo e(asset('assets/templates/basic/js/jquery.validate.js')); ?>"></script>

    <script src="<?php echo e(asset('assets/templates/basic/user/js/wow.min.js')); ?>"></script>
    <script src="<?php echo e(asset('assets/templates/basic/user/js/jquery.slimscroll.min.js')); ?>"></script>
    <script src="<?php echo e(asset('assets/templates/basic/user/js/jquery.paroller.min.js')); ?>"></script>

    <!-- main js -->
    <script src="<?php echo e(asset('assets/templates/basic/user/js/app.js')); ?>"></script>

    <?php echo $__env->yieldPushContent('script'); ?>
    <?php echo $__env->make('partials.notify', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>


<script>
    window.onload = function () {
        setTimeout(function () {
            document.getElementById("preloader").style.opacity = "0"; 
            setTimeout(function () {
                document.getElementById("preloader").style.display = "none";
            }, 500);
        }, 500); 
    };
</script>


</body>
</html>
<?php /**PATH /home/paysafebd23/ovimanager.store/resources/views/layouts/main-app.blade.php ENDPATH**/ ?>