@extends('front.layouts.front')

@section('css')
    <style>
        .profile {
            height: inherit;
        }
    </style>
@endsection

@section('content')
    <!-- page title -->
    <section class="section section--first section--last section--head" data-bg="{{ asset('assets/img/bg.jpg') }}">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="section__wrap">
                        <h2 class="section__title">Reviews</h2>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- end page title -->

    <!-- section -->
    <section class="section section--last">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <form action="{{ route('front.reviews.index') }}" method="get" id="reviewfilter">
					    <div class="sort">
                            <div class="filter__group filter__group--sort">
                                <label for="sort" class="filter__label">Sort by:</label>

                                <div class="filter__select-wrap">
                                    <select name="sort" id="sort" class="filter__select">
                                        <option value="0" @if ($send['sort'] == 0) selected @endif>Newest</option>
                                        <option value="1" @if ($send['sort'] == 1) selected @endif>Oldest</option>
                                        <option value="2" @if ($send['sort'] == 2) selected @endif>A-Z</option>
                                        <option value="3" @if ($send['sort'] == 3) selected @endif>Z-A</option>
                                    </select>
                                </div>
                            </div>

                            <div class="sort__results">Found {{ $reviews->total() }} posts</div>
                        </div>
                    </form>
				</div>
                <div class="col-12 col-xl-12">
                    <div class="comments comments--details">
                        <ul class="comments__list row">
                            @if(count($reviews) > 0)
                            @foreach ($reviews as $rating)
                                <li class="comments__item col-md-6 mb-5 px-4">
                                    <div class="comments__autor d-flex justify-content-between">
                                        <div>
                                            <img class="comments__avatar" @if ($rating->user->profile_photo_path == null) src="{{ url('assets/img/user.svg') }}" @else src="{{ $rating->user->profile_photo_path }}" @endif alt="">
                                            <span class="comments__name">{{ $rating->user->first_name . ' ' . $rating->user->last_name }}</span>
                                            <span class="comments__time">{{ date('d.m.Y, H:i', strtotime($rating->created_at)) }}</span>
                                        </div>
                                        <div class="view-rate text-white">
                                            <i class="fa-solid fa-star @if ($rating->rating >= 1) text-yellow @endif"></i>
                                            <i class="fa-solid fa-star @if ($rating->rating >= 2) text-yellow @endif"></i>
                                            <i class="fa-solid fa-star @if ($rating->rating >= 3) text-yellow @endif"></i>
                                            <i class="fa-solid fa-star @if ($rating->rating >= 4) text-yellow @endif"></i>
                                            <i class="fa-solid fa-star @if ($rating->rating >= 5) text-yellow @endif"></i>
                                        </div>
                                    </div>

                                    <h6 class="text-white p-0 border-0 mt-4">Title: {{ $rating->titles->title ?? $rating->news->title }}</h6>
                                    <p class="comments__text">{{ $rating->comment }}</p>
                                    <div class="comments__actions border-top-0 pt-0 d-flex justify-content-between">
                                        <div class="card_reviewset" data-rating="{{ $rating->id }}">
                                            <i class="fas fa-heart mr-2 {{ array_search($rating->user_id, array_column($rating->ratinglike->toArray(), 'user_id')) == '' ? '' : 'movie-liked' }}"></i><span data-count="{{ $rating->ratinglike->count() }}">({{ $rating->ratinglike->count() }})</span>
                                        </div>
                                        <div class="comments__rate">
                                            <ul class="details__platforms">
                                                <li class="fb"><a href="https://www.facebook.com/sharer/sharer.php?u={{ route('moviedetail',[$rating->titles->ttid ?? $rating->news_id]) }}" class="text-white"><i class="fa-brands fa-facebook-f"></i></a></li>
                                                <li class="tw"><a href="https://twitter.com/intent/tweet?text={{ route('moviedetail',[$rating->titles->ttid ?? $rating->news_id]) }}" class="text-white"><i class="fa-brands fa-twitter"></i></a></li>
                                            </ul>
                                        </div>
                                    </div>
                                </li>
                            @endforeach
                            @endif
                        </ul>
                    </div>
                    <div class="col-12">
                        {{ $reviews->appends(request()->input())->links() }}
                    </div>
				</div>
            </div>
        </div>
    </section>
    <!-- end section -->
@endsection

@section('script')
<script>
    $(document).on('change', '#sort', function(e){
        $('#reviewfilter').submit();
    });
</script>
@endsection