@php
    use App\Models\Admin\Settings;
    use App\Models\User\UserAuth;
@endphp
@extends('layouts.frontlayout')
@section('content')

<section class="product_reviews_section reviews_section product_detail_section">
    <div class="container">
        <div class="row">
            <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                <div class="product_reviews_area product_detail_area">
                    <div class="row">
                        <div class="col-xxl-4 col-xl-4 col-lg-5 col-md-6 col-sm-6 col-12">
                            @include('frontend.products.single.slider')
                            <div class="left_area">
                                <div class="my_content">
                                    <div class="heading_area">
                                        <h3>{{isset($product->title) && $product->title ? $product->title : ''}}</h3>
                                    </div>
                                    @if(isset($product->discount_type) && $product->discount_type == 'price')
                                        @php
                                            if(isset($product->discount) && !empty($product->discount) && $product->discount)
                                            {
                                                $price = isset($product->price) && $product->price ? $product->price - $product->discount : '';
                                            }
                                            else
                                            {
                                                $price = isset($product->price) && $product->price ? $product->price : '';
                                            }
                                        @endphp
                                    @elseif(isset($product->discount_type) && $product->discount_type == 'percent')
                                        @php
                                            if(isset($product->discount) && !empty($product->discount) && $product->discount)
                                            {
                                                $price = isset($product->price) && $product->price ? $product->discount/100*$product->price  : '';
                                                $price = $product->price - $price;
                                            }
                                            else
                                            {
                                                $price = isset($product->price) && $product->price ? $product->price : '';
                                            } 
                                             
                                        @endphp
                                    @endif
                                    @if(isset($firstVariant) && !empty($firstVariant) && $firstVariant )
                                        <div class="price_area">
                                            <div class="discount_price">{{isset($firstVariant['discounted_price']) && $firstVariant['discounted_price'] ? Settings::get('currency_symbol').' '.$firstVariant['discounted_price'] : 0 }}</div>
                                            <div class="off_price">
                                            {{ isset($discountPrice) && $discountPrice ? Settings::get('currency_symbol').' '.round($discountPrice,2).(isset($product->discount_type) && $product->discount_type === 'percent' ? ' % ' : '').' OFF' : '' }}</div>
                                        </div>
                                    @else
                                    <div class="price_area">
                                        <div class="discount_price">
                                            @if(isset($product->discount_type) && $product->discount_type == 'price')
                                                {{isset($price) && $price ? Settings::get('currency_symbol').' '.$price : ''}}
                                            @elseif(isset($product->discount_type) && $product->discount_type == 'percent')
                                                {{isset($price) && $price ? Settings::get('currency_symbol').' '.round($price) : ''}}
                                            @else
                                                {{isset($product->price) && $product->price ? Settings::get('currency_symbol').' '.$product->price : ''}}
                                            @endif
                                        </div>
                                        <div class="off_price">
                                            @if(isset($product->discount_type) && $product->discount_type == 'price')
                                            {{isset($product->discount) && $product->discount ? '( '.Settings::get('currency_symbol').' '.$product->discount.' OFF )' : ''}}
                                            @elseif(isset($product->discount_type) && $product->discount_type == 'percent')
                                            {{isset($product->discount) && $product->discount ? '( '.$product->discount.'% OFF )' : ''}}
                                            @endif
                                        </div>
                                    </div>
                                    @endif
                                    @if(isset($firstVariant) && empty($firstVariant))
                                        <div class="actual_price">
                                            {{isset($product->price) && $product->price ? Settings::get('currency_symbol').' '.round($product->price, 2) : ''}}
                                        </div>
                                    @else
                                    @endif
                                </div>
                            </div>
                        </div>
                        <div class="col-xxl-8 col-xl-8 col-lg-7 col-md-6 col-sm-6 col-12">
                            @php 
                                $oneStarRating      = $ratings['oneStar'];
                                $twoStarRating      = $ratings['twoStar'];
                                $threeStarRating    = $ratings['threeStar'];
                                $fourStarRating     = $ratings['fourStar'];
                                $fiveStarRating     = $ratings['fiveStar'];
                                $totalRating        = $ratings['total'];

                                $oneStarPer         = $ratingsPerCentage['oneStar'];
                                $twoStarPer         = $ratingsPerCentage['twoStar'];
                                $threeStarPer       = $ratingsPerCentage['threeStar'];
                                $fourStarPer        = $ratingsPerCentage['fourStar'];
                                $fiveStarPer        = $ratingsPerCentage['fiveStar'];
                            @endphp
                            <div class="right_area reviews_area">
                                <div class="heading_area">
                                    <h3>Ratings & Reviews</h3>
                                </div>
                                <div class="content_graph_area">
                                    <div class="left_area">
                                        <div class="content_area">
                                            <div class="image_area">
                                                <img src="{{ url('frontend/images/big_star.png') }}" alt="..." />
                                            </div>
                                            <div class="heading_1">
                                                {{isset($totalReview) && $totalReview ? $totalReview : '0' }} Reviews
                                            </div>
                                            <div class="heading_2">
                                                {{isset($averageRating) && $averageRating ? round($averageRating, 1) : '0' }} out of 5
                                            </div>
                                        </div>
                                    </div>
                                    <div class="right_area">
                                        <div class="left_inner">
                                            <div class="graph_area">
                                                <div class="text_progress_area">
                                                    <div class="my_text">5</div>
                                                    <div class="progress_bar_bg">
                                                        <div class="progress_line" style="width: {{ $fiveStarPer }}%;"></div>
                                                    </div>
                                                    <div class="my_text">{{isset($fiveStarRating) && $fiveStarRating ? $fiveStarRating : "0"}}</div>
                                                </div>
                                                <div class="text_progress_area">
                                                    <div class="my_text">4</div>
                                                    <div class="progress_bar_bg">
                                                        <div class="progress_line" style="width: {{ $fourStarPer }}%;"></div>
                                                    </div>
                                                    <div class="my_text">{{isset($fourStarRating) && $fourStarRating ? $fourStarRating : "0"}}</div>
                                                </div>
                                                <div class="text_progress_area">
                                                    <div class="my_text">3</div>
                                                    <div class="progress_bar_bg">
                                                        <div class="progress_line"style="width: {{ $threeStarPer }}%"></div>
                                                    </div>
                                                    <div class="my_text">{{isset($threeStarRating) && $threeStarRating ? $threeStarRating : "0"}}</div>
                                                </div>
                                                <div class="text_progress_area">
                                                    <div class="my_text">2</div>
                                                    <div class="progress_bar_bg">
                                                        <div class="progress_line"style="width: {{ $twoStarPer }}%;"></div>
                                                    </div>
                                                    <div class="my_text">{{isset($twoStarRating) && $twoStarRating ? $twoStarRating : "0"}}</div>
                                                </div>
                                                <div class="text_progress_area">
                                                    <div class="my_text">1</div>
                                                    <div class="progress_bar_bg">
                                                        <div class="progress_line"style="width: {{ $oneStarPer }}%;"></div>
                                                    </div>
                                                    <div class="my_text">{{isset($oneStarRating) && $oneStarRating ? $oneStarRating : "0"}}</div>
                                                </div>
                                            </div>
                                        </div>
                                        @if(UserAuth::isLogin())
                                        <div class="right_inner">
                                            <div class="button_area">
                                                <a href="javascript:;" aria-label="Write a Review" data-id="" data-url="" data-bs-toggle="modal" data-bs-target=".edit_modal_form" class="btn-primary">Write a Review</a>
                                            </div>
                                        </div>
                                        @else
                                        <div class="right_inner">
                                            <div class="button_area">
                                                <a href="{{route('user.login')}}" aria-label="Log In" class="btn-primary">Write a Review</a>
                                            </div>
                                        </div>
                                        @endif
                                    </div>
                                </div>
                                <div class="feedback_parent">
                                    @include('frontend.products.reviews.listingLoop')
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

@include('frontend.products.single.writeReview')

@endsection