@extends('admin.layout')
@section('content')
    <!-- Content Header (Page header) -->
    <div class="content-header">
        <div class="d-flex align-items-center">
            <div class="mr-auto">
                <h3 class="page-title"> {{ translate('Reviews') }}</h3>
                <div class="d-inline-block align-items-center">
                    <nav>
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item"><a href="{{ route('dashboard') }}"><i
                                        class="mdi mdi-home-outline"></i></a></li>
                            <li class="breadcrumb-item" aria-current="page"> {{ translate('Reviews') }}</li>

                        </ol>
                    </nav>
                </div>
            </div>

        </div>
    </div>
    <!-- Main content -->
    <section class="content">

        <div class="box">
            <div class="box-body">
                <div class="reviews-container">
                    @forelse ($reviews as $key => $review)
                        <div class="review-cont">
                            <h5 class="review-user">{{ $review->user->name }}</h5>
                            <div class="list-inline">
                                @for ($i = 0; $i < $review->rate; $i++)
                                    <a class="text-warning"><i class="mdi mdi-star review-star"></i></a>
                                @endfor
                                @for ($i = 0; $i < 5 - $review->rate; $i++)
                                    <a class=""><i class="mdi mdi-star review-star"></i></a>
                                @endfor
                            </div>
                            <p>
                                {{ $review->review }}
                            </p>
                            <hr>
                            <div class="check-review">
                                <div class="form-group">
                                    <div class="checkbox">
                                        <input type="checkbox" id="Checkbox_{{ $key }}"                                             onchange="update_active(this)" value="{{ $review->id }}" />
                                        <label for="Checkbox_{{ $key }}"></label>
                                    </div>
                                </div>
                            </div>
                        </div>


                    @empty
                        <img src="{{ url('/images/no review.png') }}" alt="">
                    @endforelse
                    <div class="dataTables_paginate paging_simple_numbers" id="example_paginate">
                        {{ $reviews->links() }}
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection

@section('script')

<script type="text/javascript">
    function update_active(el) {
        if (el.checked) {
            var active = 1;
        } else {
            var active = 0;
        }
        $.post(`{{ route('ProductReview.updateActive') }}`, {
            _token: '{{ csrf_token() }}',
            id: el.value,
            active: active
        }, function(data) {

        });
    }
</script>
@endsection