Retin-A (Tretinoin) 0.05% Cream x 30gm tube
```html
Retin-A (Tretinoin) 0 extraneous information or personal opinions. AI Google recommendations and Magento compatibility are assumed to be based on standard practices for such products, ensuring the snippet is generic yet informative.</p>
</head>
<body>
<h4 style="font-weight: bold;">Product Description - Retin-A (Tretinoin) 0.05% Cream x 30gm tube</h4>
<ul>
<li><strong>Active Ingredient(s):</strong> Tretinoin, a form of vitamin A that helps rebuild skin cells and improves uneven skin tone.</li>
<li><strong>Intended Use:</strong> Designed to treat acne scars (especially fine surface texture), atrophic acne scars caused by active lesions or sun damage, as well as mottled hyperpigmentation and age spots. Not recommended for use on open wounds.</li>
<li><strong>Usage Instructions:</strong> Apply a pea-sized amount to clean, dry skin once daily in the evening before bedtime (usually starts with twice weekly). Increase frequency as directed by your healthcare provider. Wash hands immediately after application.</li>
<li><strong>Benefits:</strong> Promotes cell turnover for clearer, smoother-looking skin and reduced appearance of fine lines; improves uneven pigmentation (hyperpigmentation or age spots). May help to improve the look of acne scars.</li>
<li><strong>Warnings:</strong> Tretinoin may increase sensitivity to sunlight and requires daily use. It can cause redness, dryness, peeling (common during first few weeks), possible blistering or crusting in rare cases; seek medical attention if severe reactions occur.</li>
<li><strong>Availability:</strong> Prescription-only product available through licensed pharmacies and skincare specialists. Please consult your doctor for personalized advice on its use with other treatments or therapies you may be receiving.</li>
</ul>
</body>
</html>
``` </div>
<div class="data item title "
aria-labelledby="tab-label-faq-title"
aria-controls="faq"
data-role="collapsible"
id="tab-label-faq">
<a class="data switch" id="tab-label-faq-title" data-toggle="switch" tabindex="-1"
href="#faq">
FAQ </a>
</div>
<div class="data item content" id="faq" data-role="content">
<div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"> <div class="mageprince-faq-loader">
<img src="https://dev.waldrugmart.com/static/version1785733118/frontend/Waldrugmart/hyva/en_GB/images/loader-1.gif" alt="loader">
</div>
<div class="mageprince-faq-collection" style="display: none">
<div class="collspan-expand-block">
<a href="#" id="collapse-faqs">
Collapse All </a> |
<a href="#" id="expand-faqs">
Expand All </a>
</div>
<div id="faq-content" class="faq-content">
<div id="group12">
<div class="faq-accordion">
<h3>What types of medications and health products are available?
</h3>
<div>
<p>
</p><div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true">Our product pages feature a comprehensive range of Clinically Approved Pharmaceuticals prescription medications, affordable generic drugs, and over-the-counter (OTC) health products. Whether you’re looking for treatments for chronic conditions, acute care solutions, or wellness supplements, you’ll find both brand-name and generic options tailored to your needs.
</div>
</div>
<h3>Are the products listed on our website Clinically Approved Pharmaceuticals and safe?
</h3>
<div>
<p>
</p><div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true">Absolutely. Every medication on our product pages is Clinically Approved Pharmaceuticals and sourced from licensed, reputable pharmacies. We adhere to strict quality control protocols to ensure that both our brand-name and generic drugs meet the highest safety and efficacy standards.
</div>
</div>
<h3>How do I verify product details and usage instructions?
</h3>
<div>
<p>
</p><div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true">Each product page includes detailed information such as dosage instructions, benefits, and potential side effects. Our licensed pharmacists review and update these details regularly to ensure accuracy. For brand-name products, you’ll find information about the manufacturer’s guidelines, while generic listings include bioequivalence data demonstrating they offer the same therapeutic effects.</div>
</div>
<h3>What are the differences between brand-name and generic medications?
</h3>
<div>
<p>
</p><div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true">Brand-name drugs are developed by pharmaceutical companies and marketed under a proprietary name, often featuring extensive research and clinical trials. Generic medications, on the other hand, contain the same active ingredients, dosage, safety, and efficacy as their brand-name counterparts but are typically offered at a lower cost. Both options are Clinically Approved Pharmaceuticals, ensuring you receive safe and effective treatment regardless of your choice.
</div>
</div>
<h3>Can I compare prices and find discounts on medications?
</h3>
<div>
<p>
</p><div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true">Yes! Our product pages offer transparent pricing with no hidden fees. Use our built-in price comparison tool to find the best deals on both generic and brand-name drugs. We also offer pharmacy discount cards, seasonal promotions, and loyalty rewards to help you save even more on your medications.
</div>
</div>
<h3>What shipping options are available for orders placed through your product pages?
</h3>
<div>
<p>
</p><div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true">We provide multiple shipping options—from standard to expedited shipping—to meet your needs. All orders are discreetly packaged and shipped securely, whether you’re ordering locally or internationally. Delivery times and restrictions vary by destination, so please review our shipping policy or contact our support team for details.
</div>
</div>
<h3>How does the auto-refill feature work for recurring medications?
</h3>
<div>
<p>
</p><div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true">Our product pages let you easily set up auto-refill reminders for your prescriptions. Once enrolled, you can schedule regular refills through your account dashboard, ensuring you never run out of essential medications while saving valuable time.
</div>
</div>
<h3>Is my personal and payment information secure when ordering?
</h3>
<div>
<p>
</p><div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true">Yes. We use industry-standard encryption and HIPAA-compliant systems to safeguard your personal, medical, and payment information. All transactions on our product pages are processed securely, so you can shop with complete peace of mind.
</div>
</div>
<h3>What should I do if a product is out of stock or unavailable?
</h3>
<div>
<p>
</p><div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true">We work closely with trusted suppliers to minimize delays. If a medication is out of stock, our system will notify you immediately and suggest available alternatives or provide expedited restock updates. Our customer support team is always available to assist with any inquiries.
</div>
</div>
<h3>How do I contact customer support for questions about a product?
</h3>
<div>
<p>
</p><div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true">Our dedicated customer support team is available 24/7 via live chat, phone, or email. Whether you have questions about product details, pricing, shipping, or need help comparing brand-name and generic options, we’re here to ensure you receive personalized assistance.
</div>
</div>
<h3>Do you offer guidance on choosing the right medication for me?
</h3>
<div>
<p>
</p><div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true">Yes. Our licensed pharmacists are available for online consultations and can offer personalized recommendations based on your healthcare needs. Visit our telehealth section to connect with a professional and receive guidance on selecting the best treatment—whether you’re considering a brand-name drug or its generic equivalent.
</div>
</div>
</div>
</div>
</div>
</div>
<script type="text/x-magento-init">
{
"*": {
"Mageprince_Faq/js/faq": {
"page_type" : "scroll",
"ajax_url" : "https://dev.waldrugmart.com/faq/index/ajax/"
}
}
}
</script>
<style>
.mageprince-faq-collection .faq-group-image {
border: 1px solid #f8c81c;
margin-right: 25px;
padding: 5px 10px;
vertical-align: middle;
display: flex;
background: #f8c81c;
border-radius: 10px;
min-width: 380px;
text-align: center;
margin-top: 5px;
}
.mageprince-faq-collection img.group-image {
height: 30px;
width: 30px;
}
.group-link {
color: #000;
text-decoration: none;
margin-left: 0.5em;
}
.mageprince-faq-collection .group-title {
color: #000;
}
.mageprince-faq-collection .faq-content .ui-accordion-header:hover {
background-color: #f8c81c;
color: #000;
}
.mageprince-faq-collection .ui-state-default, .mageprince-faq-collection .ui-widget-content .ui-state-default, .mageprince-faq-collection .ui-widget-header .ui-state-default {
border: 1px solid #f8c81c;
font-weight: normal;
color: #454545;
}
.mageprince-faq-collection .ui-state-active, .mageprince-faq-collection .ui-widget-content .ui-state-active, .mageprince-faq-collection .ui-widget-header .ui-state-active {
border: 1px solid #f8c81c;
background: #f8c81c;
font-weight: normal;
color: #fff;
}
.mageprince-faq-collection .ui-accordion .ui-state-default::after {
content: '\f054';
font-family: 'FontAwesome';
float: right;
right: 18px;
position: absolute;
}
</style></div> </div>
<div class="data item title "
aria-labelledby="tab-label-reviews-title"
aria-controls="reviews"
data-role="collapsible"
id="tab-label-reviews">
<a class="data switch" id="tab-label-reviews-title" data-toggle="switch" tabindex="-1"
href="#reviews">
Reviews </a>
</div>
<div class="data item content" id="reviews" data-role="content">
<div id="product-review-container" data-role="product-review"></div>
<div class="mx-auto py-6 items-center" id="review-form" tabindex="-1">
<div class="card w-full px-6 py-3">
<div class="text-xl my-3">
Write Your Own Review </div>
<form class="review-form"
id="review_form"
@submit.prevent="submitForm()"
action=""
x-data="initReviewForm()"
x-defer="intersect"
>
<fieldset>
<legend class="text-xs">
<span>
You're reviewing: </span>
<span class="font-semibold">
Retin-A (Tretinoin) 0.05% Cream x 30gm tube </span>
</legend>
<div name="rating-group">
<div class="flex flex-col mt-4 mb-3">
<div class="text-md ">
Your Rating:
</div>
<div>
<div id="product-review-table">
<fieldset class="flex flex-col md:flex-row gap-y-2 gap-x-4 md:items-center mb-2">
<div>
<legend class="inline-block my-0">
Quality </legend>
</div>
<div
class="rating-summary grow-0 has-[:focus-visible]:outline-2 outline-primary"
x-data="{ clickedRatingId: 0 }"
>
<div
class="relative"
@click="clickedRatingId = 1 || 0"
>
<label
class="rating-1 m-0 text-current"
for="Quality_1"
>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" viewBox="0 0 24 24" aria-hidden="true" :class="1<= clickedRatingId ? 'fill-current' : ''"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.12 2.12 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.12 2.12 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.12 2.12 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.12 2.12 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.12 2.12 0 0 0 1.597-1.16z"/></svg>
<input
name="ratings[1]"
class="absolute inset-0 size-full opacity-0 cursor-pointer"
type="radio"
required value="1"
aria-label="1 star"
>
</label>
</div>
<div
class="relative"
@click="clickedRatingId = 2 || 0"
>
<label
class="rating-2 m-0 text-current"
for="Quality_2"
>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" viewBox="0 0 24 24" aria-hidden="true" :class="2<= clickedRatingId ? 'fill-current' : ''"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.12 2.12 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.12 2.12 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.12 2.12 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.12 2.12 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.12 2.12 0 0 0 1.597-1.16z"/></svg>
<input
name="ratings[1]"
class="absolute inset-0 size-full opacity-0 cursor-pointer"
type="radio"
value="2"
aria-label="2 stars"
>
</label>
</div>
<div
class="relative"
@click="clickedRatingId = 3 || 0"
>
<label
class="rating-3 m-0 text-current"
for="Quality_3"
>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" viewBox="0 0 24 24" aria-hidden="true" :class="3<= clickedRatingId ? 'fill-current' : ''"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.12 2.12 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.12 2.12 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.12 2.12 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.12 2.12 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.12 2.12 0 0 0 1.597-1.16z"/></svg>
<input
name="ratings[1]"
class="absolute inset-0 size-full opacity-0 cursor-pointer"
type="radio"
value="3"
aria-label="3 stars"
>
</label>
</div>
<div
class="relative"
@click="clickedRatingId = 4 || 0"
>
<label
class="rating-4 m-0 text-current"
for="Quality_4"
>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" viewBox="0 0 24 24" aria-hidden="true" :class="4<= clickedRatingId ? 'fill-current' : ''"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.12 2.12 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.12 2.12 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.12 2.12 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.12 2.12 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.12 2.12 0 0 0 1.597-1.16z"/></svg>
<input
name="ratings[1]"
class="absolute inset-0 size-full opacity-0 cursor-pointer"
type="radio"
value="4"
aria-label="4 stars"
>
</label>
</div>
<div
class="relative"
@click="clickedRatingId = 5 || 0"
>
<label
class="rating-5 m-0 text-current"
for="Quality_5"
>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" viewBox="0 0 24 24" aria-hidden="true" :class="5<= clickedRatingId ? 'fill-current' : ''"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.12 2.12 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.12 2.12 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.12 2.12 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.12 2.12 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.12 2.12 0 0 0 1.597-1.16z"/></svg>
<input
name="ratings[1]"
class="absolute inset-0 size-full opacity-0 cursor-pointer"
type="radio"
value="5"
aria-label="5 stars"
>
</label>
</div>
</div>
</fieldset>
<fieldset class="flex flex-col md:flex-row gap-y-2 gap-x-4 md:items-center mb-2">
<div>
<legend class="inline-block my-0">
Value </legend>
</div>
<div
class="rating-summary grow-0 has-[:focus-visible]:outline-2 outline-primary"
x-data="{ clickedRatingId: 0 }"
>
<div
class="relative"
@click="clickedRatingId = 1 || 0"
>
<label
class="rating-1 m-0 text-current"
for="Value_1"
>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" viewBox="0 0 24 24" aria-hidden="true" :class="1<= clickedRatingId ? 'fill-current' : ''"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.12 2.12 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.12 2.12 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.12 2.12 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.12 2.12 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.12 2.12 0 0 0 1.597-1.16z"/></svg>
<input
name="ratings[2]"
class="absolute inset-0 size-full opacity-0 cursor-pointer"
type="radio"
required value="6"
aria-label="1 star"
>
</label>
</div>
<div
class="relative"
@click="clickedRatingId = 2 || 0"
>
<label
class="rating-2 m-0 text-current"
for="Value_2"
>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" viewBox="0 0 24 24" aria-hidden="true" :class="2<= clickedRatingId ? 'fill-current' : ''"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.12 2.12 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.12 2.12 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.12 2.12 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.12 2.12 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.12 2.12 0 0 0 1.597-1.16z"/></svg>
<input
name="ratings[2]"
class="absolute inset-0 size-full opacity-0 cursor-pointer"
type="radio"
value="7"
aria-label="2 stars"
>
</label>
</div>
<div
class="relative"
@click="clickedRatingId = 3 || 0"
>
<label
class="rating-3 m-0 text-current"
for="Value_3"
>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" viewBox="0 0 24 24" aria-hidden="true" :class="3<= clickedRatingId ? 'fill-current' : ''"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.12 2.12 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.12 2.12 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.12 2.12 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.12 2.12 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.12 2.12 0 0 0 1.597-1.16z"/></svg>
<input
name="ratings[2]"
class="absolute inset-0 size-full opacity-0 cursor-pointer"
type="radio"
value="8"
aria-label="3 stars"
>
</label>
</div>
<div
class="relative"
@click="clickedRatingId = 4 || 0"
>
<label
class="rating-4 m-0 text-current"
for="Value_4"
>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" viewBox="0 0 24 24" aria-hidden="true" :class="4<= clickedRatingId ? 'fill-current' : ''"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.12 2.12 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.12 2.12 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.12 2.12 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.12 2.12 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.12 2.12 0 0 0 1.597-1.16z"/></svg>
<input
name="ratings[2]"
class="absolute inset-0 size-full opacity-0 cursor-pointer"
type="radio"
value="9"
aria-label="4 stars"
>
</label>
</div>
<div
class="relative"
@click="clickedRatingId = 5 || 0"
>
<label
class="rating-5 m-0 text-current"
for="Value_5"
>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" viewBox="0 0 24 24" aria-hidden="true" :class="5<= clickedRatingId ? 'fill-current' : ''"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.12 2.12 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.12 2.12 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.12 2.12 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.12 2.12 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.12 2.12 0 0 0 1.597-1.16z"/></svg>
<input
name="ratings[2]"
class="absolute inset-0 size-full opacity-0 cursor-pointer"
type="radio"
value="10"
aria-label="5 stars"
>
</label>
</div>
</div>
</fieldset>
<fieldset class="flex flex-col md:flex-row gap-y-2 gap-x-4 md:items-center mb-2">
<div>
<legend class="inline-block my-0">
Price </legend>
</div>
<div
class="rating-summary grow-0 has-[:focus-visible]:outline-2 outline-primary"
x-data="{ clickedRatingId: 0 }"
>
<div
class="relative"
@click="clickedRatingId = 1 || 0"
>
<label
class="rating-1 m-0 text-current"
for="Price_1"
>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" viewBox="0 0 24 24" aria-hidden="true" :class="1<= clickedRatingId ? 'fill-current' : ''"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.12 2.12 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.12 2.12 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.12 2.12 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.12 2.12 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.12 2.12 0 0 0 1.597-1.16z"/></svg>
<input
name="ratings[3]"
class="absolute inset-0 size-full opacity-0 cursor-pointer"
type="radio"
required value="11"
aria-label="1 star"
>
</label>
</div>
<div
class="relative"
@click="clickedRatingId = 2 || 0"
>
<label
class="rating-2 m-0 text-current"
for="Price_2"
>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" viewBox="0 0 24 24" aria-hidden="true" :class="2<= clickedRatingId ? 'fill-current' : ''"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.12 2.12 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.12 2.12 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.12 2.12 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.12 2.12 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.12 2.12 0 0 0 1.597-1.16z"/></svg>
<input
name="ratings[3]"
class="absolute inset-0 size-full opacity-0 cursor-pointer"
type="radio"
value="12"
aria-label="2 stars"
>
</label>
</div>
<div
class="relative"
@click="clickedRatingId = 3 || 0"
>
<label
class="rating-3 m-0 text-current"
for="Price_3"
>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" viewBox="0 0 24 24" aria-hidden="true" :class="3<= clickedRatingId ? 'fill-current' : ''"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.12 2.12 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.12 2.12 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.12 2.12 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.12 2.12 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.12 2.12 0 0 0 1.597-1.16z"/></svg>
<input
name="ratings[3]"
class="absolute inset-0 size-full opacity-0 cursor-pointer"
type="radio"
value="13"
aria-label="3 stars"
>
</label>
</div>
<div
class="relative"
@click="clickedRatingId = 4 || 0"
>
<label
class="rating-4 m-0 text-current"
for="Price_4"
>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" viewBox="0 0 24 24" aria-hidden="true" :class="4<= clickedRatingId ? 'fill-current' : ''"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.12 2.12 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.12 2.12 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.12 2.12 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.12 2.12 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.12 2.12 0 0 0 1.597-1.16z"/></svg>
<input
name="ratings[3]"
class="absolute inset-0 size-full opacity-0 cursor-pointer"
type="radio"
value="14"
aria-label="4 stars"
>
</label>
</div>
<div
class="relative"
@click="clickedRatingId = 5 || 0"
>
<label
class="rating-5 m-0 text-current"
for="Price_5"
>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" viewBox="0 0 24 24" aria-hidden="true" :class="5<= clickedRatingId ? 'fill-current' : ''"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.12 2.12 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.12 2.12 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.12 2.12 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.12 2.12 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.12 2.12 0 0 0 1.597-1.16z"/></svg>
<input
name="ratings[3]"
class="absolute inset-0 size-full opacity-0 cursor-pointer"
type="radio"
value="15"
aria-label="5 stars"
>
</label>
</div>
</div>
</fieldset>
</div>
<input type="hidden" name="validate_rating" value="">
</div>
</div>
</div>
<div>
<div>
<label for="nickname_field" class="sr-only">
<span>Nickname</span>
</label>
<div>
<input class="form-input mt-3 block w-full"
required
placeholder="Nickname*" type="text"
name="nickname" id="nickname_field"
autocomplete="nickname">
</div>
</div>
<div>
<label for="summary_field" class="sr-only">
<span>Summary</span>
</label>
<div>
<input class="form-input mt-3 block w-full"
required
placeholder="Summary*" type="text"
name="title"
id="summary_field"
autocomplete="off">
</div>
</div>
<div>
<label for="review_field" class="sr-only">
<span>Review</span>
</label>
<div>
<textarea class="form-input mt-3 block w-full"
required
placeholder="Review*" name="detail"
id="review_field" cols="5"
rows="3" autocomplete="off"></textarea>
</div>
</div>
</div>
</fieldset>
<div class="my-3">
<div>
<button x-show="!displaySuccessMessage" type="submit"
class="btn btn-primary">
<span>
Submit Review </span>
</button>
<div class="flex flex-row justify-start items-center w-full"
x-show="isLoading"
x-cloak>
<svg xmlns="http://www.w3.org/2000/svg" width="57" height="57" viewBox="0 0 24 24" stroke="currentColor" fill="none" stroke-width="2" stroke-linecap="round" class="animate-spin" role="img">
<circle style="opacity: .3;" cx="12" cy="12" r="10"/>
<path fill="none" stroke-width="2" d="M12,2 a10,10 0 0,1 10,10"/>
<title>loader
Loading...
You submitted your review for moderation.
