Elep

<div class="empty-wrapper">
    <div class="close-modal x-close">X</div>
    <div class="reviews-rating">
        <ul class="nav nav-tabs" id="myTab" role="tablist">
          <li class="nav-item">
            <a class="nav-link nav-tab-link active" id="home-tab" href="#home" role="tab" aria-controls="home">Rate</a>
          </li>
          <li class="nav-item">
            <a class="nav-link nav-tab-link" id="reviews-tab" href="#reviews" role="tab" aria-controls="reviews">Reviews</a>
          </li>
        </ul>
        <div class="tab-content" id="myTabContent">
          <div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab">
            <form action="{{ route('reviewFood') }}" class="ratings rating-form" data-type="food" method="POST">
                <h3 class="rating-title">{{ $food['name'] }} <small>at {{ $food['place_name'] }}</small></h3>
                <input type="hidden" name="type" value="food">
                <div class="rating-stars rate">
                    <input type="hidden" name="id" value="{{ $food['_id'] }}">
                    <input type="hidden" name="place" value="{{ $food['place_slug'] }}">
                    <input type="radio" id="star5" name="rate" value="5" required />
                    <label for="star5" title="text">5 stars</label>
                    <input type="radio" id="star4" name="rate" value="4" required />
                    <label for="star4" title="text">4 stars</label>
                    <input type="radio" id="star3" name="rate" value="3" required />
                    <label for="star3" title="text">3 stars</label>
                    <input type="radio" id="star2" name="rate" value="2" required />
                    <label for="star2" title="text">2 stars</label>
                    <input type="radio" id="star1" name="rate" value="1" required />
                    <label for="star1" title="text">1 star</label>
                </div>
                <div class="submit-error"></div>
                <div class="rating-comment">
                    <textarea name="comment" rows="5" placeholder="How was the {{ $food['name'] }}?"></textarea>
                </div>
                <div class="upload-images"></div>
                <div id="img-source">
                </div>
                <a href="#" class="button button-cool btn-circle" id="upload_widget" type="button">
                  Add Picture
                </a>
                <div class="submit-rating">
                    <button class="button button-primary btn-circle submit-review">SUBMIT REVIEW</button>
                    <button type="button" class="button button-secondary btn-circle close-modal">CANCEL</button>
                </div>
            </form>
          </div>
          <div class="tab-pane fade" id="reviews" role="tabpanel" aria-labelledby="reviews-tab">
              @isset ($reviews['rating'])
                    @foreach ($reviews['rating'] as $review)
                    <div class="review">
                        <div class="review-profile">
                            <div class="review-dp">
                                <img src="/images/user.svg" alt="Reviewer">
                            </div>
                            <div class="review-text">
                                <h4 class="review-name">{{ $review['name'] ?? $review['nickname'] ?? 'user'}}</h4>
                                <div class="rating-stars">
                                    @for ($i = 0; $i < intval($review['rate']); $i++)
                                        <i class="fa fa-star"></i>
                                    @endfor
                                </div>
                                <p class="review-text">{{$review['comment'] ?? ""}}</p>
                                @if (isset($review['image']))
                                    <div class="review-image">
                                        <img src="{{$review['image']}}" style="width: 100px" alt="review image">
                                    </div>
                                @endif
                            </div>
                        </div>
                    </div>
                @endforeach
              @else

<h4>No reviews yet. Be the first to write one.</h4>
              @endisset
          </div>
        </div>
    </div>
    
</div>