@extends('includes.master')

@section('content')


    <div class="backgroundheader" style="height: 58px;margin-bottom: 23px;">
    <div class="control"> 
			<a href="{{url('/category')}}/{{\App\Category::where('id',$productdata->category[0])->first()->slug}}"><img style="width: 21px;margin-top: 16px;" src="{{url('/assets/images/img/icon/back.png')}}" class="hom" ></a>			
			<a href="{{url('/cart')}}"><img style="margin-top: 15px;" src="{{url('/assets/images/img/icon/mycart.png')}}" class="set"></a>		
    </div>

</div>
    <section class="container" style="margin-top: 20px;">

        <div class="content-push">



            <div class="information-blocks">
                <div class="row">
                    <div class="col-sm-5 col-md-4 col-lg-5 information-entry">
                        <div class="product-preview-box">
                            <div class="swiper-container product-preview-swiper" data-autoplay="0" data-loop="1" data-speed="500" data-center="0" data-slides-per-view="1">
                                <div class="swiper-wrapper">
                                    <div class="swiper-slide">
                                        <div class="product-zoom-image">
                                            <img src="{{url('/')}}/assets/images/products/{{$productdata->feature_image}}" alt="" data-zoom="" />
                                        </div>
                                    </div>
                                    @forelse($gallery as $galdta)
                                        <div class="swiper-slide">
                                            <div class="product-zoom-image">
                                                <img src="{{url('/')}}/assets/images/gallery/{{$galdta->image}}" alt="" data-zoom="" />
                                            </div>
                                        </div>
                                    @empty
                                    @endforelse
                                </div>
                                <div class="pagination"></div>
                                <div class="product-zoom-container">
                                    <div class="move-box">
                                        <img class="default-image" src="" alt="" />
                                        <img class="zoomed-image" src="" alt="" />
                                    </div>
                                    <div class="zoom-area"></div>
                                </div>
                            </div>
                            <div class="swiper-hidden-edges">
                                <div class="swiper-container product-thumbnails-swiper" data-autoplay="0" data-loop="0" data-speed="500" data-center="0" data-slides-per-view="responsive" data-xs-slides="3" data-int-slides="3" data-sm-slides="3" data-md-slides="4" data-lg-slides="4" data-add-slides="4">
                                    <div class="swiper-wrapper">


                                    </div>
                                    <div class="pagination"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-7 col-md-7 information-entry">
                        <div class="product-detail-box">
                            <h1 class="product-title">{{$productdata->title}}</h1>
                            <div class="rating-box" style="float: left;margin-top: -50px;">
                                @for($i=1;$i<=5;$i++)
                                    @if($i <= \App\Review::ratings($productdata->id))
                                        <div class="star"><i class="fa fa-star"></i></div>
                                    @else
                                        <div class="star"><i class="fa fa-star-o"></i></div>
                                    @endif
                                @endfor
                            </div>
                            <div class="price detail-info-entry">
                                @if($productdata->previous_price != "")
                                    <div class="prev">{{$productdata->previous_price}}</div>
                                @else
                                @endif
                                <div class="current"><span id="price">{{$productdata->price}}</span><h1 style="font-size: 21px;width: 34px;float: left;margin-top: -6px;margin-left: 2px;">د.ع</h1></div>
                            </div>
     

                            <div class="ratingdiv">
                           
                            <div class="ratingdesr" data-toggle="modal" data-target="#reviewsmodal">  ( {{\App\Review::where('productid',$productdata->id)->count()}} ) اكتب مراجعتك </div>
                            </div>

 
                           
                            
                            
                        </div>
                    </div>
                    <div class="clear visible-xs visible-sm"></div>

                </div>
            </div>

            <div class="information-blocks" style="margin-top: -81px;">
                <div class="card">
                    @if(Session::has('message'))
                        <div class="alert alert-success alert-dismissable">
                            <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
                            تم نشر مراجعتك بنجاح
                        </div>
                    @endif
                    <ul class="nav nav-tabs" role="tablist" style="width: 108%;margin-left: -4%;">
                        <li role="presentation" class="active"><a href="#description" aria-controls="home" role="tab" data-toggle="tab">الوصف</a></li>
                        <li role="presentation" ><a href="#policy" aria-controls="profile" role="tab" data-toggle="tab">تعليمات</a></li>
                    </ul>

                    <!-- Tab panes -->
                    <div class="tab-content">
                        <div role="tabpanel" class="tab-pane active" id="description">
                            {!! $productdata->description !!}
                        </div>
                        <div role="tabpanel" class="tab-pane" id="policy">
                            {!! $productdata->policy !!}
                        </div>
                       
            </div>
            @if($productdata->sizes != null)
            <div class="ratingdesrasas"><h1 style="font-size: 13px;font-family: psfont;background-color: #393939;width: 108px;margin: -15px auto;display:block;height: 26px;padding-top: 8px;border-radius: 20px;margin-bottom: 10px;color: #fff;">النوع</h1>
            
                            <div class="size-selector detail-info-entry">
                                @foreach(explode(',',$productdata->sizes) as $size)
                                    <div class="entry">{{$size}}</div>
                                @endforeach
                                <div class="spacer"></div>
                            </div>
                            </div>

                            </div>
                            @endif
                            <div class="quantity-selector detail-info-entry" style="float: left;margin-top: 2px;margin-bottom: 8px;">
                                <div class="entry number-minus" style="border-radius: 6px 0px 0px 6px;">&nbsp;</div>
                                <div class="entry number" style="min-width: 200px;">1</div>
                                <div class="entry number-plus" style="border-radius: 0px 6px 6px 0px;">&nbsp;</div>
                            </div>
                            <div class="detail-info-entry">
                                <form id="cartfrom">
                                    {{csrf_field()}}
                                    @if(Session::has('uniqueid'))
                                        <input type="hidden" name="uniqueid" value="{{Session::get('uniqueid')}}">
                                    @else
                                        <input type="hidden" name="uniqueid" value="{{str_random(7)}}">
                                    @endif
                                    <input type="hidden" name="title" value="{{$productdata->title}}">
                                    <input type="hidden" name="product" value="{{$productdata->id}}">
                                    <input type="hidden" id="size" name="size" value="">
                                    <input type="hidden" id="cost" name="cost" value="{{$productdata->price}}">
                                    <input type="hidden" id="quantity" name="quantity" value="1">
                                    @if($productdata->stock != 0 || $productdata->stock === null )
                                        <button type="button" class="button style-10 to-cart" >اضافة الى العربة</button>
                                    @else
                                        <button type="button" class="button style-10 to-cart"  disabled>غير متوفر</button>
                                    @endif
                                    {{--<button type="button" class="button style-10 to-cart">اضافة الى العربة</button>--}}
                                </form>
                                <div class="clear"></div>
                            </div>

    </section>

    

    <div class="modal" id="reviewsmodal">
      <div class="modal-dialog" style="width: 94%;margin-left: 5%;">
        <div class="modal-content">
    
          <a type="button" data-dismiss="modal" class="closeghassele"><img src="{{url('/assets/images/img/x1.png')}}" class="closeimg"  ></a>	
    
          <div class="modal-body">

          <div role="tabpanel" class="tab-pane" id="reviews">
                            <h3 class="mragaaadda">كتابة مراجعة</h3>
                            <div class="row" style="margin-bottom: 20px">
                                <div class="col-md-6">
                                    <div class='starrr' id='star1'></div>
                                    <div>
                                        <span class='your-choice-was' style='display: none;'>
                                             <h1 style="text-align: center;font-family: psfont;font-size: 10px;margin: auto;display:block;margin-top: 11px;"><span class='choice'></span> : تقييمك هو </h1> 
                                        </span>
                                    </div>
                                </div>
                            </div>
                            <form method="POST" action="{{route('review.submit')}}">
                                {{ csrf_field() }}
                                <input type="hidden" name="rating" id="rate" value="5">
                                <input type="hidden" name="productid" value="{{$productdata->id}}">
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <input name="name" placeholder="الأسم الظاهر" class="form-control" type="text" required>

                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <input name="email" placeholder="البريد الألكتروني" class="form-control" type="email" required>

                                        </div>
                                    </div>
                                </div>
                                <!-- Text input-->
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <textarea name="review" rows="6" placeholder="نص المراجعة" class="form-control mragaainputs"></textarea>
                                        </div>
                                    </div>
                                </div>

                                <div id="resp" class="col-md-6">
                                    @if ($errors->has('error'))
                                        <span class="help-block">
                                <strong>{{ $errors->first('password') }}</strong>
                            </span>
                                    @endif
                                </div>
                                <!-- Button -->
                                <div class="row">
                                    <div class="form-group">
                                        <label class="col-md-3 control-label"></label>
                                        <div class="col-md-4 col-md-offset-2">
                                            <button type="submit" class="nshrmragate" id="LoginButton"><strong>نشر مراجعتي</strong></button>
                                        </div>
                                    </div>
                                </div>
                            </form>
                            <h3 class="mragaaadd">المراجعات السابقة</h3>
                            @forelse($reviews as $review)
                                <div class="alta3lekal3aaam">
                                    <div class="col-md-3">
                                        <h1 class="nameta3leg">{{$review->name}}</h1>
                                        <div class="rating-box rateeeggef">
                                            @for($i=1;$i<=5;$i++)
                                                @if($i <= $review->rating)
                                                    <div class="star"><i class="fa fa-star"></i></div>
                                                @else
                                                    <div class="star"><i class="fa fa-star-o"></i></div>
                                                @endif
                                            @endfor
                                        </div>
                                    </div>
                                    <div class="alta3lekalns">
                                        {{$review->review}}
                                    </div>
                                </div>
                            @empty
                            <img src="{{url('/assets/images/img/nocomment.png')}}" class="nocomment" >
                            @endforelse
                        </div>
                    </div>
                </div>
    
        </div>
      </div>
    </div>
    </div>


@stop

@section('footer')
<script>
    $('#star1').starrr({
        rating: 5,
        change: function(e, value){
            if (value) {
                $('.your-choice-was').show();
                $('.choice').text(value);
                $('#rate').val(value);
            } else {
                $('.your-choice-was').hide();
            }
        }
    });

    $("#showmore").click(function() {
        $('html, body').animate({
            scrollTop: $("#description").offset().top - 200
        }, 1000);
    });

</script>
@stop