@extends('dashboard.admin.layouts.master')
@section('content')
    <!-- Main Content -->
    <section class="section">
        <div class="section-header">
            <h1>{{ $title }}</h1>
            <div class="section-header-breadcrumb">
                <div class="breadcrumb-item active"><a href="{{ route('admin.dashboard') }}">Dashboard</a></div>
                <div class="breadcrumb-item">{{ $title }}</div>
            </div>
        </div>

        <div class="section-body">
            <div class="row">
                <div class="col-12">
                    <div class="card">
                        <div class="card-header">
                            <h4>{{ $title }}</h4>
                            <div class="card-header-action">
                                <a href="{{ route('admin.payment-banks.create') }}"
                                    class="btn btn-icon icon-left btn-primary"><i class="fas fa-plus"></i> New</a>
                            </div>
                        </div>
                        <div class="card-body">
                            <div class="table-responsive">
                                <table class="table table-striped" id="table-1">
                                    <thead>
                                        <tr>
                                            <th>
                                                #
                                            </th>
                                            <th>User</th>
                                            <th>Product</th>
                                            <th>Review</th>
                                            <th>Status</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @forelse ($productReviews as $key => $productReview)
                                            <tr>
                                                <td>
                                                    {{ $key + 1 }}
                                                </td>
                                                <td>
                                                    {{ $productReview->user->name }}
                                                </td>
                                                <td>
                                                    <a
                                                        href="{{ route('products.details', $productReview->product->slug) }}">{{ $productReview->product->name }}</a>
                                                </td>
                                                <td>
                                                    {{ Str::limit($productReview->review, 30, '...') }}
                                                </td>
                                                <td>
                                                    @if ($productReview->status == 1)
                                                        <label class="custom-switch mt-2">
                                                            <input type="checkbox" checked name="custom-switch-checkbox"
                                                                data-id="{{ $productReview->id }}"
                                                                class="custom-switch-input change-status">
                                                            <span class="custom-switch-indicator"></span>
                                                        </label>
                                                    @else
                                                        <label class="custom-switch mt-2">
                                                            <input type="checkbox" name="custom-switch-checkbox"
                                                                data-id="{{ $productReview->id }}"
                                                                class="custom-switch-input change-status">
                                                            <span class="custom-switch-indicator"></span>
                                                        </label>
                                                    @endif
                                                </td>
                                            </tr>
                                        @empty
                                        @endforelse
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    @push('scripts')
        <script>
            $(document).ready(function() {

                $('body').on('click', '.change-status', function() {

                    let isChecked = $(this).is(':checked');

                    let id = $(this).data('id');

                    $.ajax({
                        url: "{{ route('admin.product-reviews.change.status') }}",
                        method: 'PUT',
                        data: {
                            status: isChecked,
                            id: id
                        },

                        success: function(data) {
                            toastr.success(data.message);
                        },
                        error: function(xr, status, error) {
                            console.log(error);
                        }
                    })
                })
            })
        </script>
    @endpush
@endsection