@extends('admin.index')
@section('title')
    {{ translate("reviews_title") }} -
@endsection
@section('header')
@endsection
@section('content')
    <div class="row">
        <div class="col-12">
            <div class="content">

                <div class="card card-body">
                    <div class="toolbar d-flex justify-content-between">
                        <div>
                            <h5 class="mb-0">{{ translate("reviews_title") }}</h5>
                            <p class="text-sm mb-0">
                                {{ translate("reviews_description") }}
                            </p>
                        </div>
                        <div>

                        </div>
                    </div>
                    <table class="table table-striped" id="table1" data-locale="tr-TR" data-toolbar=".toolbar"
                        data-search="true" data-show-refresh="true" data-show-toggle="true" data-show-columns="true"
                        data-pagination="true" data-resizable="true" data-sortable="true"
                        data-show-search-clear-button="true" data-side-pagination="server"
                        data-url="{{ secure_url('admin/reviews/list/ajax') }}">
                        <thead>
                            <tr>
                                <th data-sortable="true" data-field="product.first_image.name"
                                    data-formatter="imageFormatter">{{ translate("first_image_label") }}</th>
                                <th data-sortable="true" data-field="default_content.name"
                                    data-formatter="productNameFormatter">{{ translate("product_name_label") }}</th>
                                <th data-sortable="true" data-field="comment">{{ translate("comment_label") }}</th>
                                <th data-sortable="true" data-field="rate">{{ translate("star_label") }}</th>
                                <th data-sortable="true" data-field="user.name">{{ translate("user_label") }}</th>
                                <th data-sortable="true" data-field="status" data-formatter="statusFormatter">{{ translate("status_label") }}</th>
                                <th data-sortable="true" data-field="created_at" data-formatter="dateFormatter">{{ translate("record_date_label") }}</th>
                                <th data-field="id" data-formatter="buttonFormatter">{{ translate("edit_delete_label") }}</th>
                            </tr>
                        </thead>
                    </table>
                </div>

            </div>
        </div>
    </div>
@endsection
@section('footer')
    <script>
        function statusFormatter(status, row) {
            var html = "";
            if (status == 0) {
                html = '<span class="badge bg-danger">{{ translate("pending_approval_label") }}</span>';
            } else if (status == 1) {
                html = '<span class="badge bg-success">{{ translate("approved_label") }}</span>';
            } else if (status == 2) {
                html = '<span class="badge bg-danger">{{ translate("rejected_label") }}</span>';
            }
            return html;
        }

        function productNameFormatter(name, row) {
            var html = "";
            html = row.product.content.name ?? '';

            if (html != null && html.length > 45) {
                html = html.substring(0, 45);
                html = html + "...";
            }

            return html ? html : "-";
        }

        function imageFormatter(image, row) {
            var img = "{{ translate('image_not_found_label') }}";
            if (image != null && image != "") {
                img = "<img src='/uploads/product_images/" + row.product_id + "/" + image + "' alt='' height='32'>";
            }
            return img;
        }

        function buttonFormatter(id, row) {
            var reject_url = "{{ url('admin/reviews/reject') }}/" + id;
            var confirm_url = "{{ url('admin/reviews/confirm') }}/" + id;

            return '<div class="btn-group btn-block" role="group" aria-label="editremove"><a href="' + reject_url +
                '" class="btn btn-sm btn-danger"><i class="far fa-thumbs-down"></i></a><a href="' + confirm_url +
                '" class="btn btn-sm btn-primary"><i class="far fa-thumbs-up"></i></a></div>';
        }

        function dateFormatter(date) {
            var date = new Date(date);
            var newDate = ("0" + (date.getDate())).slice(-2) + "/" + ("0" + (date.getMonth() + 1)).slice(-2) + "/" + date
                .getFullYear() + " " + ("0" + date.getHours()).slice(-2) + ":" + ("0" + date.getMinutes()).slice(-2) + ":" +
                ("0" + date.getMilliseconds()).slice(-2);
            return newDate;
        }

        function showroom(element) {
            var id = $(element).data('id');

            // Ajax Post
            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            });

            $.post("{{ url('admin/product/select-showroom') }}", {
                id: id
            }).done(function(data, status) {
                if (status == "success") {
                    $('table').bootstrapTable("refresh")
                } else {
                    alert("Error");
                }
            });
        }
    </script>
@endsection