forked from eatvio/eatvio-infra
82 lines
3.6 KiB
PHP
82 lines
3.6 KiB
PHP
<div class="">
|
|
@php
|
|
$positivComments = $plan->positiveComments();
|
|
|
|
$negativeComments = $plan->negativeComments();
|
|
|
|
$positiveCommmentsCount = $positivComments->count();
|
|
|
|
$negativeCommentsCount = $negativeComments->count();
|
|
|
|
@endphp
|
|
|
|
<div class="reviews__tabs tabs">
|
|
<div class="tablist" role="tablist" aria-labelledby="label">
|
|
<button wire:click='toggleTabpanelState("positive")' class="tab" role="tab" type="button" id="tab-1" aria-selected="{{ $tabpanelState['positive'] ? 'true' : 'false' }}" aria-controls="tabpanel-1">Положительные {{ $positiveCommmentsCount }}</button>
|
|
<button wire:click='toggleTabpanelState("negative")' class="tab" role="tab" type="button" id="tab-2" aria-selected="{{$tabpanelState['negative'] ? 'true' : 'false'}}" aria-controls="tabpanel-2" tabindex="-1">Негативные {{ $negativeCommentsCount }}</button>
|
|
</div>
|
|
|
|
<div @class([ 'tabpanel' , 'tabpanel--hidden'=> $tabpanelState['negative']
|
|
]) role="tabpanel" id="tabpanel-1" tabindex="0" aria-labelledby="tab-1">
|
|
<div class="reviews__items">
|
|
@foreach ($positivComments->get() as $comment)
|
|
<div class="review">
|
|
<div class="review__thumb">
|
|
<img src="{{ $comment->author->profile_photo_url }}" class="cover-image" alt="user">
|
|
</div>
|
|
<div class="review__content">
|
|
<div class="review__name">
|
|
{{ $comment->author->name }}
|
|
</div>
|
|
<blockquote class="review__quote">
|
|
{{ $comment->body }}
|
|
</blockquote>
|
|
</div>
|
|
<div class="review__info">
|
|
<div class="review__programm">
|
|
{{ $plan->name }}
|
|
</div>
|
|
<div class="review__rate icon-star">
|
|
{{ $comment->grade }}
|
|
</div>
|
|
<livewire:plan.comment.upvote :wire:key="$comment->id" :comment="$comment" />
|
|
</div>
|
|
</div>
|
|
@endforeach
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div @class([ 'tabpanel' , 'tabpanel--hidden'=> $tabpanelState['positive']
|
|
]) role="tabpanel" id="tabpanel-2" tabindex="0" aria-labelledby="tab-1">
|
|
|
|
<div class="reviews__items">
|
|
@foreach ($negativeComments->get() as $comment)
|
|
<div class="review">
|
|
<div class="review__thumb">
|
|
<img src="{{ $comment->author->profile_photo_url }}" class="cover-image" alt="user">
|
|
</div>
|
|
<div class="review__content">
|
|
<div class="review__name">
|
|
{{ $comment->author->name }}
|
|
</div>
|
|
<blockquote class="review__quote">
|
|
{{ $comment->body }}
|
|
</blockquote>
|
|
</div>
|
|
<div class="review__info">
|
|
<div class="review__programm">
|
|
{{ $plan->name }}
|
|
</div>
|
|
<div class="review__rate icon-star">
|
|
{{ $comment->grade }}
|
|
</div>
|
|
<livewire:plan.comment.upvote :wire:key="$comment->id" :comment="$comment" />
|
|
</div>
|
|
</div>
|
|
@endforeach
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|