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

@section('meta')
@if(isset($product))
<meta name="description" content="{{ str_limit(strip_tags($product->content), 200)   }}" />
<meta name="robots" content="noodp" />
<link rel="canonical" href="https://dentonline.ir/product/{{ $product->id }}/{{ slugify($product->link) }}/" />
<meta property="og:locale" content="fa_IR" />
<meta property="og:type" content="article" />
<meta property="og:title" content="{{ $product->title }}" />
<meta property="og:description" content="{{ str_limit(strip_tags($product->content), 200)   }}" />
<meta property="og:url" content="https://dentonline.ir/product/{{ $product->id }}/{{ slugify($product->link) }}/" />
<meta property="og:site_name" content="دنت آنلاین" />
<meta property="article:section" content="محصولات" />
<meta property="article:published_time" content="{{ $product->created_at }}" />
<meta property="article:modified_time" content="{{ $product->updated_at }}" />
<meta property="og:updated_time" content="{{ $product->updated_at }}" />
<meta property="og:image" content="https://dentonline.ir/img/product/thumbnail/{{ $product->image }}" />
<meta name="twitter:card" content="summary" />
<meta name="twitter:description" content="{{ str_limit(strip_tags($product->content), 200)   }}" />
<meta name="twitter:title" content="{{ $product->title }}" />
<meta name="twitter:image" content="https://dentonline.ir/img/product/thumbnail/{{ $product->image }}" />
@endif
<link rel="stylesheet" href="/css/jquery.fancybox.min.css" />
@endsection

@section('content')


<form method="POST" action="{{  $user != null ? '' : '/guest' }}/cart/add" class="variations_form cart">
	@csrf
	<input type="hidden" name="product_id" value="{{ $product->id }}" />
	<div class="lg:flex">


		<div class="lg:w-3/4">
			<!-- product titel -->
			<div class="relative">

				<div class="m-4 text-gray-500 font-bold">

					<div class="flex justify-between flex-col lg:flex-row">
						<div>
							<span class="persian-number">
								{{ $product->title }}
							</span>
							@can('admin-product-quickedit')
							<button type="button" data-id="{{ $product->id }}"
								class="productQuickModal btn btn-xs">ویرایش</button>
							@endcan
						</div>

						<div class="flex items-center justify-end w-32 h-8">
							<a data-id="{{ $product->id }}" data-general="{{ $product->is_general }}"
								data-title="{{ $product->title }}" data-image="{{ $product->image }}"
								href="/compare/{{ $product->id }}"
								class="a-compare-link p-1 rounded-lg hover:text-gray-900 hover:bg-gray-200 justify-center items-center">
								<img class="h-6 px-1 " src="/svgs-new1400/retweet.svg">
							</a>

							<a href="#" data-id="{{ $product->id }}"
								class="add_to_wishlist p-1 rounded-lg hover:text-gray-900 hover:bg-gray-200">
								<img class="h-6 px-1 empty {{  $product->Wishlist() ? 'hidden' : ''  }}"
									src="/svgs-new1400/heart.svg">
								<img class="h-6 px-1 full {{  $product->Wishlist() ? '' : 'hidden'  }}"
									src="/svgs-new1400/heart-red.svg">
							</a>

							<div x-on:click.away="open = false" class="relative h-8" x-data="{ open: false }">
								<button type="button" x-on:click="open = !open"
									class="mt-1 rounded-lg hover:text-gray-900 hover:bg-gray-200 justify-center items-center ">
									<img class="h-6 px-1" src="/svgs-new1400/share-nodes.svg">
								</button>

								<div x-show="open"
									class="absolute right-0 rounded-md border shadow-lg w-12 bg-gray-100 z-10">

									<div class="p-2 rounded-md">
										<a target="_blank"
											href="whatsapp://send?text={{ $product->title }} https://dentonline.ir/product/{{ $product->id }}/twitter">
											<img class="h-5 mb-2 mr-1 hover:h-6" src="/svgs-new1400/whatsapp.svg">
										</a>

										<a target="_blank"
											href="https://telegram.me/share/url?url=https://dentonline.ir/product/{{ $product->id }}/telegram&text={{ $product->title }}">
											<img class="h-5 mb-2 mr-1 hover:h-6" src="/svgs-new1400/telegram.svg">
										</a>

										<a target="_blank"
											href="http://twitter.com/intent/tweet/?text={{ $product->title }}&url=https://dentonline.ir/product/{{ $product->id }}/twitter">
											<img class="h-5 mb-2 mr-1 hover:h-6" src="/svgs-new1400/twitter.svg">
										</a>

										<a target="_blank"
											href="http://www.facebook.com/sharer/sharer.php?m2w&s=100&p[url]=https://dentonline.ir/product/{{ $product->id }}/facebook&p[images][0]=https://dentonline.ir/img/product/thumbnail/{{ $product->image }}&p[title]={{ $product->title }}">
											<img class="h-5 mb-2 mr-2 hover:h-6" src="/svgs-new1400/facebook-f.svg">
										</a>

										<button type="button" class="copy-link"
											onclick="copyToClipboard('https://dentonline.ir/d/p/{{ $product->id }}')">
											<img class="h-4 mb-2 mr-1 hover:h-5" src="/svgs-new1400/link.svg">
										</button>

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

						</div>
					</div>



					<div class="flex absolute left-4 items-center">
						<a class="mx-2 text-sm text-blue-500 font-normal" href="">{{ EnNum2FaNum(count($comments)) }}
							دیدگاه
						</a>
						<x-newlayout.products.rating_summery :rating="$product->rating_summery" />
					</div>
				</div>

			</div>
			<!-- product photo -->

			<div class="lg:flex">
				<div class="flex text-justify relative mt-8 lg:mt-0">


					@if($product->government_currency == 1)
					<span
						class="onsale government_currency text-xs bg-blue-600 text-white p-1 inline-block absolute top-0 left-0 rounded-sm ">
						{{ $product->quota_title }}
					</span>
					@endif


					@if($product->special_conditions == 1)
					@can('user-special-conditions')
					<span class="text-xs bg-red-600 text-white p-1 inline-block absolute  rounded-sm left-0 @if($product->government_currency == 1 ) 
							top-[2.5em]
							@else
							top-0
							@endif">
						شرایط ویژه
					</span>
					@endcan
					@endif

					@if($user != null && $product->amount_old!=0 && $product->ShowPrice())

					<span class="text-xs persian-number bg-green-600 text-white p-1 inline-block absolute  rounded-sm left-0 
					@if($product->government_currency == 1 && $product->special_conditions == 1)
						top-[5em]
						@elseif($product->government_currency == 1 || $product->special_conditions == 1)
						top-[2.5em]
						@else
						top-0
						@endif">
						{{ numberFormat( $product->amount_old - $product->amount) }}
					</span>
					</span>
					@endif








					<div class="p-2">

						@can('user-product-pictures')
						@foreach ($images as $item)

						<div>
							<a data-fancybox="gallery" href="/img/product/{{ $item->image }}"
								class="flex h-12 w-10 items-center border m-1" tabindex="-1">
								<img src="/img/product/thumbnail/{{ $item->image }}" alt="{{ $product->title }}">
							</a>
						</div>
						@endforeach
						@endcan

					</div>


					<div>
						<a data-fancybox="gallery" href="/img/product/{{ $product->image }}"
							class="flex w-72 items-center" tabindex="0">
							<img src="/img/product/thumbnail/{{ $product->image }}" alt="{{ $product->title }}">
						</a>
					</div>



				</div>

				<!-- product option -->
				<div class="text-justify w-full p-4">

					<!--  note -->


					<div class="text-sm">

						@if($product->alert_description != "")
						<div class="persian-number">
							{!! $product->alert_description !!}
						</div>
						@endif

						@if($product->property_summery != "" && $product->alert_description != "")
						<hr class="my-2">
						@endif

						@if($product->property_summery != "")
						<ul class="list-disc mr-6 persian-number">
							@foreach(explode("\n", $product->property_summery) as $psItem)
							<li>{{ $psItem }}</li>
							@endforeach
						</ul>
						@endif

					</div>





					{{--
					<!--  color -->
					<div class="py-4">
						رنگ :

						<div class="flex mr-8">
							<a class="flex w-6 h-6 bg-red-200 rounded-full border-2 border-blue-300 mx-1" href=""></a>
							<a class="flex w-6 h-6 bg-red-500 rounded-full border border-gray-300 mx-1" href=""></a>
							<a class="flex w-6 h-6 bg-blue-500 rounded-full border border-gray-300 mx-1" href=""></a>
							<a class="flex w-6 h-6 bg-green-500 rounded-full border border-gray-300 mx-1" href=""></a>
							<a class="flex w-6 h-6 bg-yellow-300 rounded-full border border-gray-300 mx-1" href=""></a>
							<a class="flex w-6 h-6 bg-yellow-500 rounded-full border border-gray-300 mx-1" href=""></a>
						</div>

					</div> --}}

					<!--  size -->
					{{--
					<div class="py-4">
						سایز :

						<div class="grid grid-cols-3 gap-3 lg:grid-cols-4 ">
							<a class="border-2 border-blue-300 " href="">
								<div class="bg-blue-50 text-center">Small</div>
								<div class="text-center">46,000 تومان</div>
							</a>

							<a class="border border-gray-300 " href="">
								<div class="bg-blue-50 text-center">Medium</div>
								<div class="text-center">47,000 تومان</div>
							</a>

							<a class="border border-gray-300 " href="">
								<div class="bg-blue-50 text-center">Large</div>
								<div class="text-center">56,000 تومان</div>
							</a>

							<a class="border border-gray-300 " href="">
								<div class="bg-blue-50 text-center">X-Large</div>
								<div class="text-center">36,000 تومان</div>
							</a>

						</div>

					</div>


					<!--  Type -->

					<div class="py-4">
						نوع :

						<div class="grid grid-cols-3 gap-3 lg:grid-cols-4 ">

							<a class="border border-gray-300 " href="">
								<div class="bg-blue-50 text-center">بی پودر</div>
								<div class="text-center">47,000 تومان</div>
							</a>
							<a class="border-2 border-blue-300 " href="">
								<div class="bg-blue-50 text-center">با پودر</div>
								<div class="text-center">46,000 تومان</div>
							</a>

						</div>

					</div> --}}



					@if($canViewDetails == true && $canUserProductDetails == true )
					@foreach($product->ProductsOptionGroupRender as $optionGroupRenderItem)
					<div class="py-4">
						{{ $optionGroupRenderItem['title'] }}

						<div class="grid grid-cols-3 gap-3 lg:grid-cols-4 text-sm"
							id="dvSelOptionsLabel{{ $optionGroupRenderItem['selOptionNum'] }}">

							@foreach($optionGroupRenderItem['items'] as $itemOption)
							<div class="grid">
								@if($itemOption['multiselect'] == true)
								<input type="checkbox" class="hidden peer" id="chkOption{{ $itemOption['id'] }}"
									name="product_option_{{ $optionGroupRenderItem['selOptionNum'] }}[]"
									data-label="{{ $itemOption['title'] }}" data-count="{{ $itemOption['count'] }}"
									data-amount="{{ $itemOption['amount'] ?? 0 }}"
									data-gdiscount="{{ $itemOption['gdiscount'] }}"
									data-parent="dvSelOptionsLabel{{ $optionGroupRenderItem['selOptionNum'] }}"
									value="{{ $itemOption['id'] }}" />
								@else
								<input type="radio" class="hidden peer" id="chkOption{{ $itemOption['id'] }}"
									name="product_option_{{ $optionGroupRenderItem['selOptionNum'] }}[]"
									data-label="{{ $itemOption['title'] }}" data-count="{{ $itemOption['count'] }}"
									data-amount="{{ $itemOption['amount'] ?? 0 }}"
									data-gdiscount="{{ $itemOption['gdiscount'] }}"
									data-parent="dvSelOptionsLabel{{ $optionGroupRenderItem['selOptionNum'] }}"
									@if($itemOption['checkedDefultOptionCount']==1) checked="checked" @endif
									value="{{ $itemOption['id'] }}" />
								@endif

								<label for="chkOption{{ $itemOption['id'] }}"
									class="border border-gray-300 cursor-pointer peer-checked:border-blue-300 peer-checked:border-2">




									{{-- @if($itemOption['color_code'] != '')
									<span style="background-color:{{ $itemOption['color_code'] }};"
										class="span_colorBox"></span>
									@endif --}}


									<div class="bg-blue-50 text-center">{{ $itemOption['title'] }}</div>
									<div class="text-center persian-number" style="display: none;">{{
										$itemOption['amount'] }} {{
										$itemOption['amount'] > 1 ? 'تومان' : 'رایگان' }}</div>
								</label>
							</div>
							@endforeach

						</div>
					</div>
					@endforeach
					<input type="hidden" name="option_groups_count" id="option_groups_count"
						value="{{ $product->group_num }}" />

					@endif


				</div>
			</div>


		</div>
		<!-- add basket -->
		<div class="lg:w-1/4">

			<div class="grid m-2 rounded-lg border bg-gray-50 pt-2">

				@if($product->amount_old!=0
				&& $product->ShowPrice()
				&& $product->availability!=0
				&& $product->ShowPriceSpecial())

				<div class=" text-center ">
					<span class="text-gray-500 line-through persian-number">{{
						numberFormat($product->amount_old) }}
						تومان</span>
				</div>
				@endif


				@if($product->availability==0)
				<span class="whitespace-nowrap m-4 text-red-500 text-2xl text-center">ناموجود</span>
				@else

				@if($product->ShowPrice())
				<input type="hidden" id="inpRefAmount" value="{{ $product->amount }}" />

				<span class="whitespace-nowrap m-4 text-blue-500 text-2xl text-center">
					<span class="spanAmount persian-number">{{ numberFormat($product->amount) }}</span>
					تومان</span>



				{{-- <div class="row taxpoint">
					<div class="col-md-6">
						@if($product->special)
						@if($product->ppoint_special != 0)
						<p class="ppoint"><b> {{ $product->ppoint_special }}</b> امتیاز</p>
						@endif
						@else
						@if($product->ppoint != 0)
						<p class="ppoint"><b> {{ $product->ppoint }}</b> امتیاز</p>
						@endif
						@endif
					</div>
					<div class="col-md-6 coltax">
						@if($product->tax_alert==1)
						<p class="ptax">با احتساب مالیات </p>
						@endif
					</div>
				</div> --}}

				@else

				@if($setting->show_hidden_inquiry_price == true)

				@can('admin-hidden-inquiryproducts-price')
				<span class="whitespace-nowrap m-4 text-gray-500 text-2xl text-center">
					<span class="spanAmount persian-number">{{ numberFormat($product->amount) }}</span>
					تومان</span>


				<input type="hidden" id="inpRefAmount" value="{{ $product->amount }}" />

				@else

				<p class="hidePrice  text-center text-blue-600">استعلام قیمت آنلاین</p>

				@endcan

				@else
				<p class="hidePrice  text-center text-blue-600">استعلام قیمت آنلاین</p>

				@endif
				@endif

				@endif










				<div class="mx-4 my-2">

					<div class="form-group">

						@if($isInquiryPrice == false)
						<div class="row">
							<div class="col-md-5">
								<div class="quantity flex flex-row justify-center items-center gap-1">
									<label for="quantity-input">تعداد</label>
									<input type="hidden" id="maxquantity"
										value="{{ ($product->max_order == 0 ? 30 : $product->max_order) }}" />

									<select class="quantity-input select select-bordered focus:shadow-none"
										id="quantity" name="quantity">
										@for($i = ($product->min_order == 0 ? 1 :
										$product->min_order); $i <= ($product->max_order == 0 ?
											30 : $product->max_order); $i++)
											@if($product->item_count == -1 ||
											$product->item_count >= $i)
											<option {{ ($product->min_order == 0 ? 1 :
												$product->min_order) == $i ?
												'selected="selected"' : '' }}
												value="{{ $i }}">{{ EnNum2FaNum($i) }}</option>
											@endif
											@endfor
									</select>

								</div>

							</div>

							<div class="col-md-7">

							</div>

						</div>

						<div id="dvMaxErrProduct" class="text-sm text-red-500" role="alert"></div>
						@endif

						<input type="hidden" id="group-shopping-percent" value="{{ $active_group_shopping_percent }}" />


						{{-- <img class="float-right h-4 px-2" src="/svgs-new1400/circle-info-blue.svg"> --}}
						{{-- <p class="clear-none text-justify text-sm text-red-500">
							موجودی در انبار 2 عدد </p> --}}
					</div>

				</div>


				@if($isInquiryPrice == true)

				<button type="button"
					class="single_add_to_cart_button btn btn-primary m-4 btn-product-inquiry-price">استعلام
					موجودی و قیمت</button>

				@else
				@if($product->availability=="0")
				@if($user != null)
				@if($product->is_general != 1)
				@cannot('user-products-dentistry')
				<button type="button" data-toggle="modal" data-target="#addCardSpecialProducts"
					class="single_add_to_cart_button btn btn-primary m-4">افزودن
					به سبد خرید</button>
				@else
				<button type="button" {{ ($product->availability==0 ?
					'disabled="disabled"' : '') }}
					class="single_add_to_cart_button btn btn-primary m-4 ">افزودن
					به سبد خرید</button>
				@endcannot
				@else
				<button type="button" {{ ($product->availability==0 ?
					'disabled="disabled"' : '') }}
					class="single_add_to_cart_button btn btn-primary m-4 ">افزودن
					به سبد خرید</button>
				@endif
				‌@else
				<a href="/users/login-register?_back={{ URL::current() }}"
					class="single_add_to_cart_button btn btn-primary m-4">افزودن
					به سبد خرید</a>
				@endif
				@else
				@if($user != null)
				@if($product->is_general == 1)
				@can('user-products-general')
				<button type="submit" id="add-to-cart" {{ ($product->availability==0 ?
					'disabled="disabled"' : '') }}
					class="single_add_to_cart_button btn btn-primary m-4"
					data-id="{{ $product->id }}">افزودن به سبد خرید</button>
				@else
				<button type="button" disabled="disabled" class="single_add_to_cart_button btn btn-primary m-4">افزودن
					به سبد خرید</button>
				@endcan
				@else
				@can('user-products-dentistry')
				<button type="submit" id="add-to-cart" {{ ($product->availability==0 ?
					'disabled="disabled"' : '') }}
					class="single_add_to_cart_button btn btn-primary m-4 "
					data-id="{{ $product->id }}">افزودن به سبد خرید</button>
				@else
				<button type="button" class="single_add_to_cart_button btn btn-primary m-4" data-toggle="modal"
					data-target="#addCardSpecialProducts">افزودن به
					سبد خرید</button>
				@endcan

				@endif
				@else
				<a href="/users/login-register?_back={{ URL::current() }}" {{ ($product->availability==0 ?
					'disabled="disabled"' : '') }}
					class="single_add_to_cart_button btn btn-primary m-4">افزودن
					به سبد خرید</a>
				@endif
				@endif
				@endif






			</div>

		</div>

	</div>
</form>

<!--   product info-->

<div class="mt-4">
	<ul id="B1" class="lg:flex border-b-2 border-gray-100 rounded-lg text-center">
		<li class="px-4 hover:bg-blue-100 text-blue-500 border-b-4 border-blue-500"> <a href="#B1"> معرفی محصول
			</a></li>
		<li class="px-4 hover:bg-blue-100"> <a href="#B2"> مشخصات فنی </a></li>
		<li class="px-4 hover:bg-blue-100"> <a href="#B3"> نظرات کاربران </a></li>
		<li class="px-4 hover:bg-blue-100"> <a href="#B4"> درخواست مشاوره </a></li>
	</ul>

	<div class="text p-4 persian-number-off content-list-style">
		{!! $product->content !!}
	</div>


	<ul id="B2" class="lg:flex border-b-2 border-gray-100 rounded-lg text-center">
		<li class="px-4 hover:bg-blue-100"> <a href="#B1"> معرفی محصول </a></li>
		<li class="px-4 hover:bg-blue-100 text-blue-500 border-b-4 border-blue-500"> <a href="#B2"> مشخصات فنی
			</a>
		</li>
		<li class="px-4 hover:bg-blue-100"> <a href="#B3"> نظرات کاربران </a></li>
		<li class="px-4 hover:bg-blue-100"> <a href="#B4"> درخواست مشاوره </a></li>
	</ul>

	<div class="mr-4">

		<br>


		<div class="overflow-x-auto">
			<table class="table w-full table-zebra text-sm persian-number">

				<tbody>
					@foreach($arr_technical_spec as $arr_technical_spec_item)
					<tr>
						<th>{{ $arr_technical_spec_item['title'] }}</th>
						<td>{{ $arr_technical_spec_item['value'] }}</td>
					</tr>
					@endforeach
				</tbody>
			</table>
		</div>

		<br>

	</div>

	<ul id="B3" class="lg:flex border-b-2 border-gray-100 rounded-lg text-center">
		<li class="px-4 hover:bg-blue-100 "> <a href="#B1"> معرفی محصول </a></li>
		<li class="px-4 hover:bg-blue-100"> <a href="#B2"> مشخصات فنی </a></li>
		<li class="px-4 hover:bg-blue-100 text-blue-500 border-b-4 border-blue-500"> <a href="#B3"> نظرات
				کاربران
			</a></li>
		<li class="px-4 hover:bg-blue-100"> <a href="#B4"> درخواست مشاوره </a></li>
	</ul>


	<div class="mr-4 lg:flex lg:my-4">
		<div class="m-4 lg:w-1/2 text-justify">
			<x-newlayout.products.rating_summery_bars :data="$summeryRatingBars" />
		</div>
		<div class="grid text-center lg:m-4">
			<x-newlayout.products.rating_summery :rating="$product->rating_summery" />

			دیدگاه خود را درباره این کالا بیان کنید.

			<br>
			<a href="/addcomment/product/{{ $product->id }}"
				class="bg-blue-500 py-2 px-5 mx-4 h-10 rounded-lg text-white text-sm mb-4">
				ارسال دیدگاه
			</a>
		</div>

	</div>

	<!-- comments -->

	<div class="m-4">

		<div class="flex text-sm m-2">

			<img class="h-4 px-1 " src="/svgs-new1400/arrow-down-short-wide.svg">
			آخرین نظرات کاربران
		</div>

		{{-- <div class="flex text-sm m-2">

			<img class="h-4 px-1 " src="/svgs-new1400/arrow-down-short-wide.svg">
			مرتب‌سازی دیدگاه‌ها بر اساس:
			<a href="" class="mx-4 text-blue-500"> جدیدترین </a>
			<a href="" class="mx-4 text-blue-500"> مفیدترین </a>
		</div> --}}

		@foreach($comments as $comment_item)
		<x-newlayout.products.comment_item :item="$comment_item" />
		@endforeach


		{{--
		<!-- page selector -->
		<div class="flex justify-center m-2">
			<a href="#"><img class="w-5 h-5 border mx-2" src="/svgs-new1400/angle-right.svg"></a>
			<a href="#"><img class="w-5 h-5 border mx-2" src="/svgs-new1400/angle-left.svg"></a>
		</div> --}}

	</div>


	<ul id="B4" class="lg:flex border-b-2 border-gray-100 rounded-lg text-center">
		<li class="px-4 hover:bg-blue-100 "> <a href="#B1"> معرفی محصول </a></li>
		<li class="px-4 hover:bg-blue-100"> <a href="#B2"> مشخصات فنی </a></li>
		<li class="px-4 hover:bg-blue-100"> <a href="#B3"> نظرات کاربران </a></li>
		<li class="px-4 hover:bg-blue-100 text-blue-500 border-b-4 border-blue-500"> <a href="#B4"> درخواست
				مشاوره
			</a></li>
	</ul>

	<div class="mr-4 lg:flex lg:my-4">

		<div class="m-4 lg:w-1/2 text-justify">
			درخواست مشاوره خدمتی است رایگان جهت ارتقاء آگاهی و اطلاعات شما قبل خرید.

			اگر فرصت کافی ندارید و یا برای انتخاب بهترین گزینه نیاز به اطلاعات و راهنمایی بیشتر دارید، کارشناسان
			دنت آنلاین آماده پاسخگویی به سوالات شما هستند.
		</div>
		<div class="grid text-center">
			آماده پاسخگویی به سوالات شما هستیم.
			<br>

			<a href="/ticket/submit?type=advice"
				class="bg-blue-500 py-2 px-5 mx-4 h-10 rounded-lg text-white text-sm mb-4">
				درخواست مشاوره
			</a>



		</div>






	</div>

</div>

</section>


@if($product->active == false)
<div
	style="position: fixed;left: 20%; right: 20%;bottom: 0;padding: 3px;background-color: red; color:white;font-size:small;z-index: 99;text-align: center;">
	توجه: این کالا غیر فعال است و فقط برای مدیر کالا قابل نمایش است !
</div>
@endif

@include('components.newlayout.product-quickedit')

<x-newlayout.products.compare_float />

@stop

@section('admin-hovremenu')
@if($user!=null)
@can('admin-products')

<li class="inline-block"><a href="/admin/products/edit/{{ $product->id }}" class="btn btn-primary btn-sm">ویرایش</a>
</li>

<li class="inline-block"><a href="/admin/technicalspec/products/{{ $product->id }}"
		class="btn btn-primary btn-sm">مشخصات</a></li>

<li class="inline-block"><a href="/admin/products/edit/{{ $product->id }}?step=images"
		class="btn btn-primary btn-sm">تصاویر</a></li>

<li class="inline-block"><a href="/admin/color/products/{{ $product->id }}" class="btn btn-primary btn-sm">رنگ</a></li>

<li class="inline-block"><a href="/admin/special_discount/add/{{ $product->id }}" class="btn btn-primary btn-sm">تخفیف
		ویژه</a></li>

<li class="inline-block"><a href="/admin/product/{{ $product->id }}/video" class="btn btn-primary btn-sm">ویدئوها</a>
</li>

<li class="inline-block"><a href="/admin/product/{{ $product->id }}/pdf" class="btn btn-primary btn-sm">کاتالوگ</a></li>

<li class="inline-block"><a href="/admin/app/users/product/{{ $product->id }}/"
		class="btn btn-primary btn-sm">تامین‌کنندگان</a></li>

<li class="inline-block"><a href="/admin/product/{{ $product->id }}/shippingcosts/" class="btn btn-primary btn-sm">هزینه
		ارسال</a></li>

<li class="inline-block"><a href="/admin/channel/product/{{ $product->id }}" class="btn btn-primary btn-sm">ارسال به
		کانال</a></li>

<li class="inline-block"><a class="btn btn-default btn-sm">تعداد : {{ $product->item_count }}</a></li>

@endcan
@endif
@stop

@section('scripts')
<script src="/js/clipboard.min.js"></script>
<script src="/js/jquery.fancybox.min.js"></script>

<script type="text/javascript">
	var mostvisited_count = 0;

	var clipboard = new ClipboardJS('.copy-link');

	clipboard.on('success', function(e) {
		alertify.success('لینک مورد نظر کپی شد!');

		e.clearSelection();
	});

	function copyToClipboard(val) {
		var $temp = $("<input>");
		$("body").append($temp);
		$temp.val(val).select();
		document.execCommand("copy");
		$temp.remove();
		alertify.success('لینک مورد نظر کپی شد!');
	}
  
	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: 'product', i: '{{ $product->id }}', t: timeSpentOnPage}));
	}; 

	$(document).ready(function() {
		$('button[data-target="#addCardSpecialProducts"]').click(function() {
			alertify.alert('هشدار', 'امکان سفارش این محصول برای کاربر عادی وجود ندارد. لطفا پروفایل خود را ویرایش نموده و به کاربر حرفه ای ارتقاء دهید.');
		});
	});
</script>

<script src="/js/product.js?v=1.20" type="text/javascript"></script>

<!-- Yektanet Product Tracking -->
<script type="text/javascript">
	// ارسال اطلاعات محصول به یکتانت برای ریتارگتینگ محصول
	window.yektanet('product', {
		sku: '{{ $product->id }}',
		image: 'https://dentonline.ir/img/product/thumbnail/{{ $product->image }}',
		title: '{{ addslashes($product->title) }}',
		price: {{ $product->ShowPrice() ? $product->amount : 0 }},
		currency: 'IRT',
		quantity: 1
	});
</script>
@stop