{#
{% extends 'main/common/Embeds/_modal_base.html.twig' %}

{% block body %}
    <div class="p-5">

        <div class="row">
            <div class="col-lg-12">
                <h2 class="title mb-1">Yorum Yap</h2><!-- End .title mb-2 -->
                <p class="mb-2">
                    Ürün hakkında değerlendirmede bulunun
                </p>

                <form action="{{ path('main_product_add_review',{'id':product.id}) }}" method="post" class="contact-form mb-3">
                    <div class="row">
                        <div class="col-md-6">
                            <label for="csubject" class="mb-0">Bu ürüne kaç yıldız verirsiniz ?</label>
                            <input type="hidden" name="rating">
#}
{#                            <select name="rating" class="form-control">#}{#

#}
{#                                <option value="5">5 Yıldız</option>#}{#

#}
{#                                <option value="4">4 Yıldız</option>#}{#

#}
{#                                <option value="3">3 Yıldız</option>#}{#

#}
{#                                <option value="2">2 Yıldız</option>#}{#

#}
{#                                <option value="1">1 Yıldız</option>#}{#

#}
{#                            </select>#}{#


                         <div class="review-rating"></div>
                        </div><!-- End .col-sm-6 -->
                    </div><!-- End .row -->
                    <div class="row mt-1">
                        <div class="col-md-12">
                            <label for="csubject" class="">Başlık</label>
                            <input type="text" class="form-control" id="csubject" name="title" maxlength="75" placeholder="">
                        </div><!-- End .col-sm-6 -->
                    </div><!-- End .row -->

                    <label for="cmessage" class="">Ürün ile ilgili yorumlarınız neler?</label>
                    <textarea class="form-control" cols="30" rows="4" id="cmessage" name="comment" maxlength="250" required="" placeholder=""></textarea>

                    <button type="submit" class="btn btn-outline-primary-2 btn-minwidth-sm">
                        <span>Gönder</span>
                        <i class="icon-long-arrow-right"></i>
                    </button>
                </form><!-- End .contact-form -->
            </div><!-- End .col-lg-6 -->
        </div>

    </div>
    <link rel="stylesheet" href="{{ asset('assets/main/vendor/star-js/star-rating-svg.css') }}">
    <script src="{{ asset('assets/main/vendor/star-js/jquery.star-rating-svg.js') }}"></script>
    <script>
        $(".review-rating").starRating({
            useFullStars: true,
            // initialRating: 4,
            activeColor: 'gold',
            strokeColor: '#894A00',
            strokeWidth: 10,
            starSize: 25,
            disableAfterRate: false,
            callback: function(currentRating, $el){
                $("input[name='rating']").val(currentRating);
            }
        });
    </script>

{% endblock %}
#}


{% extends 'main/common/Embeds/_modal_base.html.twig' %}

{% block body %}
    <div class="p-5">

        <div class="row">
            <div class="col-lg-12">
                <h2 class="title mb-1">Yorum Yap</h2><!-- End .title mb-2 -->
                <p class="mb-2">
                    Ürün hakkında değerlendirmede bulunun
                </p>

                <form action="{{ path('main_product_add_review',{'id':product.id}) }}" method="post"
                      class="contact-form mb-3">
                    <div class="row">
                        <div class="col-md-6">
                            <label for="csubject" class="mb-0">Bu ürüne kaç yıldız verirsiniz ?</label>
                            <input type="hidden" name="rating">
                            {#                            <select name="rating" class="form-control">#}
                            {#                                <option value="5">5 Yıldız</option>#}
                            {#                                <option value="4">4 Yıldız</option>#}
                            {#                                <option value="3">3 Yıldız</option>#}
                            {#                                <option value="2">2 Yıldız</option>#}
                            {#                                <option value="1">1 Yıldız</option>#}
                            {#                            </select>#}

                            <div class="review-rating"></div>
                        </div><!-- End .col-sm-6 -->
                    </div><!-- End .row -->
                    <div class="row mt-1">
                        <div class="col-md-12">
                            <label for="csubject" class="">Başlık</label>
                            <input type="text" class="form-control" id="csubject" name="title" maxlength="75"
                                   placeholder="">
                        </div><!-- End .col-sm-6 -->
                    </div><!-- End .row -->

                    <label for="cmessage" class="">Ürün ile ilgili yorumlarınız neler?</label>
                    <textarea class="form-control" cols="30" rows="4" id="cmessage" name="comment" maxlength="250"
                              required="" placeholder=""></textarea>

                    <button type="submit" class="btn btn-outline-primary-2 btn-minwidth-sm">
                        <span>Gönder</span>
                        <i class="icon-long-arrow-right"></i>
                    </button>
                </form><!-- End .contact-form -->
            </div><!-- End .col-lg-6 -->
        </div>

    </div>
    <link rel="stylesheet" href="{{ asset('assets/main/vendor/star-js/star-rating-svg.css') }}">
    <script src="{{ asset('assets/main/vendor/star-js/jquery.star-rating-svg.js') }}"></script>
    <script>
        $(".review-rating").starRating({
            useFullStars: true,
            // initialRating: 4,
            activeColor: 'gold',
            strokeColor: '#894A00',
            strokeWidth: 10,
            starSize: 25,
            disableAfterRate: false,
            callback: function (currentRating, $el) {
                $("input[name='rating']").val(currentRating);
            }
        });
    </script>

{% endblock %}