feat: update show tours for comments
This commit is contained in:
@@ -1,6 +1,7 @@
|
|||||||
@extends('layouts.app')
|
@extends('layouts.app')
|
||||||
|
|
||||||
@section('content')
|
@section('content')
|
||||||
|
|
||||||
<main class="main">
|
<main class="main">
|
||||||
<div class="site-breadcrumb" style="background: url({{asset('assets/img/breadcrumb/02.jpg')}})">
|
<div class="site-breadcrumb" style="background: url({{asset('assets/img/breadcrumb/02.jpg')}})">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
@@ -154,276 +155,63 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="listing-item">
|
<div class="listing-item">
|
||||||
<h4 class="mb-3">بررسی ها</h4>
|
|
||||||
<div class="listing-rating-box">
|
<div class="listing-rating-box">
|
||||||
<div class="listing-review-rating">
|
|
||||||
<div class="listing-rating-count">
|
|
||||||
<h2>4.5</h2>
|
|
||||||
<div class="listing-rating-star">
|
|
||||||
<i class="fas fa-star"></i>
|
|
||||||
<i class="fas fa-star"></i>
|
|
||||||
<i class="fas fa-star"></i>
|
|
||||||
<i class="fas fa-star"></i>
|
|
||||||
<i class="far fa-star"></i>
|
|
||||||
</div>
|
|
||||||
<p>بر اساس 15 هزار بازخورد</p>
|
|
||||||
</div>
|
|
||||||
<div class="listing-rating-range">
|
|
||||||
<div class="listing-rating-range-item">
|
|
||||||
<div class="listing-rating-range-star">
|
|
||||||
<i class="fas fa-star"></i>
|
|
||||||
<i class="fas fa-star"></i>
|
|
||||||
<i class="fas fa-star"></i>
|
|
||||||
<i class="fas fa-star"></i>
|
|
||||||
<i class="fas fa-star"></i>
|
|
||||||
</div>
|
|
||||||
<div class="listing-rating-range-bar">
|
|
||||||
<div class="listing-progress">
|
|
||||||
<div class="listing-progress-width" style="width: 90%">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="listing-rating-range-percentage">
|
|
||||||
<span>90%</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="listing-rating-range-item">
|
|
||||||
<div class="listing-rating-range-star">
|
|
||||||
<i class="fas fa-star"></i>
|
|
||||||
<i class="fas fa-star"></i>
|
|
||||||
<i class="fas fa-star"></i>
|
|
||||||
<i class="fas fa-star"></i>
|
|
||||||
<i class="far fa-star"></i>
|
|
||||||
</div>
|
|
||||||
<div class="listing-rating-range-bar">
|
|
||||||
<div class="listing-progress">
|
|
||||||
<div class="listing-progress-width" style="width: 80%">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="listing-rating-range-percentage">
|
|
||||||
<span>80%</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="listing-rating-range-item">
|
|
||||||
<div class="listing-rating-range-star">
|
|
||||||
<i class="fas fa-star"></i>
|
|
||||||
<i class="fas fa-star"></i>
|
|
||||||
<i class="fas fa-star"></i>
|
|
||||||
<i class="far fa-star"></i>
|
|
||||||
<i class="far fa-star"></i>
|
|
||||||
</div>
|
|
||||||
<div class="listing-rating-range-bar">
|
|
||||||
<div class="listing-progress">
|
|
||||||
<div class="listing-progress-width" style="width: 59%">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="listing-rating-range-percentage">
|
|
||||||
<span>59%</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="listing-rating-range-item">
|
|
||||||
<div class="listing-rating-range-star">
|
|
||||||
<i class="fas fa-star"></i>
|
|
||||||
<i class="fas fa-star"></i>
|
|
||||||
<i class="far fa-star"></i>
|
|
||||||
<i class="far fa-star"></i>
|
|
||||||
<i class="far fa-star"></i>
|
|
||||||
</div>
|
|
||||||
<div class="listing-rating-range-bar">
|
|
||||||
<div class="listing-progress">
|
|
||||||
<div class="listing-progress-width" style="width: 70%">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="listing-rating-range-percentage">
|
|
||||||
<span>70%</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="listing-rating-range-item">
|
|
||||||
<div class="listing-rating-range-star">
|
|
||||||
<i class="fas fa-star"></i>
|
|
||||||
<i class="far fa-star"></i>
|
|
||||||
<i class="far fa-star"></i>
|
|
||||||
<i class="far fa-star"></i>
|
|
||||||
<i class="far fa-star"></i>
|
|
||||||
</div>
|
|
||||||
<div class="listing-rating-range-bar">
|
|
||||||
<div class="listing-progress">
|
|
||||||
<div class="listing-progress-width" style="width: 49%">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="listing-rating-range-percentage">
|
|
||||||
<span>49%</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="listing-review">
|
<div class="listing-review">
|
||||||
<h5>نمایش هزار بازخورد</h5>
|
<h5>{{ $comments->count() }} نظر</h5>
|
||||||
<div class="listing-review-item">
|
|
||||||
<div class="listing-review-author">
|
@forelse($comments as $comment)
|
||||||
<img src="assets/img/account/01.jpg" alt>
|
<div class="listing-review-item">
|
||||||
<div class="listing-review-author-info">
|
<div class="listing-review-author">
|
||||||
<div>
|
<img src="{{ asset('assets/img/account/01.jpg') }}" alt>
|
||||||
<h6>کانت ایوانز</h6>
|
<div class="listing-review-author-info">
|
||||||
<span><i class="far fa-clock"></i> 1 روز پیش</span>
|
<div>
|
||||||
</div>
|
<h6>{{ $comment->user->first_name ?? $comment->guest_name }}</h6>
|
||||||
<div class="listing-review-author-rating">
|
<span><i class="far fa-clock"></i> {{ $comment->created_at->diffForHumans() }}</span>
|
||||||
<i class="fas fa-star"></i>
|
|
||||||
<i class="fas fa-star"></i>
|
|
||||||
<i class="fas fa-star"></i>
|
|
||||||
<i class="fas fa-star"></i>
|
|
||||||
<i class="fas fa-star"></i>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<p>
|
|
||||||
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با
|
|
||||||
استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در
|
|
||||||
ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و
|
|
||||||
هدف بهبود است.
|
|
||||||
</p>
|
|
||||||
<div class="listing-review-reply">
|
|
||||||
<a href="#" class="review-reply-btn"><i class="fal fa-reply"></i>
|
|
||||||
پاسخ </a>
|
|
||||||
<div class="review-reaction">
|
|
||||||
<a href="#" class="review-like active"><i
|
|
||||||
class="fal fa-thumbs-up"></i> 15</a>
|
|
||||||
<a href="#" class="review-dislike"><i
|
|
||||||
class="fal fa-thumbs-down"></i> 05</a>
|
|
||||||
<a href="#" class="review-love"><i class="fal fa-heart"></i>
|
|
||||||
50</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="listing-review-item review-reply-item">
|
|
||||||
<div class="listing-review-author">
|
|
||||||
<img src="assets/img/account/02.jpg" alt>
|
|
||||||
<div class="listing-review-author-info">
|
|
||||||
<div>
|
|
||||||
<h6>اریش تی گنائو</h6>
|
|
||||||
<span><i class="far fa-clock"></i> 1 روز پیش</span>
|
|
||||||
</div>
|
|
||||||
<div class="listing-review-author-rating">
|
|
||||||
<i class="fas fa-star"></i>
|
|
||||||
<i class="fas fa-star"></i>
|
|
||||||
<i class="fas fa-star"></i>
|
|
||||||
<i class="fas fa-star"></i>
|
|
||||||
<i class="fas fa-star"></i>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<p>
|
|
||||||
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با
|
|
||||||
استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در
|
|
||||||
ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و
|
|
||||||
هدف بهبود است.
|
|
||||||
</p>
|
|
||||||
<div class="listing-review-reply">
|
|
||||||
<a href="#" class="review-reply-btn"><i class="fal fa-reply"></i>
|
|
||||||
پاسخ </a>
|
|
||||||
<div class="review-reaction">
|
|
||||||
<a href="#" class="review-like"><i class="fal fa-thumbs-up"></i>
|
|
||||||
15</a>
|
|
||||||
<a href="#" class="review-dislike active"><i
|
|
||||||
class="fal fa-thumbs-down"></i> 05</a>
|
|
||||||
<a href="#" class="review-love"><i class="fal fa-heart"></i>
|
|
||||||
50</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="listing-review-item">
|
|
||||||
<div class="listing-review-author">
|
|
||||||
<img src="assets/img/account/03.jpg" alt>
|
|
||||||
<div class="listing-review-author-info">
|
|
||||||
<div>
|
|
||||||
<h6>جسی سینکلر</h6>
|
|
||||||
<span><i class="far fa-clock"></i> 1 روز پیش</span>
|
|
||||||
</div>
|
|
||||||
<div class="listing-review-author-rating">
|
|
||||||
<i class="fas fa-star"></i>
|
|
||||||
<i class="fas fa-star"></i>
|
|
||||||
<i class="fas fa-star"></i>
|
|
||||||
<i class="fas fa-star"></i>
|
|
||||||
<i class="fas fa-star"></i>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<p>
|
|
||||||
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با
|
|
||||||
استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در
|
|
||||||
ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و
|
|
||||||
هدف بهبود است.
|
|
||||||
</p>
|
|
||||||
<div class="listing-review-reply">
|
|
||||||
<a href="#" class="review-reply-btn"><i class="fal fa-reply"></i>
|
|
||||||
پاسخ </a>
|
|
||||||
<div class="review-reaction">
|
|
||||||
<a href="#" class="review-like"><i class="fal fa-thumbs-up"></i>
|
|
||||||
15</a>
|
|
||||||
<a href="#" class="review-dislike"><i
|
|
||||||
class="fal fa-thumbs-down"></i> 05</a>
|
|
||||||
<a href="#" class="review-love active"><i
|
|
||||||
class="fal fa-heart"></i> 50</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="text-center my-4">
|
|
||||||
<a href="#" class="theme-btn"> <span class="far fa-sync-alt"></span>
|
|
||||||
بارگذاری بیشتر</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="listing-review-form">
|
|
||||||
<h4>نظر بدهید</h4>
|
|
||||||
<form action="#">
|
|
||||||
<div class="col-lg-12">
|
|
||||||
<div class="form-group mb-3">
|
|
||||||
<label class="star-label">امتیاز شما</label>
|
|
||||||
<div class="listing-review-form-star">
|
|
||||||
<div class="star-rating-wrapper">
|
|
||||||
<div class="star-rating-box">
|
|
||||||
<input type="radio" name="rating" value="5"
|
|
||||||
id="star-5"> <label
|
|
||||||
for="star-5">★</label>
|
|
||||||
<input type="radio" name="rating" value="4"
|
|
||||||
id="star-4"> <label
|
|
||||||
for="star-4">★</label>
|
|
||||||
<input type="radio" name="rating" value="3"
|
|
||||||
id="star-3"> <label
|
|
||||||
for="star-3">★</label>
|
|
||||||
<input type="radio" name="rating" value="2"
|
|
||||||
id="star-2"> <label
|
|
||||||
for="star-2">★</label>
|
|
||||||
<input type="radio" name="rating" value="1"
|
|
||||||
id="star-1"> <label
|
|
||||||
for="star-1">★</label>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<p>{{ $comment->body }}</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="row">
|
@empty
|
||||||
<div class="col-lg-6">
|
<p>هنوز نظری ثبت نشده. اولین نفر باش!</p>
|
||||||
<div class="form-group">
|
@endforelse
|
||||||
<input type="text" class="form-control"
|
</div> <div class="listing-review-form">
|
||||||
placeholder="اسم شما*">
|
<h4>نظر بدهید</h4>
|
||||||
|
|
||||||
|
@if(session('success'))
|
||||||
|
<div class="alert alert-success">{{ session('success') }}</div>
|
||||||
|
@endif
|
||||||
|
|
||||||
|
<form action="{{ route('comment.store') }}" method="POST">
|
||||||
|
@csrf
|
||||||
|
<input type="hidden" name="commentable_id" value="{{ $tour->id }}">
|
||||||
|
<input type="hidden" name="commentable_type" value="tour">
|
||||||
|
|
||||||
|
@guest
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-lg-6">
|
||||||
|
<div class="form-group">
|
||||||
|
<input type="text" name="guest_name"
|
||||||
|
class="form-control" placeholder="اسم شما*"
|
||||||
|
value="{{ old('guest_name') }}">
|
||||||
|
@error('guest_name')
|
||||||
|
<span class="text-danger">{{ $message }}</span>
|
||||||
|
@enderror
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-lg-6">
|
@endguest
|
||||||
<div class="form-group">
|
|
||||||
<input type="email" class="form-control"
|
|
||||||
placeholder="ایمیل شما*">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<textarea class="form-control" cols="30" rows="5"
|
<textarea name="body" class="form-control" cols="30" rows="5"
|
||||||
placeholder="نظر خود را بنویسید*"></textarea>
|
placeholder="نظر خود را بنویسید*">{{ old('body') }}</textarea>
|
||||||
|
@error('body')
|
||||||
|
<span class="text-danger">{{ $message }}</span>
|
||||||
|
@enderror
|
||||||
</div>
|
</div>
|
||||||
<button class="theme-btn" type="button">نظر بدهید</button>
|
|
||||||
|
<button class="theme-btn" type="submit">نظر بدهید</button>
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -485,9 +273,19 @@
|
|||||||
<button type="submit" class="theme-btn"><span
|
<button type="submit" class="theme-btn"><span
|
||||||
class="far fa-shopping-bag"></span>اکنون ثبت کن
|
class="far fa-shopping-bag"></span>اکنون ثبت کن
|
||||||
</button>
|
</button>
|
||||||
<a href="{{ route('favorites.toggle', ['type' => 'tour', 'id' => $tour->id]) }}" class="border-btn"><i class="far fa-heart"></i>
|
@if($isFavorite)
|
||||||
افزودن
|
<a href="{{ route('favorites.toggle', ['type' => 'tour', 'id' => $tour->id]) }}"
|
||||||
به علاقه مندی ها</a>
|
class="border-btn">
|
||||||
|
<i class="far fa-heart"></i>
|
||||||
|
حذف از علاقه مندی ها
|
||||||
|
</a>
|
||||||
|
@else
|
||||||
|
<a href="{{ route('favorites.toggle', ['type' => 'tour', 'id' => $tour->id]) }}"
|
||||||
|
class="border-btn"><i class="far fa-heart"></i>
|
||||||
|
افزودن به علاقه مندی ها
|
||||||
|
</a>
|
||||||
|
@endif
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</form>
|
</form>
|
||||||
@@ -515,7 +313,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
</main>
|
</main>
|
||||||
|
|
||||||
@endsection
|
@endsection
|
||||||
|
|||||||
Reference in New Issue
Block a user