Viewing file:  review.blade.php (16.23 KB) -rw-r--r--
Select action/file-type:
 (+) |  (+) |  (+) | Code (+) | Session (+) |  (+) | SDB (+) |  (+) |  (+) |  (+) |  (+) |  (+) |
@extends('master.front')
@section('meta')
<meta name="keywords" content="{{ $setting->meta_keywords }}">
<meta name="description" content="{{ $setting->meta_description }}">
@endsection
@section('styleplugins')
<style>
.rating {
direction: rtl;
display: inline-block;
unicode-bidi: bidi-override;
padding: 10px 0px;
}
.star.active {
color: #ffcc00; /* Active star color */
}
.star:hover,
.star:hover ~ .star,
.star.selected {
color: gold;
}
.reviewers-icon {
border: 1px solid #dddddd;
padding: 10px;
border-radius: 5px;
}
.star {
font-size: 2rem;
color: lightgray;
cursor: pointer;
}
.reviewers-text {
border: 1px solid #d5d5d5;
padding: 10px;
}
img.rev-img {
width: 170px;
height: auto;
}
.star-rating {
display: inline-flex;
font-size: 24px;
}
.star-icon {
color: gold;
}
.review-image {
margin: 15px;
}
.star-inactive {
color: #ccc !important;
cursor: pointer;
}
/* .star.active {
color: #ffcc00;
} */
</style>
@endsection
@section('content')
<main class="solo-p-moblie">
<div class="mb-md-1 pb-md-3"></div>
<div class="container">
<div class="row">
<div class="col-lg-7">
<div class="image-thumbnail-carousel row">
<section class="thumbnail-carousel col-lg-2 p-0">
<ul class="carousel__slider">
@foreach ($product->galleries as $gallery)
<li class="carousel__slide">
<div class="thumbnail">
<img loading="lazy" src="{{ asset('assets/images/' . $gallery->photo) }}" alt="">
</div>
</li>
@endforeach
</ul>
</section>
<section class="image-display col-lg-10 p-0">
<button type="button" class="carousel__btn prev prev-left" aria-label="Previous slide">
<i class="far fa-angle-left"></i>
</button>
<div class="screen"></div>
<button type="button" class="carousel__btn next next-right" aria-label="Next slide">
<i class="far fa-angle-right"></i>
</button>
</section>
</div>
</div>
<div class="col-lg-5">
<div class="d-flex justify-content-between mb-4 pb-md-2">
<div class="p-0 mb-0">
<a href="{{route('front.index')}}" class="a-link text-uppercase"> Home </a>
<span> / </span>
<a href="{{ route('front.catalog') }}" class="a-link text-uppercase"> The Shop </a>
</div>
<div class="d-none product-prev-next d-flex align-items-center justify-content-between justify-content-md-end">
<a href="#" class="text-uppercase fw-medium disabled">
<span><i class="fa fa-angle-left"></i></span>
<span class="a-link">Prev</span>
</a>
<a href="#" class="text-uppercase fw-medium disabled">
<span class="a-link ">Next</span>
<span><i class="fa fa-angle-right"></i></span>
</a>
</div>
</div>
<h1 class="product-single-name">
{{ $product->name }}
</h1>
<div class="d-flex align-items-center">
<div class="d-flex" style="margin-right: 20px;">
@php
$fullStars = floor($averageRating);
$halfStar = ($averageRating - $fullStars) >= 0.5 ? 1 : 0;
$emptyStars = 5 - ($fullStars + $halfStar);
for ($i = 0; $i < $fullStars; $i++) {
echo "<i class='fa fa-star review-stars'></i>";
}
if ($halfStar) {
echo "<i class='fa fa-star-half-alt review-stars'></i>";
}
for ($i = 0; $i < $emptyStars; $i++) {
echo "<i class='far fa-star review-stars '></i>";
}
@endphp
</div>
@php
$count = $product->reviews->count();
if ($count >= 1_000_000_000_000) {
$formattedCount = round($count / 1_000_000_000_000, 1) . 't';
} elseif ($count >= 1_000_000_000) {
$formattedCount = round($count / 1_000_000_000, 1) . 'b';
} elseif ($count >= 1_000_000) {
$formattedCount = round($count / 1_000_000, 1) . 'm';
} elseif ($count >= 1_000) {
$formattedCount = round($count / 1_000, 1) . 'k';
} else {
$formattedCount = $count;
}
@endphp
<span class="text-lowercase text-secondary ml-1" style="font-size: 13px;">{{ $formattedCount }} reviews</span>
</div>
<div class="product-single-price">
<span id="main_price" class="totalprice_solo" data-price="{{ $product->discount_price }}">
{{ PriceHelper::setPreviousPrice($product->discount_price) }}
</span>
</div>
<div class="product-single-short-des">
<p> {{ $product->sort_details }}</p>
</div>
<input type="hidden" id="item_id" value="{{$product->id}}">
<input type="hidden" id="demo_price" value="{{PriceHelper::setConvertPrice($product->discount_price)}}">
<input type="hidden" value="{{PriceHelper::setCurrencySign()}}" id="set_currency">
<input type="hidden" value="{{PriceHelper::setCurrencyValue()}}" id="set_currency_val">
<input type="hidden" value="{{$setting->currency_direction}}" id="currency_direction">
<input type="hidden" class="new-color-select">
<input type="hidden" name="new-size" id="chose-sizes">
<div class="product-size-n-color-sec">
@foreach($attributes as $attribute)
@if($attribute->options->isNotEmpty())
<div class="col-sm-12">
<div class="mt-3 product-categories-f p-0 border-0 text-uppercase d-flex w-100 align-items-center">
{{ $attribute->name }}
</div>
@if($attribute->name == 'Color')
@endif
<div class="product-categories-f-lists px-0 pb-3 pt-2 d-flex">
@foreach($attribute->options->where('stock', '!=', '0') as $option)
<ul class="row mb-0 p-0">
@if($attribute->name == 'Size')
<li class="col-3 mt-3">
<a href="#" data-href="{{$option->id}}" data-type="{{$attribute->id}}" data-item-price="{{PriceHelper::setConvertPrice($option->price)}}" class="ex-item-show-size chose-size gt_attr_item get_size_attribute">{{$option->name}}</a>
</li>
@endif
@if($attribute->name == 'Color')
<li>
<a href="#" data-href="{{$option->id}}" data-type="{{$attribute->id}}" class="hover-product-content-color2 color_select222 m-0 gt_attr_item get_color_attribute" data-color=" {{ $option->name }}" style="color: {{ $option->name }} !important;"></a>
</li>
@endif
</ul>
@endforeach
</div>
</div>
@endif
@endforeach
</div>
<div class="solo-product-addcart">
@if ($product->item_type == 'normal')
<div class="solo-product-addcart-qy">
<input type="number" value="1" id="qtyValue_1" class="qtyValue cart-amount qty-solo-product text-center quantity_section_solo" name="quantity">
<div class="qty-reduce quantity_mine_solo decreaseQty subclick">-</div>
<div class="qty-add quantity_plus_solo increaseQty addclick">+</div>
<input type="hidden" value="{{ $product->stock }}" id="current_stock">
</div>
@endif
<div class="">
@if(Auth::user())
<a id="add_to_cart" data-p-item-type={{$product->item_type}} class=""> ADD TO CART</a>
@else
<a href="{{route('user.login')}}"> ADD TO CART</a>
@endif
</div>
</div>
<div class="solo-product-links">
<a href="#" data-url="{{route('user.wishlist.store')}}" data-product-id="{{$product->id}}" class="a-link whish-list-add"><i class="fa fa-heart mr-2"></i> Add to Wishlist</a>
</div>
<div class="solo-product-links-meta-info mb-0">
<div class="links-meta">
<label for="">SKU:</label>
<span>{{ $product->sku }}</span>
</div>
<div class="links-meta">
<label for="">Categories:</label>
<span>{{$product->category->name}}</span>
</div>
<div class="links-meta">
<label for="">Tags:</label>
<span> {{ $product->tags }}</span>
</div>
</div>
</div>
</div>
<div class="product-single-details-tabs">
<ul class="nav nav-pills mb-3 justify-content-center text-uppercase" id="pills-tab" role="tablist">
<li class="nav-item" role="presentation">
<button class="nav-link nav-link2 active" id="pills-home-tab-details" data-bs-toggle="pill" data-bs-target="#pills-details" type="button" role="tab" aria-controls="pills-details" aria-selected="true">Description</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link nav-link2" id="pills-profile-tab" data-bs-toggle="pill" data-bs-target="#pills-profile" type="button" role="tab" aria-controls="pills-profile" aria-selected="false">Additional Information</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link nav-link2" id="pills-contact-tab" data-bs-toggle="pill" data-bs-target="#pills-contact" type="button" role="tab" aria-controls="pills-contact" aria-selected="false">Reviews ({{isset($total_review)?$total_review:'0'}})</button>
</li>
</ul>
<div class="tab-content" id="pills-tabContent">
<div class="tab-pane fade show active" id="pills-details" role="tabpanel" aria-labelledby="pills-home-tab-details">
{!! $product->details !!}
</div>
<div class="tab-pane fade" id="pills-profile" role="tabpanel" aria-labelledby="pills-profile-tab">
<div class="product-single-addtional">
@php
$specificationsname = json_decode($product->specification_name, true);
$specificationsdes = json_decode($product->specification_description, true);
$combinedSpecifications = [];
if (is_array($specificationsname) && is_array($specificationsdes)) {
foreach ($specificationsname as $index => $specification_name) {
if (isset($specificationsdes[$index])) {
$combinedSpecifications[$specification_name] = $specificationsdes[$index];
}
}
}
@endphp
@if($combinedSpecifications)
@foreach ($combinedSpecifications as $key => $combinedSpecification)
<div class="product-single-additional-item">
<label>{{ str_replace(':', '', $key) }}</label>
<span>{{ $combinedSpecification }}</span>
</div>
@endforeach
@endif
</div>
</div>
<div class="tab-pane fade" id="pills-contact" role="tabpanel" aria-labelledby="pills-contact-tab">
<div class="row">
<div class="col-lg-12">
<div class="rating-div py-3 mb-5">
<div class="rating-starts-sec">
@if(isset($user_review) && $user_review)
<p class="mb-0 me-3 d-none">Your Rated: <strong class="your_rated_text">{{ $user_review->rating }}</strong></p>
<p class="mb-0 me-3">Update Your Review:</p>
@else
<p class="mb-0 me-3">Please Add Review:</p>
@endif
<div class="rating me-2">
@for ($i = 5; $i >= 1; $i--)
<span class="star {{ isset($user_review) && $user_review->rating >= $i ? 'active' : '' }}" data-value="{{ $i }}">
<i class="fas fa-star"></i>
</span>
@endfor
</div>
<input type="hidden" id="rating_point" value="{{ isset($user_review->rating) ? $user_review->rating : 0 }}">
<div class="my-2" id="rating-value"></div>
<div class="my-2" id="rating-form">
<form action="">
<div class="form-group">
<label for="">Your Review</label>
<textarea class="input-group" name="review" id="user_review" cols="2" rows="3">{{ isset($user_review->review) ? $user_review->review : '' }}</textarea>
</div>
<button type="button" data-review-url="{{ route('front.review.submit') }}" class="btn btn-info user-btn-review" data-review-token="{{ csrf_token() }}">Submit</button>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</main>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
@endsection
|