{% if reviews|length > 0 %}
    {% for review in reviews %}
        {% set product = review.product %}
        {% set productLang = getProductLang({'product':product}) %}
        <div class="item">
            <div class=" d-flex justify-content-start align-items-center mt-2">

                <div class="profile-user-info">
                    <a href="javascript:" data-ajax-modal  data-href="{{ path('admin_product_review_show',{'id':review.id}) }}" class="text-secondary">
                        <div>
                            {% set star = getReviewStar(review.rating) %}
                            {{ star|raw }}
                        </div>
                        <h6 class="mb-0">
                            {% if review.title %}
                                {{ review.title|slice(0,75) }}
                            {% else %}
                                {{ review.comment|slice(0,75) }}
                            {% endif %}

                        </h6>
                        <small class="text-muted"><code>{{ productLang.name|default }}</code>
                            {{ review.createdAt|date('d.m.Y H:i') }}</small>
                    </a>
                </div>
                <div class="ml-auto" style="white-space: nowrap;padding-left: 20px;">
                    <button type="button"
                            class="btn btn-confirm bg-light-success btn-icon btn-sm  waves-effect waves-float waves-light mr-1 data-tooltip"
                            data-review="{{ review.id }}"
                            title="Onayla"


                    >
                        <i class="feather icon-check"></i>
                    </button>
                    <button type="button"
                            class="btn btn-delete bg-light-danger btn-icon btn-sm  waves-effect waves-float waves-light data-tooltip"
                            title="Reddet"
                            data-review="{{ review.id }}"

                    >
                        <i class="fa fa-times"></i>
                    </button>
                </div>

            </div>
            <hr>
        </div>
    {% endfor %}

{% else %}
    <div>
        <p> Onay bekleyen yorum bulunamamaktadır. </p>
    </div>
{% endif %}

<script>
   $(".btn-confirm").off('click').on("click",function () {
       reviewAction(this,'confirm');
   });
   $(".btn-delete").off('click').on("click",function () {

       var ths = this;
       Panel.modalConfirm('Emin misiniz?', function (e) {
           reviewAction(ths,'delete');
       });

   });

   function custom_callback(){
       Widget.scanAjaxUrl('.card-pending-reviews');
   }

   function reviewAction(ths,type) {

       var rowElm = $(ths).closest('.item'); //
       var url = Routing.generate("admin_widget_pending_reviews");
       var review = $(ths).attr("data-review");


       $.ajax({
           type: "POST",
           url: url,
           data: {'review':review,'type':type}, // serializes the form's elements.
           beforeSend: function () {
               Panel.contentLoader_start(rowElm);
               $(".tooltip").remove();
           },
           success: function (data) {
               Panel.contentLoader_close(rowElm);

               if(data.response == true){
                   rowElm.remove();
                   _kodpit.toast.success("Başarılı",data.message);
               }else{
                   _kodpit.toast.error("Hata",data.message);
               }



           }
       });
   }
</script>