@extends('layouts.default', ['title' => 'گروه‌بندی'])

@section('css')
<link href="/css/star-rating.css?u=3" rel="stylesheet" type="text/css" />
@stop

@section('content')
<div class="row">
	<div class="col-md-3">
		@include('extra.advertise_internal')
	</div>
	<div class="col-md-9">

		<div id="dvCompare" class="dvCompareBox">
			<div class="row">
				<div class="col-md-12">
					<h4>مقایسه محصول</h4>
					<div class="compareProducts">

					</div>
					<div class="clear"></div>
					<div class="compareButtons">
						<a href="#" id="aCompare" class="btn btn-success btn-sm">مقایسه کن</a>
						<a href="#" id="btnClearAllCompare" class="btn btn-danger btn-sm">حذف همه</a>
					</div>
				</div>
			</div>
		</div>

		<div class="dvProductBox">
			<h3>محصولات - {{ $groups->title }}</h3>

			@if(count($product)==0)
			<div class="row">
				<div class="alert alert-info" role="alert">
					اطلاعاتی برای نمایش دادن وجود ندارد.
				</div>
			</div>
			@endif

			@php $product_num = 0; @endphp

			@foreach($product as $item)

			@php
			$product_num++;
			if($product_num==1 )
			echo '<div class="row">';

				@endphp

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

					<div class="thumbnail prod">
						<a href="/product/{{ $item->id }}/{{ slugify($item->link) }}">
							<label class="lblCompareBox"><input type="checkbox" attr-id="{{ $item->id }}"
									attr-title="{{ $item->title }}" attr-img="{{ $item->image }}"
									attr-group="{{ ( $item->group_id==null ? "-1" : $item->group_id )  }}"
									class="chkCompareItem" id="chkCompareItem{{ $item->id }}" /> مقایسه </label>

							@if($item->amount_old!=0)
							<span class="bg_discount"></span>
							@endif

							<img src="/img/product/thumbnail/{{ $item->image }}" />
							<div style="direction:ltr;">
								<div class="star-ratings-sprite-small">
									<div style="width:{{  $item->rating_summery * 100 / 5  }}%"
										class="star-ratings-sprite-rating-small"></div>
								</div>
								<div class="star-summery-small-number">{{  $item->rating_summery }}</div>
							</div>

							<div class="dvProductTP">
								<span class="spProductT">{{ $item->title }}</span>
							</div>
						</a>
						<span class="spProductP">
							@can('user-product-amount')
							@if($item->amount_old!=0)

							@if(App\Models\Product::find($item->id)->ShowPrice())
							<div class="dvAmountOld">

								{{ number_format($item->amount_old, 0, '', ',')  }} تومان

							</div>
							@else
							<div class="dvAmountOld"></div>
							@endif
							<div style="clear:both;"></div>
							@else
							<div class="dvAmountOld"></div>
							<div style="clear:both;"></div>

							@endif

							@if( $item->availability==0)
							@can('user-product-amount')
							<div style="float:right">ناموجود</div>
							@else
							<div style="float:right">عضویت و مشاهده قیمت</div>
							@endcan
							@else
							@if(App\Models\Product::find($item->id)->ShowPrice())
							<div style="float:right">

								{{ number_format($item->amount, 0, '', ',') }} تومان

							</div>
							@else
							@can('user-product-amount')
							<div style="float:right">استعلام قیمت</div>
							@else
							<div style="float:right">عضویت و مشاهده قیمت</div>
							@endcan
							@endif
							@endif

							<img src="/img/{{ $item->availability==0 ? 'un':''  }}available-badge-small.png"
								style="float: left;" />
							<div style="clear:both;"></div>
							@else
							<a class="price-limited" style="width:158px!important;"
								href="/users/login-register?_back={{ URL::current() }}"> عضویت و مشاهده قیمت</a>
							@endcan
						</span>
					</div>

				</div>

				@php
				if($product_num % 4 == 0 )
				echo '</div>
			<div class="row">';
				@endphp
				@endforeach

				@php
				if($product_num!=0 )
				echo '</div>';
			@endphp

		</div>
		<br />
	</div>
</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">
				<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
						aria-hidden="true">&times;</span></button>
				<h4 class="modal-title" id="myModalLabel">پیام سیستم</h4>
			</div>
			<div class="modal-body">
				<div id="modalAlertMessage"></div>
			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-default" data-dismiss="modal">بستن</button>
			</div>
		</div>
	</div>
</div>
@include('particles.product_quickedit')
@stop

@section('javascript')
<script src="/js/groups.js" type="text/javascript"></script>
@stop