<div id="menu-top" class="menu-top">
	<div class="container">
		<div class="row">
			<div class="col-md-8">
				<div class="menu-top-content">
					<ul>
						<li>
							<?php if(Route::is('home')): ?>
								<a href="/"><img id="logo-menu" src="" alt=""></a>
							<?php else: ?>
								<a href="/"><img id="logo-menu" src="<?php echo e(asset('/img/logo/logoTradicionalNegativo.svg')); ?>" alt=""></a>
							<?php endif; ?>
						</li>
					</ul>
				</div>
			</div>
			<div class="col-md-4">
				<div class="meno-top-social">
					<ul>
						<?php if(getCompany()->linkedin): ?><li><a href="<?php echo e(getCompany()->linkedin); ?>" target="_blank"><i class="svg-size fa-brands fa-linkedin-in"></i></a></li><?php endif; ?>
						<?php if(getCompany()->instagram): ?><li><a href="<?php echo e(getCompany()->instagram); ?>" target="_blank"><i class="svg-size fa-brands fa-instagram"></i></a></li><?php endif; ?>
						<?php if(getCompany()->youtube): ?><li><a href="<?php echo e(getCompany()->youtube); ?>" target="_blank"><i class="svg-size fa-brands fa-youtube"></i></a></li><?php endif; ?>
						<?php if(getCompany()->facebook): ?><li><a href="<?php echo e(getCompany()->facebook); ?>" target="_blank"><i class="svg-size fa-brands fa-facebook"></i></a></li><?php endif; ?>
						<?php if(getCompany()->twitter): ?><li><a href="<?php echo e(getCompany()->twitter); ?>" target="_blank"><i class="svg-size fa-brands fa-twitter"></i></a></li><?php endif; ?>
						<?php if(getCompany()->whatsapp): ?><li><a href="https://api.whatsapp.com/send?phone=<?php echo e(getCompany()->whatsapp); ?>" target="_blank"><i class="svg-size fa-brands fa-whatsapp"></i></a></li><?php endif; ?>
						<?php if(getCompany()->telegram): ?><li><a href="<?php echo e(getCompany()->telegram); ?>"target="_blank"><i class="svg-size fa-brands fa-telegram"></i></a></li><?php endif; ?>
						<?php if(getCompany()->pinterest): ?><li><a href="<?php echo e(getCompany()->pinterest); ?>"target="_blank"><i class="svg-size fa-brands fa-pinterest"></i></a></li><?php endif; ?>
					</ul>
				</div>
			</div>
		</div>
	</div>
</div>
<!-- End Menu Top Area -->


<script>
const route = '<?= Route::currentRouteName() ?>'

window.addEventListener('scroll', function() {
    const menuTop = document.getElementById('menu-top');
	const imgMenu = document.getElementById('logo-menu');
	const links = document.querySelectorAll('.meno-top-social ul li a');
	const textColor = getComputedStyle(document.documentElement).getPropertyValue('--text');
	const whiteColor = getComputedStyle(document.documentElement).getPropertyValue('--white');

    if (window.scrollY > 50) {
			imgMenu.src = `<?php echo e(asset('/img/logo/logoTradicionalEstilizada.svg')); ?>`;
			menuTop.style.backgroundColor = '#ffffff70';
			links.forEach(link => {link.style.color = '#000'});
		} else {
			if (route == 'home') {
				imgMenu.src = '';
				menuTop.style.backgroundColor = '#00000000'; 
				links.forEach(link => {link.style.color = whiteColor});
			} else {
				imgMenu.src = `<?php echo e(asset('img/logo/logoTradicionalNegativo.svg')); ?>`;
				menuTop.style.backgroundColor = '#00000000'; 
				links.forEach(link => {link.style.color = whiteColor});
			}
    }
});
</script>	

<?php /**PATH D:\GigaPixel Code\Cod Mazfer\site-mazfer\resources\views/site/components/top.blade.php ENDPATH**/ ?>