@extends('layouts.admin')

@section('css')
<style>
    table td {
        word-break: break-word;
        vertical-align: top;
        white-space: normal !important;
    }
</style>
@endsection

@section('content')
    <div class="row">
        <div class="col-lg-12 grid-margin stretch-card">
            <div class="card">
                <div class="card-body">
                    <h4 class="card-title">Review</h4>
                    <div class="table-responsive">
                        <table class="table table-hover" id="image_categories-table">
                            <thead>
                                <tr>
                                    <th>No</th>
                                    <th>Movie</th>
                                    <th>User</th>
                                    <th>Comment</th>
                                    <th>Ratting</th>
                                    <th>Date</th>
                                    <th>Status</th>
                                    <th>Action</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($Review as $title)
                                    <tr id="remove_{{ $title->id }}">
                                        <td>{{ $loop->iteration }}</td>
                                        <td>{{ $title->titles->title ?? $title->news->title }}</td>
                                        <td>{{ $title->user->first_name . ' ' . $title->user->last_name }}</td>
                                        <td>{{ $title->rating }}</td>
                                        {{-- <td><div class="br-widget">
                                            <a href="#" data-rating-value="1" data-rating-text="1" class="br-selected br-current"></a>
                                            <a href="#" data-rating-value="2" data-rating-text="2" class=""></a>
                                            <a href="#" data-rating-value="3" data-rating-text="3" class=""></a>
                                            <a href="#" data-rating-value="4" data-rating-text="4" class=""></a>
                                            <a href="#" data-rating-value="5" data-rating-text="5" class=""></a>
                                        </div></td> --}}
                                        <td>{{ $title->comment }}</td>
                                        <td>{{ date('d-m-Y, H:i', strtotime($title->created_at)) }}</td>
                                        <td>
                                            {{-- <div class="form-check form-switch">
                                                <input class="form-check-input verified" name="export" type="checkbox" value="1" role="switch">
                                            </div> --}}
                                            <label class="switch">
                                                <input type="checkbox" class="status" data-id="{{ $title->id }}" @if($title->status == 1) checked @endif>
                                                <span class="slider round" data-toggle="tooltip" data-placement="top" title="Change Status"></span>
                                            </label>
                                        </td>
                                        <td>
                                            {{-- <a href="javascript:void(0)" class="getnews-data view-icon" data-id="{{ $title->id }}" data-toggle="tooltip" data-placement="top" title="Get Letest "><i class="mdi mdi-newspaper"></i></a> --}}
                                            <a href="javascript:void(0)" class="delete-image_categories delete-icon" data-id="{{ $title->id }}" data-toggle="tooltip" data-placement="top" title="Delete"><i class="mdi mdi-delete"></i></a>
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('js')
<script>
    var image_categoriesTbl = $("#image_categories-table").DataTable();

    $(document).on("click", ".status", function () {
        var id = $(this).data("id");
        $.ajax({
            type: "post",
            url: "{{ route('admin.review.status',['_id']) }}".replace('_id', id),
            dataType: "json",
            success: function (response) {
                if (response.status) {
                    toastCall("success", response.message);
                } else {
                    toastCall("error", response.message);
                }
            },
        });
    });
    $(document).on("click", ".delete-image_categories", function () {
        var confirmation = confirm(
            "Are you sure you want to delete this item?"
        );
        if (confirmation) {
            var id = $(this).data("id");
            $.ajax({
                type: "post",
                url: "{{ route('admin.review.delete',['_id']) }}".replace('_id', id),
                // url: url + "/admin/image_categories/" + id,
                dataType: "json",
                success: function (response) {
                    if (response.status) {
                        toastCall("success", response.message);
                    } else {
                        toastCall("error", response.message);
                    }
                    $('#remove_' + id).remove();
                    // image_categoriesTbl.ajax.reload();
                },
            });
        }
    });
    $(document).on("click", ".getnews-data", function () {
        var id = $(this).data("id");
        $.ajax({
            type: "post",
            url: "{{ route('admin.title.getnews',['_id']) }}".replace('_id', id),
            // url: url + "/admin/image_categories/" + id,
            dataType: "json",
            success: function (response) {
                if (response.status) {
                    toastCall("success", response.message);
                } else {
                    toastCall("error", response.message);
                }
            },
        });
    });
</script>
    {{-- <script src="{{asset_public_admin('page-js/image_categories.js')}}"></script> --}}
@endsection