@extends('layouts.default1400-page', ['title' => $item->title])

@section('content')

<x-newlayout.static.page-header :item="$item" />

<div class="lg:flex">


	<div class="lg:w-3/4">

		<x-newlayout.static.page-share :item="$item" />
		<x-newlayout.static.page-content :item="$item" />

	</div>
	<!-- left side -->
	<div class="lg:w-1/4">

		<x-newlayout.static.page-search title="جستجو" />
		<x-newlayout.static.page-side title="آخرین مطالب" :items="$items" />
		<x-newlayout.static.page-side title="محصولات مرتبط" :items="isset($rel_products) ? $rel_products : []" />

		{{--
		<x-newlayout.static.page-tags title="برچسب‌ها" :items="isset($item) ? $item->Tags()->get(): []" /> --}}
	</div>

</div>



@stop

@section('admin-hovremenu')

@if(Auth::user())
@can('admin-articles')
<li><a href="/admin/channel/articles/{{ $item->id }}" class="btn btn-primary btn-sm">ارسال به کانال</a></li>
<li><a href="/admin/articles/edit/{{ $item->id }}" class="btn btn-primary btn-sm">ویرایش</a></li>
@endcan
@endif

@stop

@section('scripts')
<script type="text/javascript">
	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: 'article', i: '{{ $item->id }}', t: timeSpentOnPage}));
	}; 
</script>
@stop