<?php
if (Auth::check() && Auth::user()->dashboard_style == "light") {
	$text = "dark";
	$bg = "light";
} else {
	$text = "light";
	$bg = "dark";
}
?>

<!DOCTYPE html>
<html lang="<?php echo e(app()->getLocale()); ?>">
<head>
	<script type="text/javascript" src="https://js.stripe.com/v3/"></script>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- CSRF Token -->
    <meta name="csrf-token" content="<?php echo e(csrf_token()); ?>">
    <title><?php echo e($settings->site_name); ?> | <?php echo e($title); ?></title>
    <link rel="icon" href="<?php echo e(asset('storage/app/public/photos/'.$settings->favicon)); ?>" type="image/png"/>
	
	<?php $__env->startSection('styles'); ?>
			<!-- Fonts and icons -->
		<script src="<?php echo e(asset('dash/js/plugin/webfont/webfont.min.js')); ?>"></script>
	<!-- Sweet Alert -->
		<script src="<?php echo e(asset('dash/js/plugin/sweetalert/sweetalert.min.js')); ?> "></script>
		<!-- CSS Files -->
		<link rel="stylesheet" href="<?php echo e(asset('dash/css/bootstrap.min.css')); ?>">
		<link rel="stylesheet" href="<?php echo e(asset('dash/css/fonts.min.css')); ?>">
		<link rel="stylesheet" href="<?php echo e(asset('dash/css/atlantis.min.css')); ?>">
		<link rel="stylesheet" href="<?php echo e(asset('dash/css/customs.css')); ?>">
		<link rel="stylesheet" href="<?php echo e(asset('dash/css/style.css')); ?>">
		<link rel="stylesheet" href="<?php echo e(asset('dash/css/atlantis.min.css')); ?>">
		<link rel="stylesheet" href="https://cdn.datatables.net/buttons/1.6.2/css/buttons.dataTables.min.css">
		<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/v/bs4/dt-1.10.21/af-2.3.5/b-1.6.3/b-flash-1.6.3/b-html5-1.6.3/b-print-1.6.3/r-2.2.5/datatables.min.css"/>
		<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
		<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/css/select2.min.css" rel="stylesheet" />
		<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/js/select2.min.js"></script>		
			
		<!-- Bootstrap Notify -->
		<script src="<?php echo e(asset('dash/js/plugin/bootstrap-notify/bootstrap-notify.min.js')); ?> "></script>
		<script src="<?php echo e(asset('dash/js/plugin/sweetalert/sweetalert.min.js')); ?> "></script>
		<script src="https://cdn.jsdelivr.net/gh/alpinejs/alpine@v2.8.1/dist/alpine.min.js" defer></script>
		<script src="https://cdn.jsdelivr.net/npm/chart.js@3.2.1/dist/chart.min.js"></script>
		<?php echo \Livewire\Livewire::styles(); ?>


		 <!--PayPal-->
		 <script>
            // Add your client ID and secret
            var PAYPAL_CLIENT = '<?php echo e($settings->pp_ci); ?>';
            var PAYPAL_SECRET = '<?php echo e($settings->pp_cs); ?>';
            
            // Point your server to the PayPal API
            var PAYPAL_ORDER_API = 'https://api.paypal.com/v2/checkout/orders/';
        </script>
        <script src="https://www.paypal.com/sdk/js?client-id=<?php echo e($settings->pp_ci); ?>"></script>
	<?php echo $__env->yieldSection(); ?>
	
</head>
<body data-background-color="dark">
    <div id="app">
        
        <!--/PayPal-->
            
        <!--Start of Tawk.to Script-->
        <script type="text/javascript">
        {<?php echo $settings->tawk_to; ?>}
        </script>
        <!--End of Tawk.to Script-->
		<div class="wrapper">
			<?php echo $__env->yieldContent('content'); ?>
				<footer class="">
					<div class="container-fluid">
						<div class="">
							<p>All Rights Reserved &copy; <?php echo e($settings->site_name); ?> <?php echo date("Y")?></p>
						</div>
					</div>
				</footer>
			</div>
		</div>
	</div>

	<?php $__env->startSection('scripts'); ?>
			<!--   Core JS Files   -->
		<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
		
		<script src="<?php echo e(asset('dash/js/core/popper.min.js')); ?>"></script>
		<script src="<?php echo e(asset('dash/js/core/bootstrap.min.js')); ?> "></script>
		<script src="<?php echo e(asset('dash/js/customs.js')); ?>"></script>
		
		<!-- jQuery UI -->
		<script src="<?php echo e(asset('dash/js/plugin/jquery-ui-1.12.1.custom/jquery-ui.min.js')); ?>"></script>
		<script src="<?php echo e(asset('dash/js/plugin/jquery-ui-touch-punch/jquery.ui.touch-punch.min.js')); ?>"></script>

		<!-- jQuery Scrollbar -->
		<script src="<?php echo e(asset('dash/js/plugin/jquery-scrollbar/jquery.scrollbar.min.js')); ?> "></script>

		<!-- jQuery Sparkline -->
		<script src="<?php echo e(asset('dash/js/plugin/jquery.sparkline/jquery.sparkline.min.js')); ?> "></script>

		<!-- Sweet Alert -->
		<script src="<?php echo e(asset('dash/js/plugin/sweetalert/sweetalert.min.js')); ?> "></script>
		<!-- Bootstrap Notify -->
		<script src="<?php echo e(asset('dash/js/plugin/bootstrap-notify/bootstrap-notify.min.js')); ?> "></script>
		
		<script type="text/javascript" src="https://cdn.datatables.net/v/bs4/dt-1.10.21/af-2.3.5/b-1.6.3/b-flash-1.6.3/b-html5-1.6.3/b-print-1.6.3/r-2.2.5/datatables.min.js"></script>

		<script src="<?php echo e(asset('dash/js/atlantis.min.js')); ?>"></script>
		<script src="<?php echo e(asset('dash/js/atlantis.js')); ?>"></script>

		<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
		<script type="text/javascript">
			function googleTranslateElementInit() {
			new google.translate.TranslateElement({pageLanguage: 'en'}, 'google_translate_element');
			}
		</script>

		<script type="text/javascript">
			var badWords = [ 
				'<!--Start of Tawk.to Script-->',
				'<script type="text/javascript">', 
				'<!--End of Tawk.to Script-->'
						];
			$(':input').on('blur', function(){
				var value = $(this).val();
				$.each(badWords, function(idx, word){
					value = value.replace(word, '');
				});
				$(this).val( value);
			});
		</script>
		<script>
			$(document).ready( function () {
				$('#ShipTable').DataTable({
					order: [ [0, 'desc'] ],
					dom: 'Bfrtip',
					buttons: [
					'copy', 'csv', 'print', 'excel','pdf'
				] 
				});

				
				$(".dataTables_length select").addClass("bg-<?php echo e($bg); ?> text-<?php echo e($text); ?>");
				$(".dataTables_filter input").addClass("bg-<?php echo e($bg); ?> text-<?php echo e($text); ?>");
			} );
		</script>
		<script>
			$(document).ready( function () {
				$('.UserTable').DataTable({
					order: [ [0, 'desc'] ]
				});
				$(".dataTables_length select").addClass("bg-<?php echo e($bg); ?> text-<?php echo e($text); ?>");
				$(".dataTables_filter input").addClass("bg-<?php echo e($bg); ?> text-<?php echo e($text); ?>");
			} );
		</script>
		<?php echo $__env->yieldPushContent('modals'); ?>
		<?php echo \Livewire\Livewire::scripts(); ?>

	<?php echo $__env->yieldSection(); ?>
    
 <script>
  const investors = [
    { name: "Sarah Chen", location: "Singapore", earnings: 12450.75 },
    { name: "Marcus Johnson", location: "New York, USA", earnings: 8930.20 },
    { name: "Elena Rodriguez", location: "Madrid, Spain", earnings: 15680.90 },
    { name: "David Kim", location: "Seoul, South Korea", earnings: 22100.50 },
    { name: "Amara Okafor", location: "Lagos, Nigeria", earnings: 9875.30 },
    { name: "Lucas Silva", location: "São Paulo, Brazil", earnings: 18750.85 },
    { name: "Priya Sharma", location: "Mumbai, India", earnings: 14320.40 },
    { name: "James Mitchell", location: "London, UK", earnings: 26890.60 },
    { name: "Fatima Al-Zahra", location: "Dubai, UAE", earnings: 31250.95 },
    { name: "Thomas Anderson", location: "Sydney, Australia", earnings: 19640.25 },
    { name: "Isabella Rossi", location: "Rome, Italy", earnings: 13580.70 },
    { name: "Ahmed Hassan", location: "Cairo, Egypt", earnings: 11290.15 },
    { name: "Anna Kowalski", location: "Warsaw, Poland", earnings: 16840.55 },
    { name: "Carlos Mendoza", location: "Mexico City, Mexico", earnings: 20150.80 },
    { name: "Yuki Tanaka", location: "Tokyo, Japan", earnings: 28930.45 }
  ];

  const topInvestors = [
    { name: "Victoria Sterling", location: "Monaco", amount: 2850000.00 },
    { name: "Alexander Petrov", location: "Moscow, Russia", amount: 2640000.00 },
    { name: "Raj Patel", location: "London, UK", amount: 2420000.00 },
    { name: "Sophie Laurent", location: "Paris, France", amount: 2180000.00 },
    { name: "Chen Wei", location: "Hong Kong", amount: 2050000.00 },
    { name: "Roberto Benedetti", location: "Milan, Italy", amount: 1950000.00 },
    { name: "Mikhail Volkov", location: "Geneva, Switzerland", amount: 1840000.00 },
    { name: "Aria Nakamura", location: "Tokyo, Japan", amount: 1720000.00 },
    { name: "Luis Fernandez", location: "Barcelona, Spain", amount: 1680000.00 },
    { name: "Emma Thompson", location: "Toronto, Canada", amount: 1590000.00 },
    { name: "Omar Al-Rashid", location: "Riyadh, Saudi Arabia", amount: 1520000.00 },
    { name: "Nina Johansson", location: "Stockholm, Sweden", amount: 1480000.00 },
    { name: "Gabriel Santos", location: "Rio de Janeiro, Brazil", amount: 1420000.00 },
    { name: "Zara Khan", location: "Karachi, Pakistan", amount: 1380000.00 },
    { name: "Magnus Andersen", location: "Oslo, Norway", amount: 1340000.00 }
  ];

  let currentIndex = 0;
  let isTopInvestor = false;
  const card = document.getElementById('notificationCard');

  function formatCurrency(amount) {
    return new Intl.NumberFormat('en-US', {
      style: 'currency',
      currency: 'USD',
      minimumFractionDigits: 2
    }).format(amount);
  }

  function showNotification(data, isTop = false) {
    // Hide current notification
    card.classList.remove('show');
    
    setTimeout(() => {
      // Update content
      document.getElementById('notificationType').textContent = isTop ? 'TOP INVESTOR' : 'LIVE EARNINGS';
      document.getElementById('investorName').textContent = data.name;
      document.getElementById('locationText').textContent = data.location;
      document.getElementById('earningsLabel').textContent = isTop ? 'TOTAL INVESTMENT' : 'CURRENT EARNINGS';
      document.getElementById('investorEarnings').textContent = formatCurrency(isTop ? data.amount : data.earnings);
      
      // Update icon
      document.querySelector('.notification-icon').textContent = isTop ? '👑' : '💰';
      
      // Show notification
      card.classList.add('show');
    }, 250);
  }

  function nextNotification() {
    if (isTopInvestor) {
      // Show top investor
      if (currentIndex >= topInvestors.length) {
        currentIndex = 0;
      }
      showNotification(topInvestors[currentIndex], true);
      currentIndex++;
      isTopInvestor = false;
    } else {
      // Show regular investor
      if (currentIndex >= investors.length) {
        currentIndex = 0;
        isTopInvestor = true; // Switch to top investors after completing regular investors
      }
      if (!isTopInvestor) {
        showNotification(investors[currentIndex], false);
        currentIndex++;
      }
      
      // After every 3 regular investors, show a top investor
      if (currentIndex % 3 === 0 && !isTopInvestor) {
        isTopInvestor = true;
        currentIndex = Math.floor(Math.random() * topInvestors.length);
      }
    }
    
    // Hide the notification after 2 seconds
    setTimeout(() => {
      card.classList.remove('show');
    }, 2000);
  }

  // Start the notification system
  setTimeout(() => {
    nextNotification();
    setInterval(nextNotification, 7000); // Show new notification every 7 seconds (2s display + 5s wait)
  }, 1000);
</script>
 
   
    
    
</body>
</html>

<?php /**PATH /home3/infinexc/public_html/fx/resources/views/layouts/app.blade.php ENDPATH**/ ?>