@extends('layouts.default-new')

@section('title', 'دنت آنلاین مرجع جامع تجهیزات دندانپزشکی - شرکت کردن در خرید گروهی - ' . $product->title )
@section('bodyclass', 'woocommerce-active single-product full-width extended vispage_gsjogin')

@section('meta') 
	<link rel="stylesheet" href="/css/alertify.rtl.min.css"/> 
@endsection

@section('content')
<div id="content" class="site-content">
  <div class="col-full">
      <div class="row">
          <nav class="woocommerce-breadcrumb">
              <a href="/">خانه</a>
              <span class="delimiter"><i class="fa fa-angle-left"></i></span> 
			  {{ $product->title }}
              <span class="delimiter"><i class="fa fa-angle-left"></i></span> 
              <span>شرکت کردن در خرید گروهی</span>
          </nav>
          <!-- .woocommerce-breadcrumb -->
          <div id="primary" class="content-area">
			<main id="main" class="site-main">
				 
				<div class="product">
					<div class="single-product-wrapper">
						<div class="product-images-wrapper thumb-count-4">
						@if($product->government_currency == 1) 
							<span class="onsale government_currency">
								<span class="woocommerce-Price-amount amount"> 
									ارز دولتی
								</span>
							</span>
							<!-- .onsale --> 
						@endif

						@can('user-special-conditions') 
						@if($product->special_conditions == 1) 
							<span class="onsale special_conditions" {!! ($product->government_currency == 1 ) ? 'style="margin-top: 2.5em;"' : ''  !!}>
								<span class="woocommerce-Price-amount amount"> 
									شرایط ویژه
								</span>
							</span>
							<!-- .onsale --> 
						@endif						
						@endcan
 
							@if($product->ShowPrice()) 
							<span class="onsale" 
							@if($product->government_currency == 1 && $product->special_conditions == 1)  
								style="margin-top: 5em;"
							@elseif($product->government_currency == 1 || $product->special_conditions == 1)  
								style="margin-top: 2.5em;"
							@endif
							>
								<span class="woocommerce-Price-amount amount"> 
									{{ number_format( ($product->amount  * $groupShopping->discount_percent / 100.0), 0, '', ',') }}  
								</span>
							</span>
							<!-- .onsale -->
							@endif
					 

							<div id="techmarket-single-product-gallery" class="techmarket-single-product-gallery techmarket-single-product-gallery--with-images techmarket-single-product-gallery--columns-4 images" data-columns="4">
								<div class="techmarket-single-product-gallery-images" data-ride="tm-slick-carousel" data-wrap=".woocommerce-product-gallery__wrapper" data-slick="{&quot;infinite&quot;:false,&quot;slidesToShow&quot;:1,&quot;slidesToScroll&quot;:1,&quot;dots&quot;:false,&quot;arrows&quot;:false,&quot;asNavFor&quot;:&quot;#techmarket-single-product-gallery .techmarket-single-product-gallery-thumbnails__wrapper&quot;}">
									<div class="woocommerce-product-gallery woocommerce-product-gallery--with-images woocommerce-product-gallery--columns-4 images" data-columns="4">
										<a href="#" class="woocommerce-product-gallery__trigger">🔍</a>
										<figure class="woocommerce-product-gallery__wrapper ">

											<div data-thumb="/img/product/thumbnail/{{ $product->image }}" class="woocommerce-product-gallery__image">
												<a href="/img/product/{{ $product->image }}" tabindex="0">
													<img width="600" height="600" src="/img/product/{{ $product->image }}" class="attachment-shop_single size-shop_single wp-post-image" alt="{{ $product->title }}">
												</a>
											</div>
										 
										@can('user-product-pictures')
											@foreach ($images as $item)
											<div data-thumb="/img/product/thumbnail/{{ $item->image }}" class="woocommerce-product-gallery__image">
												<a href="/img/product/{{ $item->image }}" tabindex="-1">
													<img width="600" height="600" src="/img/product/{{ $item->image }}" class="attachment-shop_single size-shop_single" alt="{{ $product->title }}">
												</a>
											</div>
											@endforeach
										@endcan 
										</figure>
									</div>
									<!-- .woocommerce-product-gallery -->
								</div>
								<!-- .techmarket-single-product-gallery-images -->
								
								<div class="techmarket-single-product-gallery-thumbnails" data-ride="tm-slick-carousel" data-wrap=".techmarket-single-product-gallery-thumbnails__wrapper" data-slick="{&quot;infinite&quot;:false,&quot;slidesToShow&quot;:4,&quot;slidesToScroll&quot;:1,&quot;dots&quot;:false,&quot;arrows&quot;:true,&quot;vertical&quot;:false,&quot;verticalSwiping&quot;:false,&quot;focusOnSelect&quot;:true,&quot;touchMove&quot;:true,&quot;prevArrow&quot;:&quot;&lt;a href=\&quot;#\&quot;&gt;&lt;i class=\&quot;tm tm-arrow-left\&quot;&gt;&lt;\/i&gt;&lt;\/a&gt;&quot;,&quot;nextArrow&quot;:&quot;&lt;a class=\&quot;slick-arrow-right\&quot; href=\&quot;#\&quot;&gt;&lt;i class=\&quot;tm tm-arrow-right\&quot;&gt;&lt;\/i&gt;&lt;\/a&gt;&quot;,&quot;asNavFor&quot;:&quot;#techmarket-single-product-gallery .woocommerce-product-gallery__wrapper&quot;,&quot;responsive&quot;:[{&quot;breakpoint&quot;:765,&quot;settings&quot;:{&quot;vertical&quot;:false,&quot;horizontal&quot;:true,&quot;verticalSwiping&quot;:false,&quot;slidesToShow&quot;:4}}]}">
									<figure class="techmarket-single-product-gallery-thumbnails__wrapper">
										<figure data-thumb="/img/product/thumbnail/{{ $product->image }}" class="techmarket-wc-product-gallery__image">
											<img width="180" height="180" src="/img/product/thumbnail/{{ $product->image }}" class="attachment-shop_thumbnail size-shop_thumbnail wp-post-image" alt="{{ $product->title }}">
										</figure>
									@can('user-product-pictures')
										@foreach ($images as $item)
										<figure data-thumb="/img/product/thumbnail/{{ $item->image }}" class="techmarket-wc-product-gallery__image">
											<img width="180" height="180" src="/img/product/thumbnail/{{ $item->image }}" class="attachment-shop_thumbnail size-shop_thumbnail" alt="{{ $product->title }}">
										</figure>
										@endforeach
									@endcan 
									</figure>
									<!-- .techmarket-single-product-gallery-thumbnails__wrapper -->
								</div>
								<!-- .techmarket-single-product-gallery-thumbnails -->

							</div>
							<!-- .techmarket-single-product-gallery -->
						</div>
						<!-- .product-images-wrapper -->
						<div class="summary entry-summary">
							<div class="single-product-header">
								<h1 class="product_title entry-title">{{ $product->title }}</h1>

								<a class="a-compare-link" data-id="{{ $product->id }}" data-general="{{ $product->is_general }}" data-title="{{ $product->title }}" data-image="{{ $product->image }}" href="/compare/{{ $product->id }}">
									<i class="tm tm-compare"></i>
									 </a>
								 
								<div class="rating-and-sharing-wrapper">
									<div class="woocommerce-product-rating">
										<div class="star-rating">
											<span style="width:{{ $product->rating_summery * 100 / 5 }}%">Rated
												<strong class="rating">{{  $product->rating_summery }}</strong> از 5 براساس
												<span class="rating">1</span> نظر کاربران</span>
										</div>
										<a rel="nofollow" class="woocommerce-review-link" href="#reviews">(<span class="count">1</span> نظر )</a>
									</div>
								</div>
								<!-- .rating-and-sharing-wrapper -->

								<a href="#" class="btn-product-share"  data-toggle="tooltip" title="اشتراک گذاری">
									<img src="/img/share.svg" alt="">
								</a>
								<div class="product-share-box">

									<ul class="popover-content show-menu">
										<li>
											<a target="_blank" href="https://telegram.me/share/url?url=https://dentonline.ir/product/{{ $product->id }}/telegram&text={{ $product->title }}" class="bg-telegram">
												<i class="fa fa-telegram fa-lg pull-right"></i>
												<span>تلگرام</span>
											</a>
										</li>
										<li>
											<a target="_blank" href="whatsapp://send?text={{ $product->title }} https://dentonline.ir/product/{{ $product->id }}/twitter" class="bg-whatsapp">
												<i class="fa fa-comment fa-lg pull-right"></i>
												<span>واتس‌اپ</span>
											</a>
										</li> 
										<li>
											<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 }}" class="bg-facebook">
												<i class="fa fa-facebook fa-lg pull-right"></i>
												<span>فیسبوک</span>
											</a>
										</li>
										<li>
											<a target="_blank" href="http://twitter.com/intent/tweet/?text={{ $product->title }}&url=https://dentonline.ir/product/{{ $product->id }}/twitter" class="bg-twitter">
												<i class="fa fa-twitter fa-lg pull-right"></i>
												<span>توییتر</span>
											</a>
										</li> 
										<li>
											<a target="_blank" href="mailto:?subject={{ $product->title }}&amp;body=Check out this site https://dentonline.ir/product/{{ $product->id }}/email" class="bg-email">
												<i class="fa fa-envelope-o fa-lg pull-right"></i>
												<span>ایمیل</span>
											</a>
										</li> 
										<li>
											<span class="input-group">
												<div class="input-addon"><i class="fa fa-globe fa-lg"></i></div>
												<input class="input-share-url hascontent" type="text" value="https://dentonline.ir/d/p/{{ $product->id }}" id="input-share-url" data-clipboard-target="#input-share-url">
											</span>
										</li>
										

									</ul> 
								</div>
							
								<a href="#" rel="nofollow" class="add-to-wishlist add_to_wishlist {{  $product->Wishlist() ? 'add_to_wishlist_true' : ''  }}" data-id="{{ $product->id }}"> افزودن به علاقه‌مندی‌ها</a>
 
							</div>
							<!-- .single-product-header -->
							 
							<div class="woocommerce-product-details__short-description">
								@if($product->alert_description != "")
								<div>
									{!! $product->alert_description !!}
								</div>
								<hr>
								@endif
								  

								<div class="summerygroupshoppingjoin">
									<div>
										<svg class="groupshopping-icons groupshopping-city" style="height: 16px;">
											<use xlink:href="/imgs/groupshoppingicons2.svg#user"></use>
										</svg>
											
										<label for="">شروع کننده :</label>
										<span>{{
												($groupShopping->User->gender==1 ? "آقای "  : ($groupShopping->User->gender==2 ? "خانم  " : "")) .
												( $groupShopping->User->field_activity == 'پزشک / دندانپزشک' ? 'دکتر ' : '') .
											$groupShopping->User->first_name . ' ' . $groupShopping->User->last_name }}</span>
									</div>


									<div>
										<svg class="groupshopping-icons groupshopping-city">
											<use xlink:href="/imgs/groupshoppingicons2.svg#map"></use>
										</svg>
											
										<label for="">شهر شروع کننده :</label>
										<span>{{ $groupShopping->User->city }}</span>
									</div>
									
									 

									<div>
										<svg class="groupshopping-icons groupshopping-city" style="height: 16px;">
											<use xlink:href="/imgs/groupshoppingicons2.svg#users"></use>
										</svg>
										
										<label for="">تعداد پیشنهادی :</label>
										<span>{{ $groupShopping->numbers }} {{ $groupShopping->numbers_units }}</span>
									</div>
							
									<div>
										<svg class="groupshopping-icons groupshopping-city groupshopping-icons-lg"  style="height: 22px;">
											<use xlink:href="/imgs/groupshoppingicons2.svg#add"></use>
										</svg>
										<label for="">تعداد باقی مانده :</label>
										<span>{{ $groupShopping->status_id == 8 ? 'شروع خرید گروهی' : $groupShopping->numbers_mod }} {{ $groupShopping->status_id == 8 ? '' :   $groupShopping->numbers_units }}</span>
									</div>
				
									<div>
										<svg class="groupshopping-icons groupshopping-city groupshopping-icons-lg" style="    margin-top: 3px;">
											<use xlink:href="/imgs/groupshoppingicons2.svg#day"></use>
										</svg>
										<label for="">روزهای باقی مانده :</label>
										<span>{{ $obj->modDays($groupShopping->expire_at) }}</span>
									</div>
								</div>
							</div>
							<!-- .woocommerce-product-details__short-description -->
						</div>
						<!-- .entry-summary -->
						<div class="product-actions-wrapper">
							<div class="product-actions">
								 
								  
									<div style="float:right;">
										@can('user-product-amount') 
											@if($product->availability!=0) 
											<span style="color: gray; text-decoration: line-through;">{{ number_format($product->amount, 0, '', ',') }} تومان</span> 
											@endif
										@else
											
										@endcan
									</div> 
									
									 
									<div style="clear:both"></div>
					 
								@can('user-product-amount') 
									@if($product->availability==0) 
									
									<div><p class="outofstoc">ناموجود</p> </div>
									 
									@else 
										@if($product->ShowPrice()) 
										
										<p class="price"> 
											<span class="woocommerce-Price-amount amount">
											<span style="color: #62ab00;" class="spanAmount">{{ number_format( $product->amount  - ($product->amount * $groupShopping->discount_percent / 100.0) , 0, '', ',') }}</span>
												<span style="color: #62ab00;" class="woocommerce-Price-currencySymbol">تومان</span>
											</span> 
											<input type="hidden" id="inpRefAmount" value="{{ $product->amount - ($product->amount  * $groupShopping->discount_percent / 100.0) }}" />
										</p>

										<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)
												@if(Auth::check() && Auth::user()->can('admin-hidden-inquiryproducts-price'))
													<p class="price" style="color: gray;"> 
														<span class="woocommerce-Price-amount amount">
														<span class="spanAmount">{{ number_format($product->amount - ($product->amount* $groupShopping->discount_percent / 100.0), 0, '', ',') }}</span>
															<span class="woocommerce-Price-currencySymbol">تومان</span>
														</span> 
														<input type="hidden" id="inpRefAmount" value="{{  $product->amount - ( $product->amount * $groupShopping->discount_percent / 100.0) }}" />
													</p>
												@else
												<div><p class="hidePrice">استعلام قیمت آنلاین</p> </div>
												@endif
											@else 
												<div><p class="hidePrice">استعلام قیمت آنلاین</p> </div>
											@endif											
										@endif
									@endif 
								@else
									<a class="price-limited" href="/users/login-register?_back={{ URL::current() }}" style="padding:7px 0;width:183px!important;" > مشاهده قیمت و خرید آنلاین</a>
									<!-- .price -->
								@endcan 
								
								<form method="POST" action="/groupshopping/{{ $product->id }}/join" class="variations_form cart">
									<input type="hidden" name="_token" value="{{ csrf_token() }}"> 
									
									<div class="single_variation_wrap">
										<div class="woocommerce-variation-add-to-cart variations_button woocommerce-variation-add-to-cart-disabled">
											
										@php $selOptionNum = 0;  $group_num = 0; @endphp
										@foreach($obj->getProductsOptionGroupTitle($product->id ) as $GroupTitleItem)
											@php $selOptionNum += 1; @endphp
											<div class="options optionlabelsel">
												<label for="options-input">{{ strlen($GroupTitleItem->group) == 1 ? '' : $GroupTitleItem->group }}</label>
												<div class="dvSelOptions">
													<div class="dvSelOptionsLabel" id="dvSelOptionsLabel{{ $selOptionNum }}">انتخاب کنید</div>
													<div class="dvSelOptions-items">
				  
															@php $color_count = 0;$option_group = ''; $checkedDefultOptionCount = 0; @endphp
															@foreach($obj->getProductsOptionItems($product->id, $GroupTitleItem->group) as $itemOption)
																@php
																if($option_group != $itemOption->group ){
																	$option_group = $itemOption->group; 
																	$group_num += 1;
																	$checkedDefultOptionCount = 0; 
																} 
																$checkedDefultOptionCount += 1;
																$option_amount = 0;
								
																if($itemOption->amount_auto == 1)
																	$option_amount = $itemOption->AmountProduct->amount;
																else 
																	$option_amount = $itemOption->amount;
																
																@endphp
								
																<label class="label_colorBox">
																	@if($itemOption->multiselect == true)
																<input type="checkbox" name="product_option_{{ $selOptionNum }}[]" data-label="{{ $itemOption->title }}" data-amount="{{ $itemOption->groupshopping_discount == true ? ($option_amount * $groupShopping->discount_percent / 100.0) : $option_amount }}" data-parent="dvSelOptionsLabel{{ $selOptionNum }}" value="{{ $itemOption->id }}" />
																	@else
																	<input type="radio" name="product_option_{{ $selOptionNum }}[]" data-label="{{ $itemOption->title }}" data-amount="{{ $itemOption->groupshopping_discount == true ? ($option_amount * $groupShopping->discount_percent / 100.0) : $option_amount }}" data-parent="dvSelOptionsLabel{{ $selOptionNum }}"  value="{{ $itemOption->id }}" @if($checkedDefultOptionCount == 1) checked="checked" @endif />
																	@endif
																{{ $itemOption->title }}
																@if($itemOption->color_code != '')
																<span style="background-color:{{ $itemOption->color_code }};" class="span_colorBox"></span>
																
																@endif
								
															</label>
								
																@php $color_count =1; @endphp
															@endforeach
								
																
														</div>
  
												</div>
											</div> 
										@endforeach
										<input type="hidden" name="option_groups_count" id="option_groups_count" value="{{ $group_num }}" />
										</div>
											
										<div class="form-group">
                                               
												  
											<div class="row">
												<div class="col-md-12">
													<div class="quantity"  >
														<label for="quantity-input">تعداد </label>  

														<select class="quantity-input" name="numbers">
															@for($i = 1; $i <= 100; $i++)
															<option {{ 1 == $i ? 'selected="selected"' : '' }}  value="{{ $i }}">{{ $i }}</option>
															@endfor
														</select>
														
													</div>
												</div> 
											</div>
											 
                                            
                                            <div class="form-group">
                                                <div class="checkbox text-center"  >
                                        
                                                    <label for="agree"  >
														<input type="checkbox" name="agree" id="agree" value="1" >
													 
															<a href="#tab-groupshopping-rules">قوانین و مقررات</a>
															خرید گروهی و دنت آنلاین رو خوانده ام و با آنها موافق هستم.
                                                    </label>
                                                    {!! $errors->first('agree', '<span class="error">:message</span>') !!}
                                                    
                                                </div>
                                            </div>
											 
											<button type="submit" onclick="return checkJoin();" class="single_add_to_cart_button button alt wc-variation-selection-needed groupshoppinglink-join" data-id="{{ $product->id }}" >پیوستن به خرید گروهی</button>
											 
										</div>
									</div>
									<!-- .single_variation_wrap -->
								</form>
								<!-- .variations_form -->
  
							</div>
							<!-- .product-actions -->
						</div>
						<!-- .product-actions-wrapper -->
					</div>
					<!-- .single-product-wrapper -->
					@if($rules)
					<div class="techmarket-tabs techmarket-tabs-wrapper wc-tabs-wrapper"> 
												
						<div id="tab-groupshopping-rules" class="techmarket-tab">
							<div class="tab-content">
								<ul role="tablist" class="nav tm-tabs"> 
									<li class="description_tab active">
										<a href="#tab-groupshopping-rules">{{  $rules->title }}</a>
									</li>  
								</ul>
								<!-- /.ec-tabs --> 
								
								{!! $rules->content !!}								 
								 
							</div>
							<!-- .tab-content -->
						</div>
						<!-- .techmarket-tab -->
						 

					</div>
					<!-- .techmarket-tabs -->
					@endif
					 
				</div>
				<!-- .product -->
 
			</main>
			<!-- #main -->
          </div> 
      </div>
      <!-- .row -->
  </div>
  <!-- .col-full -->
</div>
 
<div class="share-box-background"></div>
 
<!-- Modal -->
<div class="modal fade" id="alertModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
		<h4 class="modal-title" id="myModalLabel">پیام سیستم</h4>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>

      </div>
      <div class="modal-body">
        <div id="modalAlertMessage"></div>
      </div>
      <div class="modal-footer">
           <button type="button" class="button button-default" data-dismiss="modal">بستن</button>
      </div>
    </div>
  </div>
</div>
 

@stop

@section('admin-hovremenu') 
	@if(Auth::user())
		@can('admin-products') 
			<li><a href="/admin/products/edit/{{ $product->id }}" class="btn btn-primary btn-sm"  >ویرایش</a></li>
			<li><a href="/admin/technicalspec/products/{{ $product->id }}" class="btn btn-primary btn-sm">مشخصات</a></li>
			<li><a href="/admin/image/products/{{ $product->id }}" class="btn btn-primary btn-sm">تصاویر</a></li>
			<li><a href="/admin/color/products/{{ $product->id }}" class="btn btn-primary btn-sm">رنگ</a></li>
			<li><a href="/admin/special_discount/add/{{ $product->id }}" class="btn btn-primary btn-sm">تخفیف ویژه</a></li>
			<li><a href="/admin/product/{{ $product->id }}/video" class="btn btn-primary btn-sm">ویدئوها</a></li>
			<li><a href="/admin/product/{{ $product->id }}/pdf" class="btn btn-primary btn-sm">کاتالوگ</a></li>
			<li><a href="/admin/app/users/product/{{ $product->id }}/" class="btn btn-primary btn-sm">تامین‌کنندگان</a></li>
			<li><a href="/admin/product/{{ $product->id }}/shippingcosts/" class="btn btn-primary btn-sm">هزینه ارسال</a></li>
			<li><a href="/admin/channel/product/{{ $product->id }}" class="btn btn-primary btn-sm">ارسال به کانال</a></li>
			<li><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 type="text/javascript"> 
		var mostvisited_count = 0;

		var clipboard = new ClipboardJS('#input-share-url');

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

			e.clearSelection();
		});

	</script>

	<script src="/js/product.js?v=1.10" type="text/javascript"></script>
    <script src="/js/groupshopping-form.js?v=1.2" type="text/javascript"></script>  
@stop