<div id="review-popup" class="review-popup">
    <form id="review-form" method="POST" action="{{ route('shop.website_reviews.store') }}" class="review-popup-content">
        @csrf

        <span id="closeReviewPopupBtn" class="close-review-popup">&times;</span>
        <h2 class="review-popup-title">Написать отзыв</h2>

        <div class="review-popup-input-block">
            <label for="review">Ваш отзыв</label>
            <textarea name="web_review_text" id="web_review" rows="10" placeholder="Оставьте свой отзыв здесь"></textarea>
        </div>
        <div class="review-popup-start-block">
            <h3>Оцените нас</h3>
            <div class="review-rating--popup">
                <svg class="review-card-star" data-index="1" width="32" height="29" viewBox="0 0 32 29" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M16 0L19.5922 11.0557H31.2169L21.8123 17.8885L25.4046 28.9443L16 22.1115L6.59544 28.9443L10.1877 17.8885L0.783095 11.0557H12.4078L16 0Z" fill="currentColor"/>
                </svg>
                <svg class="review-card-star" data-index="2" width="32" height="29" viewBox="0 0 32 29" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M16 0L19.5922 11.0557H31.2169L21.8123 17.8885L25.4046 28.9443L16 22.1115L6.59544 28.9443L10.1877 17.8885L0.783095 11.0557H12.4078L16 0Z" fill="currentColor"/>
                </svg>
                <svg class="review-card-star" data-index="3" width="32" height="29" viewBox="0 0 32 29" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M16 0L19.5922 11.0557H31.2169L21.8123 17.8885L25.4046 28.9443L16 22.1115L6.59544 28.9443L10.1877 17.8885L0.783095 11.0557H12.4078L16 0Z" fill="currentColor"/>
                </svg>
                <svg class="review-card-star" data-index="4" width="32" height="29" viewBox="0 0 32 29" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M16 0L19.5922 11.0557H31.2169L21.8123 17.8885L25.4046 28.9443L16 22.1115L6.59544 28.9443L10.1877 17.8885L0.783095 11.0557H12.4078L16 0Z" fill="currentColor"/>
                </svg>
                <svg class="review-card-star" data-index="5" width="32" height="29" viewBox="0 0 32 29" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M16 0L19.5922 11.0557H31.2169L21.8123 17.8885L25.4046 28.9443L16 22.1115L6.59544 28.9443L10.1877 17.8885L0.783095 11.0557H12.4078L16 0Z" fill="currentColor"/>
                </svg>
            </div>
        </div>
        <input type="hidden" name="web_review_rating">
        <button type="submit" class="review-popup-button" disabled>Отправить отзыв</button>
    </form>

    <div id="success-message" class="review-popup-content hidden">
        <span id="closeReviewPopupBtn2" class="close-review-popup">&times;</span>
        <h2 class="review-popup-title review-popup-title--green" id="success-title">Отзыв добавлен успешно</h2>
        <h3 class="close-review-popup-button" id="closeReviewPopupText">Закрыть окно</h3>
    </div>
</div>
