@extends('layouts.default-new')

@section('title', 'دنت آنلاین مرجع جامع تجهیزات دندانپزشکی، لوازم و مواد دندانپزشکی')
@section('products-nav-class', '')

@section('meta')
<link rel="stylesheet" type="text/css" href="/skdslider/skdslider.css" />
@endsection

@section('content')

<div id="content" class="site-content">
	<div class="col-full">
		<div class="row">
			<div id="primary" class="content-area">
				<main id="main" class="site-main">

					@include('particles.home.slider')

					@include('particles.home.features-list')

					@include('particles.home.category-section')

					@include('particles.home.news-section')

					@include('particles.home.slider2')

					@include('particles.home.mostviewed-section')

					@include('particles.home.recent-section')

				</main>
			</div>
		</div>
	</div>
</div>

@include('particles.product_quickedit')

@if($lightBox)
<!-- Modal -->
<div class="modal fade" id="lightBoxModal" tabindex="-1" role="dialog" style="padding-right: 17px;"
	aria-labelledby="lightBoxModalLabel">
	<div class="modal-dialog" role="document">
		<div class="modal-content">
			<div class="modal-body" style="padding: 0">
				@if( $lightBox->link=="signin")
				<a href="#signin" id="showSigninHideLightbox">
					@else
					<a href="{{ $lightBox->link }}">
						@endif
						<img src="/img/lightbox/{{ $lightBox->image }}" alt="">
					</a>
			</div>
		</div>
	</div>
</div>
@endif

@stop

@section('scripts')
<script type="text/javascript" src="/skdslider/skdslider.min.js"></script>

<script language="javascript" type="text/javascript">
	$('.section-news-carousel-tabs a.nav-link').click(function(){ 
	   $('#aHomeMoreNewsTab').attr('href', $(this).data('more'));
	});

	$(document).ready(function(){
		var lazyLoadInstance = new LazyLoad({
			elements_selector: ".lazy"
			// ... more custom settings?
		});

		@if(Session::has('signinModalOpen') && !Auth::user()) 
			 $('#signinModal').modal();
		@endif
 
		$('#homeslidertop').skdslider({
			slideSelector: '.slide',
			delay:5000,
			animationSpeed:2000,
			showNextPrev:true,
			showPlayButton:false, 
			autoSlide:true, 
			animationType:'fading'
		}); 
		
	@if($lightBox)
 
		const cookieLightBox = Cookies.get('lightbox-show');
		if(!cookieLightBox)
		{
			Cookies.set('lightbox-show', 'true', { expires: 2 });
			setTimeout(function(){
				if(!$('#signinModal').hasClass('show'))
					$('#lightBoxModal').modal();
			}, 5000);
		} 

		$("#showSigninHideLightbox").click(function(){
			$('#lightBoxModal').modal('hide');
			$('#signinModal').modal('show');
		});
 
	@endif

	});
 
	TimeMe.initialize({ currentPageName: "/", idleTimeoutInSeconds: 15 });
	window.onbeforeunload = function (event) {
		xmlhttp=new XMLHttpRequest();
		xmlhttp.open("POST","/timetracker", true);
		xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded"); 
		let timeSpentOnPage = TimeMe.getTimeOnCurrentPageInSeconds();
		xmlhttp.send("data=" + JSON.stringify({p: 'index', i: null, t: timeSpentOnPage}));
	}; 
   
</script>
@endsection