{% if reviews|length > 0 %}
    {% for review in reviews %}
        {% set product = review.product %}
        {% set productLang = getProductLang({'product':product}) %}

        <div class="d-flex flex-column mb-7 card p-3">
            <div class="d-flex flex-row-fluid align-items-center flex-wrap my-lg-0 me-2">
                <!--begin::Title-->
                <div class="flex-grow-1 my-lg-0 my-2 me-2">
                    <a href="javascript:" data-ajax-modal  data-href="{{ path('admin_product_review_show',{'id':review.id}) }}" class="text-secondary">
                        <p href="#" class="text-gray-800 fw-bold text-hover-primary fs-6 m-0">
                            {% if review.title %}
                                {{ review.title|slice(0,75) }}
                            {% else %}
                                {{ review.comment|slice(0,75) }}
                            {% endif %}
                        </p>
                        <span class="text-muted fw-semibold d-block pt-1">{{ productLang.name|default }}</span>
                        <div class="mt-2">
                            <span class="text-gray-800 fw-bold">{% set star = getReviewStar(review.rating) %}{{ star|raw }}</span>
                        </div>
                    </a>
                </div>
                <!--end::Title-->
                <!--begin::Section-->
                <div class="d-flex align-items-center gap-1">
                    <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="fa fa-check" style="color: green"></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="fas fa-times" style="color: red"></i>
                    </button>
                </div>
            </div>
            <small class="text-muted text-end">{{ review.createdAt|date('d.m.Y H:i') }}</small>
        </div>
{#        <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>