@extends('layouts.default-new', ['title' => 'ثبت نظر جدید'])

@section('title', 'ثبت نظر جدید' )
@section('bodyclass', 'page home page-template-default pace-done')

@section('meta')
<link rel="stylesheet" href="/css/addcomment.css" type="text/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>
				ثبت نظر جدید

			</nav>
			<!-- .woocommerce-breadcrumb -->
			<div id="primary" class="content-area">
				<main id="main" class="site-main">

					<div class="row">
						<div class="col-md-12">
							<div class="dvProductBox">

								<div class="row">
									<div class="col-md-4">
										<div class="thumbnail prod">
											<img id="multizoom2" src="/img/product/thumbnail/{{ $product->image }}" />
										</div>
										<br /> {{ $product->title }}
									</div>
									<div class="col-md-8">
										<h3>امتیاز شما به این محصول</h3>

										<form method="post" action="/product/addcomment/rating">
											<input type="hidden" name="_token" value="{{ csrf_token() }}">
											<input type="hidden" name="product_id" value="{{ $product->id }}" />

											@foreach($categoryRating as $item)
											<div class="rating_box">
												<span>{{ $item->title }}</span><br />

												<input type="range" name="rating_{{ $item->id }}" min="0" max="5"
													step="1"
													value="{{ (count($rating)==0 ? 3 : ( isset($rating[$item->id]) ? $rating[$item->id] : 0 )  ) }}"
													data-rangeslider @if(count($rating)!=0) disabled @endif />
												<div class="row justify-content-between">
													<div class="col-4">
														<span class="ml-3">۰</span>
													</div>
													<div class="col-4 text-left">
														<span class="mr-3">۵</span>
													</div>
												</div>
											</div>

											@endforeach

											<div class="clear"></div>
											@if(count($rating)==0 && count($categoryRating)!=0)
											<input type="submit" value="ثبت امتیاز" class="btn btn-primary" />
											@endif

											@if(count($categoryRating)==0)
											در حال حاضر امکان امتیاز دهی به این محصول وجود ندارد
											@endif
										</form>
									</div>
								</div>
							</div>

							<div class="dvProductBox">
								<div class="row">
									<div class="col-md-12">

										<h3>دیگران را با نوشتن نقد، بررسی و نظرات خود، برای انتخاب این محصول راهنمایی
											کنید.</h3>

										<form method="post" action="/product/addcomment/comment">
											<input type="hidden" name="_token" value="{{ csrf_token() }}">
											<input type="hidden" name="product_id" value="{{ $product->id }}" />
											<div class="form-group">
												<div class="col-md-12">
													عنوان نقد و بررسی شما (اجباری)
													<input type="text" class="form-control"
														{{ ($disabled ? 'disabled' : '') }} name="title" id="title"
														style="margin-bottom: 9px;margin-top: 3px;" />
												</div>
											</div>
											<div class="form-group">
												<div class="col-md-6">
													نقاط قوت

													<div id="dvAdvantages">
														<div class="input-group">
															<input type="text" class="form-control"
																{{ ($disabled ? 'disabled' : '') }} name="advantages[]"
																style="margin-bottom: 8px;margin-top: 3px;" />

															<div class="btn-group " role="group"
																aria-label="First group"
																style="padding: 5px 0;margin-top: -2px; margin-bottom: 2px;">
																<button type="button" style="min-width: 35px;"
																	class="btn btn-secondary btn-sm plus">+</button>
																<button type="button" style="min-width: 35px;"
																	class="btn btn-secondary btn-sm minus">-</button>
															</div>
														</div>
													</div>


												</div>
												<div class="col-md-6">
													نقاط ضعف

													<div id="dvDisadvantages">
														<div class="input-group">
															<input type="text" class="form-control"
																{{ ($disabled ? 'disabled' : '') }}
																name="disadvantages[]"
																style="margin-bottom: 8px;margin-top: 3px;" />

															<div class="btn-group " role="group"
																aria-label="First group"
																style="padding: 5px 0;margin-top: -2px; margin-bottom: 2px;">
																<button type="button" style="min-width: 35px;"
																	class="btn btn-secondary btn-sm plus">+</button>
																<button type="button" style="min-width: 35px;"
																	class="btn btn-secondary btn-sm minus">-</button>
															</div>
														</div>
													</div>

												</div>
											</div>

											<div class="form-group">
												<div class="col-md-12">
													متن نقد و بررسی شما (اجباری)
													<textarea class="form-control" name="commentText" id="commentText"
														{{ ($disabled ? 'disabled' : '') }}
														style="margin-bottom: 9px;margin-top: 3px;"></textarea>
												</div>

											</div>

											@if(count( \DB::select("select * from cart_items where product_id =" .
											$product->id . " and cart_id in (select id from carts where user_id = " .
											Auth::user()->id . " and status = 4 ) ",array()) ) !=0)

											<div class="form-group">
												<div class="col-md-12">
													آیا خرید این محصول را به دوستان خود پیشنهاد میکنید؟

													<div class="checkbox">
														<label>
															<input type="radio" name="offer" id="offer" value="1"> حتما
															پیشنهاد میکنم
														</label>

														<label>
															<input type="radio" name="offer" id="offer" value="2"
																checked="checked"> نظری ندارم
														</label>

														<label>
															<input type="radio" name="offer" id="offer" value="3"> هرگز
															پیشنهاد نمیکنم
														</label>
													</div>
												</div>
											</div>

											@endif

											<div class="form-group">
												<div class="col-md-12">
													<div class="checkbox">
														<label>
															<input type="checkbox" name="fullname" id="fullname"
																value="1"> (نام کامل من نمایش داده نشود.)
														</label>
													</div>
												</div>
											</div>

											<div class="form-group">
												<div class="col-md-12">
													<input type="submit" value="ثبت نقد و بررسی"
														onclick="return check();" {{ ($disabled ? 'disabled' : '') }}
														class="btn btn-primary" />

													<span style="font-size:10px;margin-right:15px;">با انتخاب دکمه “ثبت
														نقد و بررسی”، موافقت خود را با قوانین انتشار محتوا در دنت آنلاین
														اعلام می کنم. </span>

													<a href="/product/{{ $product->id }}/{{ $product->link }}"
														class="btn btn-default" style="float:left;">بازگشت</a>
												</div>
											</div>
										</form>
									</div>
								</div>
							</div>
						</div>
					</div>

					<!-- #main -->
			</div>
			<!-- #primary -->

			<!-- .sidebar-blog -->
		</div>
		<!-- .row -->
	</div>
	<!-- .col-full -->
</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>

@stop

@section('scripts')
<script src="/js/addcomment.js"></script>
<script>
	@if(isset($succ_msg))
		function showSucc(){
			$("#modalAlertMessage").html("سپاس، نظر شما ثبت گردید و پس از تایید نمایش داده خواهد شد.");
			$("#alertModal").modal();
		}
		showSucc();
		@endif 
</script>
@stop