@extends('layouts.stores_dashboard_layout')

@section('title')
    {{trans('stores_dashboard.rates')}}
@endsection
@section('content')
            <div class="dash-title p-2">
                <h6 class="bold">{{trans('stores_dashboard.rates')}}</h6>
                <p class="mb-1">{{trans('stores_dashboard.rates_desc')}}</p>
            </div>





            <div class=" m-2 p-0 ">
                <div class="white-bg round7 ">

                    <div class="dash-card-content text-center p-4">

                        <h1 class="font60 ">{{number_format($store->rating(),1)}}</h1>
                        @if($store->rating()==0)
                            <div class="stars-cont d-inline-block direction2">
                                <i class="fa fa-star font20 gray"></i>
                                <i class="fa fa-star font20 gray"></i>
                                <i class="fa fa-star font20 gray"></i>
                                <i class="fa fa-star font20 gray"></i>
                                <i class="fa fa-star font20 gray"></i>
                            </div>
                        @elseif($store->rating()>0 && $store->rating()<=1)
                            <div class="stars-cont d-inline-block direction2">
                                <i class="fa fa-star font20 gold"></i>
                                <i class="fa fa-star font20 gray"></i>
                                <i class="fa fa-star font20 gray"></i>
                                <i class="fa fa-star font20 gray"></i>
                                <i class="fa fa-star font20 gray"></i>
                            </div>
                        @elseif($store->rating()>1 && $store->rating()<=2)
                            <div class="stars-cont d-inline-block direction2">
                                <i class="fa fa-star font20 gold"></i>
                                <i class="fa fa-star font20 gold"></i>
                                <i class="fa fa-star font20 gray"></i>
                                <i class="fa fa-star font20 gray"></i>
                                <i class="fa fa-star font20 gray"></i>
                            </div>
                        @elseif($store->rating()>2 && $store->rating()<=3)
                            <div class="stars-cont d-inline-block direction2">
                                <i class="fa fa-star font20 gold"></i>
                                <i class="fa fa-star font20 gold"></i>
                                <i class="fa fa-star font20 gold"></i>
                                <i class="fa fa-star font20 gray"></i>
                                <i class="fa fa-star font20 gray"></i>
                            </div>
                        @elseif($store->rating()>3 && $store->rating()<=4)
                            <div class="stars-cont d-inline-block direction2">
                                <i class="fa fa-star font20 gold"></i>
                                <i class="fa fa-star font20 gold"></i>
                                <i class="fa fa-star font20 gold"></i>
                                <i class="fa fa-star font20 gold"></i>
                                <i class="fa fa-star font20 gray"></i>
                            </div>
                        @elseif($store->rating()==5)
                        <div class="stars-cont d-inline-block direction2">
                            <i class="fa fa-star font20 gold"></i>
                            <i class="fa fa-star font20 gold"></i>
                            <i class="fa fa-star font20 gold"></i>
                            <i class="fa fa-star font20 gold"></i>
                            <i class="fa fa-star font20 gold"></i>
                        </div>
                        @endif


                        <p class="font18 mt-2">({{$reviews->count()}}) {{trans('stores_dashboard.rate')}}</p>

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

                <!-- openions -->
                <div class=" m-2 p-0 ">
                    <div class="white-bg round7 ">
                        <h6 class="bold border-bottom p-3">{{trans('stores_dashboard.reviews')}}</h6>
                        @if($reviews->count()!=0)
                        <div class="dash-card-content pl-2 pr-2">
                            @foreach($reviews as $review)

                            <div class="row m-0 pt-1 pb-1 align-items-center justify-content-center ">
                                <div class="col-md p-0 p-md-1 text-center ">
                                    <img src="{{$review->user->avatarPath}}" style="max-width: 80px;" class="m-0 m-md-1 round7 " alt="">
                                </div>
                                <div class="col-11 col-md-10 p-1 ">
                                    <h6 class="bold font14">{{$review->user->name}}</h6>
                                        <div class="">
                                        @if($review->rate==0)
                                            <div class="stars-cont d-inline-block direction2">
                                                <i class="fa fa-star font20 gray"></i>
                                                <i class="fa fa-star font20 gray"></i>
                                                <i class="fa fa-star font20 gray"></i>
                                                <i class="fa fa-star font20 gray"></i>
                                                <i class="fa fa-star font20 gray"></i>
                                            </div>
                                        @elseif($review->rate>0 && $store->rating()<=1)
                                            <div class="stars-cont d-inline-block direction2">
                                                <i class="fa fa-star font20 gold"></i>
                                                <i class="fa fa-star font20 gray"></i>
                                                <i class="fa fa-star font20 gray"></i>
                                                <i class="fa fa-star font20 gray"></i>
                                                <i class="fa fa-star font20 gray"></i>
                                            </div>
                                        @elseif($store->rating()>1 && $store->rating()<=2)
                                            <div class="stars-cont d-inline-block direction2">
                                                <i class="fa fa-star font20 gold"></i>
                                                <i class="fa fa-star font20 gold"></i>
                                                <i class="fa fa-star font20 gray"></i>
                                                <i class="fa fa-star font20 gray"></i>
                                                <i class="fa fa-star font20 gray"></i>
                                            </div>
                                        @elseif($store->rating()>2 && $store->rating()<=3)
                                            <div class="stars-cont d-inline-block direction2">
                                                <i class="fa fa-star font20 gold"></i>
                                                <i class="fa fa-star font20 gold"></i>
                                                <i class="fa fa-star font20 gold"></i>
                                                <i class="fa fa-star font20 gray"></i>
                                                <i class="fa fa-star font20 gray"></i>
                                            </div>
                                        @elseif($store->rating()>3 && $store->rating()<=4)
                                            <div class="stars-cont d-inline-block direction2">
                                                <i class="fa fa-star font20 gold"></i>
                                                <i class="fa fa-star font20 gold"></i>
                                                <i class="fa fa-star font20 gold"></i>
                                                <i class="fa fa-star font20 gold"></i>
                                                <i class="fa fa-star font20 gray"></i>
                                            </div>
                                        @elseif($store->rating()==5)
                                        <div class="stars-cont d-inline-block direction2">
                                            <i class="fa fa-star font20 gold"></i>
                                            <i class="fa fa-star font20 gold"></i>
                                            <i class="fa fa-star font20 gold"></i>
                                            <i class="fa fa-star font20 gold"></i>
                                            <i class="fa fa-star font20 gold"></i>
                                        </div>
                                        @endif


                                    </div>
                                  <p class="mb-1">{{$review->comment}}</p>
                                </div>
                            </div>

                            <hr>
                            @endforeach





                        </div>
                        @endif
                    </div>
                </div>





        </div>
        <!-- end of dashboard body -->

    </div>







    <!-- start page content -->

@endsection