@foreach ($reviews as $review)
    @if ($review->media_type == IMAGE)
        <div class="col-12 col-md-6 col-lg-3">
            <div class="box screenshots review_screenshots">
                @if (isset($review->customer_name) || isset($review->customer_address) || isset($review->customer_number))
                    <i class="fa fa-user-circle"></i>
                    <div class="details d-flex flex-column justify-content-center">
                        <h4>{{ $review->customer_name }}</h4>
                        @if (isset($review->customer_number))
                            <h4>{{ $review->dial_code }}-{{ substr($review->customer_number, 0, 6) }} XXXX</h4>
                        @endif
                        <p>{{ $review->customer_address }}</p>
                    </div>
                @endif
                <a href="{{ asset(REVIEWS_PATH . $review->image) }}" data-fancybox="gallery"><img
                        src="{{ asset(REVIEWS_PATH . $review->image) }}" class="img-responsive w3-image"
                        alt="screen"></a>
            </div>
        </div>
    @elseif($review->media_type == AUDIO)
        <div class="col-12 col-md-6 col-lg-3">
            <div class="audio-box bg-audio review_screenshots box">

                @if (isset($review->customer_name) || isset($review->customer_address) || isset($review->customer_number))
                    <i class="fa fa-user-circle"></i>
                    <div class="details d-flex flex-column justify-content-center">
                        <h4>{{ $review->customer_name }}</h4>
                        @if (isset($review->customer_number))
                            <h4>{{ $review->dial_code }}-{{ substr($review->customer_number, 0, 6) }} XXXX</h4>
                        @endif
                        <p>{{ $review->customer_address }}</p>
                    </div>
                @endif

                <audio controls class="w-100" data-fancybox-type="gallery" data-fancybox="gallery">
                    <source src="{{ asset(REVIEWS_PATH . $review->audio) }}" type="audio/mpeg" />
                    <source src="{{ asset(REVIEWS_PATH . $review->audio) }}" type="audio/ogg" />
                    <source src="{{ asset(REVIEWS_PATH . $review->audio) }}" type="audio/wav" />
                    Audio not supported
                </audio>
            </div>
        </div>
    @elseif($review->media_type == VIDEO)
        <div class="col-12 col-md-6 col-lg-3">
            <div class="review_screenshots box video-box">

                @if (isset($review->customer_name) || isset($review->customer_address) || isset($review->customer_number))
                    <i class="fa fa-user-circle"></i>
                    <div class="details d-flex flex-column justify-content-center">
                        <h4>{{ $review->customer_name }}</h4>
                        @if (isset($review->customer_number))
                            <h4>{{ $review->dial_code }}-{{ substr($review->customer_number, 0, 6) }} XXXX</h4>
                        @endif
                        <p>{{ $review->customer_address }}</p>
                    </div>
                @endif

                <div class="video-box">
                    <video muted="" controls loop="" src="{{ asset(REVIEWS_PATH . $review->video) }}"
                        data-fancybox-type="audio" data-fancybox="gallery" type="video/mp4" width="100%">
                    </video>
                </div>
            </div>
        </div>
    @endif
@endforeach