
<?php
/**
 * The Template for displaying all single products
 */

if ( ! defined( 'ABSPATH' ) ) {
	exit;
}

get_header();

// اطمینان از اینکه product درست set شده است
while ( have_posts() ) :
	the_post();
	
	global $product;
	
	// اگر product set نشده، از wc_get_product استفاده کن
	if ( ! $product ) {
		$product = wc_get_product( get_the_ID() );
	}
	
	if ( ! $product ) {
		continue;
	}
	
	$product_id = $product->get_id();

// دریافت اطلاعات سفارشی محصول
$english_name = get_post_meta($product_id, '_product_english_name', true);
$authenticity_text = get_post_meta($product_id, '_product_authenticity_text', true) ?: 'تضمین اصالت کالا';
$authenticity_confirmed_text = get_post_meta($product_id, '_product_authenticity_confirmed_text', true) ?: 'اصالت کالا تایید شده';
$shipping_text = get_post_meta($product_id, '_product_shipping_text', true) ?: 'ارسال تا 1 روز کاری';
$shipping_desc = get_post_meta($product_id, '_product_shipping_desc', true) ?: 'تضمین شده و فوری';

// دریافت مشخصات فنی (5 مورد)
$technical_specs = array();
for ($i = 1; $i <= 5; $i++) {
    $spec = get_post_meta($product_id, '_product_technical_spec_' . $i, true);
    if (!empty($spec)) {
        $technical_specs[] = $spec;
    }
}


// محاسبه درصد تخفیف
$discount_percent = 0;
if ($product->is_on_sale()) {
    $regular_price = (float) $product->get_regular_price();
    $sale_price = (float) $product->get_sale_price();
    if ($regular_price > 0 && $regular_price > $sale_price) {
        $discount_percent = round((($regular_price - $sale_price) / $regular_price) * 100);
    }
}

// دریافت تاریخ پایان تخفیف
$sale_end_date = '';
if ($product->is_type('variable')) {
    // برای محصول متغیر، از اولین variation استفاده می‌کنیم
    $variations = $product->get_available_variations();
    if (!empty($variations)) {
        $first_variation_id = $variations[0]['variation_id'];
        $sale_end_date = get_post_meta($first_variation_id, '_variation_sale_end_date', true);
        
        // اگر تاریخ در variation نبود، از _sale_price_dates_to استفاده کن (timestamp)
        if (empty($sale_end_date)) {
            $sale_timestamp = get_post_meta($first_variation_id, '_sale_price_dates_to', true);
            if ($sale_timestamp && is_numeric($sale_timestamp) && $sale_timestamp > 0) {
                $sale_end_date = date('Y-m-d H:i:s', $sale_timestamp);
            }
        }
    }
} else {
    // برای محصولات ساده
    $sale_end_date = get_post_meta($product_id, '_product_sale_end_date', true);
    
    // اگر تاریخ در custom field نبود، از _sale_price_dates_to استفاده کن (timestamp)
    if (empty($sale_end_date)) {
        $sale_timestamp = get_post_meta($product_id, '_sale_price_dates_to', true);
        if ($sale_timestamp && is_numeric($sale_timestamp) && $sale_timestamp > 0) {
            $sale_end_date = date('Y-m-d H:i:s', $sale_timestamp);
        }
    }
}

// بررسی معتبر بودن تاریخ
if (!empty($sale_end_date)) {
    // بررسی فرمت تاریخ
    $date_parts = explode(' ', $sale_end_date);
    if (count($date_parts) < 2) {
        // اگر فقط تاریخ داشت، ساعت را اضافه کن
        $sale_end_date = $sale_end_date . ' 23:59:59';
    }
    
    // بررسی اینکه تاریخ معتبر است
    $date_obj = DateTime::createFromFormat('Y-m-d H:i:s', $sale_end_date);
    if (!$date_obj) {
        $sale_end_date = ''; // تاریخ نامعتبر است
    } else {
        // بررسی اینکه تاریخ در آینده است
        $now = new DateTime();
        if ($date_obj <= $now) {
            $sale_end_date = ''; // تاریخ گذشته است
        }
    }
}

// دریافت تصاویر محصول
$image_ids = $product->get_gallery_image_ids();
$main_image_id = $product->get_image_id();
$all_images = array();
if ($main_image_id) {
    $all_images[] = $main_image_id;
}
$all_images = array_merge($all_images, $image_ids);
?>

     <main class="container-main">
      <!-- start product page -->
    <section class="bg-white mt-6 sm:mt-10 md:mt-16 border border-zinc-300 rounded-xl p-3 sm:p-4 md:p-6">
        <!-- wrapper -->
        <div class="flex flex-col lg:flex-row gap-4 lg:gap-6 p-1 sm:p-2 md:p-3 lg:items-start">
  
          <!-- start product image -->
            <div class="w-full lg:w-1/3 flex-shrink-0">
                <div class="bg-white border border-zinc-300 rounded-2xl p-3 sm:p-4 md:p-5 relative">
                    <!-- تگ تخفیف روی تصویر -->
                    <?php if ($discount_percent > 0) : ?>
                  <div class="absolute top-3 right-3 z-10">
                      <span class="text-xs sm:text-sm text-white bg-red-500 rounded-full px-3 py-1.5 inline-flex items-center gap-1 shadow-lg">
                          <i class="ri-percent-line text-xs"></i>
                            <span class="font-bold"><?php echo esc_html($discount_percent); ?></span>
                      </span>
                  </div>
                    <?php endif; ?>
                    
                    <!-- تصویر اصلی -->
                    <?php 
                    $main_image_url = wp_get_attachment_image_url($main_image_id, 'woocommerce_single');
                    if (!$main_image_url) {
                        $main_image_url = wc_placeholder_img_src();
                    }
                    ?>
                    <img id="main-product-image" class="w-full h-[240px] sm:h-[300px] md:h-[360px] lg:h-[400px] xl:h-[450px] object-contain" 
                         src="<?php echo esc_url($main_image_url); ?>" 
                         alt="<?php echo esc_attr($product->get_name()); ?>">
              </div>
      
              <!-- thumbnail images -->
                <?php if (!empty($all_images) && count($all_images) > 1) : ?>
              <div class="flex gap-2 mt-4">
                    <?php 
                    $first_thumb = true;
                    foreach ($all_images as $img_id) {
                        $thumb_url = wp_get_attachment_image_url($img_id, 'thumbnail');
                        $full_url = wp_get_attachment_image_url($img_id, 'woocommerce_single');
                        if ($thumb_url) {
                            ?>
                            <img src="<?php echo esc_url($thumb_url); ?>" 
                                 alt="<?php echo esc_attr($product->get_name()); ?>" 
                                 class="w-20 h-20 object-cover cursor-pointer border-2 p-1 rounded-lg hover:border-blue-500 transition-all thumbnail-img <?php echo $first_thumb ? 'border-blue-500' : 'border-zinc-300'; ?>"
                                 onclick="changeMainImage(this, '<?php echo esc_js($full_url); ?>')"
                                 data-full-image="<?php echo esc_url($full_url); ?>">
                            <?php
                            $first_thumb = false;
                        }
                    }
                    ?>
              </div>
                <?php endif; ?>
          </div>
          <!-- end product image -->
      
          <!-- start middle column (info + variants) -->
            <div class="w-full lg:w-1/3 flex-shrink-0 space-y-4">
                <div>
                    <h1 class="text-xl sm:text-2xl md:text-3xl font-bold leading-tight">
                        <?php echo esc_html($product->get_name()); ?>
              </h1>
      
              <div class="flex flex-col sm:flex-row sm:items-center gap-2 sm:gap-4 mt-3">
                        <?php if ($authenticity_text) : ?>
                  <span class="text-xs sm:text-sm text-white bg-blue-500 rounded-full px-3 py-2 inline-flex items-center gap-2 w-fit">
                      <i class="ri-star-fill text-white"></i>
                            <span><?php echo esc_html($authenticity_text); ?></span>
                  </span>
                        <?php endif; ?>
                        <?php if ($english_name) : ?>
                        <span class="text-xs sm:text-sm text-zinc-500"><?php echo esc_html($english_name); ?></span>
                        <?php endif; ?>
              </div>
      
              <!-- start product date -->
              <div class="flex items-center mt-5 sm:mt-7 gap-3 bg-zinc-100/30 rounded-full py-2 px-4 sm:px-5 w-fit shadow">
                  <i class="ri-timer-line text-zinc-600"></i>
                  <span class="text-xs sm:text-sm text-zinc-600">
                            آخرین بروزرسانی : <?php echo get_the_modified_date('Y/m/d'); ?>
                  </span>
              </div>
              <!-- end product date -->
                </div>
      
                <!-- start product price -->
                <div id="product-price-wrapper">
                    <?php 
                    $regular_price = (float) $product->get_regular_price();
                    $sale_price = (float) $product->get_sale_price();
                    $current_price = (float) $product->get_price();
                    $is_on_sale = $product->is_on_sale() && $regular_price > 0 && $sale_price > 0 && $regular_price > $sale_price;
                    ?>
                    <?php if ($is_on_sale) : ?>
                  <!-- قیمت اصلی با خط خورده -->
                  <div class="flex items-center gap-2 text-zinc-400 mb-1">
                            <span class="text-sm sm:text-base line-through"><?php echo wc_price($regular_price); ?></span>
                      <span class="text-xs line-through">تومان</span>
                  </div>
                    <?php endif; ?>
                  
                    <!-- قیمت نهایی -->
                    <div class="flex items-center gap-2 text-emerald-700">
                      <span class="text-2xl sm:text-3xl font-bold">
                            <?php echo number_format_i18n($current_price, 0); ?>
                          <span class="text-xs sm:text-sm font-bold">تومان</span>
                      </span>
                  </div>
              </div>
              <!-- end product price -->
      
              <!-- start variable product -->
                <?php if ($product->is_type('variable')) : ?>
                    <?php
                    // استفاده از hook پیش‌فرض WooCommerce
                    do_action('woocommerce_variable_add_to_cart');
                    ?>
                <?php endif; ?>
                <!-- end variable product -->
      
                <!-- start add to cart -->
                <?php if (!$product->is_type('variable')) : ?>
                <div class="flex gap-3 items-center">
                    <!-- برای محصول ساده -->
                    <?php
                    do_action('woocommerce_before_add_to_cart_form');
                    ?>
                    <form class="cart" action="<?php echo esc_url(apply_filters('woocommerce_add_to_cart_form_action', $product->get_permalink())); ?>" method="post" enctype='multipart/form-data'>
                        <?php do_action('woocommerce_before_add_to_cart_button'); ?>
                        
                        <div class="flex items-center gap-3">
                            <?php
                            do_action('woocommerce_before_add_to_cart_quantity');
                            ?>
                            <div class="flex items-center border border-zinc-300 rounded-lg overflow-hidden">
                                <button type="button" class="quantity-btn w-8 h-8 flex items-center justify-center transition text-gray-600 hover:text-gray-800" onclick="decreaseQuantity(this)">
                                    <i class="ri-subtract-line text-sm"></i>
                      </button>
                                <input type="number" 
                                       name="quantity" 
                                       value="1" 
                                       min="1" 
                                       step="1" 
                                       class="w-12 h-8 text-center border-0 focus:outline-none focus:ring-0 [appearance:textfield] [&::-webkit-outer-spin-button]:appearance-none [&::-webkit-inner-spin-button]:appearance-none"
                                       id="quantity">
                                <button type="button" class="quantity-btn w-8 h-8 flex items-center justify-center transition text-gray-600 hover:text-gray-800" onclick="increaseQuantity(this)">
                                    <i class="ri-add-line text-sm"></i>
                      </button>
                  </div>
                            <?php
                            do_action('woocommerce_after_add_to_cart_quantity');
                            ?>
                            
                            <button type="submit" 
                                    name="add-to-cart" 
                                    value="<?php echo esc_attr($product->get_id()); ?>" 
                                    class="single_add_to_cart_button button alt flex-1 flex items-center justify-center bg-blue-600 h-10 px-4 rounded-lg gap-2 text-white hover:bg-blue-700 transition text-sm font-medium">
                                <i class="ri-shopping-cart-line"></i>
                                <span>افزودن به سبد خرید</span>
                            </button>
                  </div>
      
                        <?php do_action('woocommerce_after_add_to_cart_button'); ?>
                    </form>
                    <?php do_action('woocommerce_after_add_to_cart_form'); ?>
                  </div>
                <?php endif; ?>
              <!-- end add to cart -->
          </div>
          <!-- end middle column -->
      
          <!-- start text option product -->
            <div class="w-full lg:w-[270px] xl:w-[360px] shrink-0 flex flex-col gap-3 lg:justify-start min-w-0 max-w-full">

              
                <!-- تایمر تخفیف -->
                <?php 
                // برای محصولات متغیر، بررسی کن که آیا یکی از variations تاریخ دارد
                // برای محصولات ساده، فقط اگر sale_end_date وجود داشته باشد نمایش بده
                $show_timer = false;
                $timer_initial_style = '';
                $has_variation_with_date = false;
                
                if ($product->is_type('variable')) {
                    // بررسی همه variations برای پیدا کردن یکی که تاریخ دارد
                    $variations = $product->get_available_variations();
                    foreach ($variations as $variation_data) {
                        $variation_id = $variation_data['variation_id'];
                        $variation_sale_end_date = get_post_meta($variation_id, '_variation_sale_end_date', true);
                        
                        // اگر تاریخ در variation نبود، از _sale_price_dates_to استفاده کن
                        if (empty($variation_sale_end_date)) {
                            $sale_timestamp = get_post_meta($variation_id, '_sale_price_dates_to', true);
                            if ($sale_timestamp && is_numeric($sale_timestamp) && $sale_timestamp > 0) {
                                $has_variation_with_date = true;
                                // استفاده از اولین تاریخ پیدا شده برای نمایش اولیه
                                if (empty($sale_end_date)) {
                                    $sale_end_date = date('Y-m-d H:i:s', $sale_timestamp);
                                }
                                break;
                            }
                        } else {
                            $has_variation_with_date = true;
                            // استفاده از اولین تاریخ پیدا شده برای نمایش اولیه
                            if (empty($sale_end_date)) {
                                $sale_end_date = $variation_sale_end_date;
                            }
                            break;
                        }
                    }
                    
                    // اگر یکی از variations تاریخ داشت، تایمر را نمایش بده
                    if ($has_variation_with_date) {
                        $show_timer = true;
                        // تایمر را در ابتدا نمایش بده (نه مخفی)
                        $timer_initial_style = '';
                    }
                } elseif (!empty($sale_end_date) && $product->is_on_sale()) {
                    // برای محصولات ساده، فقط اگر sale_end_date وجود داشته باشد
                    $show_timer = true;
                }
                ?>
                <?php if ($show_timer) : ?>
                <div class="bg-gradient-to-r from-red-50 to-orange-50 p-4 rounded-2xl border border-red-200 mb-2" id="productDiscountTimerContainer"<?php echo $timer_initial_style; ?>>
                  <div class="text-center mb-4">
                      <h5 class="text-sm font-bold text-red-700 mb-1">
                          <i class="ri-time-line ml-1"></i>
                          زمان باقی‌مانده تا پایان تخفیف
                      </h5>
                  </div>
                  
                    <div id="productDiscountTimer" class="flex justify-between gap-2" data-end-date="<?php echo !empty($sale_end_date) ? esc_attr($sale_end_date) : ''; ?>">
                      <!-- روزها -->
                      <div class="flex flex-col items-center">
                            <div class="bg-white text-red-600 font-bold text-lg sm:text-xl rounded-lg p-2 mb-1 shadow-sm w-14 h-14 flex items-center justify-center" id="timer-days" style="font-family: 'YekanBakh', system-ui, -apple-system, sans-serif; font-variant-numeric: normal; letter-spacing: 0;">۰۰</div>
                          <div class="text-xs text-red-500">روز</div>
                      </div>
                      
                      <!-- ساعت‌ها -->
                      <div class="flex flex-col items-center">
                            <div class="bg-white text-red-600 font-bold text-lg sm:text-xl rounded-lg p-2 mb-1 shadow-sm w-14 h-14 flex items-center justify-center" id="timer-hours" style="font-family: 'YekanBakh', system-ui, -apple-system, sans-serif; font-variant-numeric: normal; letter-spacing: 0;">۰۰</div>
                          <div class="text-xs text-red-500">ساعت</div>
                      </div>
                      
                      <!-- دقیقه‌ها -->
                      <div class="flex flex-col items-center">
                            <div class="bg-white text-red-600 font-bold text-lg sm:text-xl rounded-lg p-2 mb-1 shadow-sm w-14 h-14 flex items-center justify-center" id="timer-minutes" style="font-family: 'YekanBakh', system-ui, -apple-system, sans-serif; font-variant-numeric: normal; letter-spacing: 0;">۰۰</div>
                          <div class="text-xs text-red-500">دقیقه</div>
                      </div>
                      
                      <!-- ثانیه‌ها -->
                      <div class="flex flex-col items-center">
                            <div class="bg-white text-red-600 font-bold text-lg sm:text-xl rounded-lg p-2 mb-1 shadow-sm w-14 h-14 flex items-center justify-center" id="timer-seconds" style="font-family: 'YekanBakh', system-ui, -apple-system, sans-serif; font-variant-numeric: normal; letter-spacing: 0;">۰۰</div>
                          <div class="text-xs text-red-500">ثانیه</div>
                      </div>
                  </div>
                  
                  <!-- نوار پیشرفت -->
                  <div class="mt-4">
                      <div class="h-2 bg-red-200 rounded-full overflow-hidden">
                            <div id="discountProgressBar" class="h-full bg-red-500 rounded-full transition-all duration-1000" style="width: 0%"></div>
                      </div>
                  </div>
              </div>
                <?php endif; ?>
      
                <!-- مشخصات فنی -->
                <?php if (!empty($technical_specs)) : ?>
                <div class="flex flex-col gap-2 p-4 rounded-xl bg-blue-100/50 text-xs sm:text-sm leading-6">
                    <?php foreach ($technical_specs as $spec) : ?>
                        <span><?php echo esc_html($spec); ?></span>
                    <?php endforeach; ?>
              </div>
                <?php endif; ?>
      
                <?php if ($authenticity_confirmed_text) : ?>
              <div class="bg-yellow-300/50 p-3 rounded-xl flex items-center gap-2 text-xs sm:text-sm">
                  <i class="ri-shield-check-line"></i>
                    <span><?php echo esc_html($authenticity_confirmed_text); ?></span>
              </div>
                <?php endif; ?>
      
              <div class="flex items-center gap-3 rounded-xl mt-2">
                  <div class="text-xl sm:text-2xl bg-gray-100 p-3 sm:p-4 rounded-full">
                      <i class="ri-car-line"></i>
                  </div>
                  <div class="flex flex-col">
                        <span class="font-bold text-sm sm:text-base"><?php echo esc_html($shipping_text); ?></span>
                        <?php if ($shipping_desc) : ?>
                        <span class="text-[11px] sm:text-xs text-zinc-600"><?php echo esc_html($shipping_desc); ?></span>
                        <?php endif; ?>
                  </div>
              </div>
          </div>
          <!-- end text option product -->
      </div>
      </section>
      <!-- end product page -->
      
    <!-- start product text / tabs -->
    <div class="first-sepid-product-box mt-8 md:mt-10">
        <div class="container-main">
            <?php
            // استفاده از template tabs WooCommerce
            wc_get_template('single-product/tabs/tabs.php');
            ?>
            </div>
          </div>
    <!-- end product text / tabs -->
      
      <!-- Start Other products سایر محصولات -->

      <div class="first-sepid-product-box mt-10">
        <div class="woocommerce-tabs wc-tabs-wrapper">
          <!-- تب‌های هدر -->
          <div class="relative">
            <div class="border-b border-gray-200 overflow-x-auto [-ms-overflow-style:none] [scrollbar-width:none] [&amp;::-webkit-scrollbar]:hidden">
              <nav class="flex space-x-8 rtl:space-x-reverse min-w-max" aria-label="Tabs">
                <!-- تب توضیحات -->
                <button class="tab-btn flex items-center py-4 px-1 border-b-2 font-medium text-sm transition-all duration-200 border-blue-500 text-blue-600" data-tab="description" aria-selected="true">
                  <span class="ml-2">
                    <i class="ri-file-text-line"></i>
                  </span>
                  توضیحات
                </button>
                
                <!-- تب توضیحات تکمیلی -->
                <button class="tab-btn flex items-center py-4 px-1 border-b-2 font-medium text-sm transition-all duration-200 hover:text-blue-500 border-transparent text-gray-500" data-tab="additional" aria-selected="false">
                  <span class="ml-2">
                    <i class="ri-information-line"></i>
                  </span>
                  توضیحات تکمیلی
                </button>
                
                <!-- تب نظرات -->
                <button class="tab-btn flex items-center py-4 px-1 border-b-2 font-medium text-sm transition-all duration-200 hover:text-blue-500 border-transparent text-gray-500" data-tab="reviews" aria-selected="false">
                  <span class="ml-2">
                    <i class="ri-chat-3-line"></i>
                  </span>
                  نظرات
                </button>
              </nav>
            </div>
            <div class="absolute bottom-0 left-0 w-full h-0.5 bg-gray-100"></div>
          </div>
      
          <!-- محتوای تب‌ها -->
          <div class="tab-content-wrapper mt-6">
            
            <!-- تب توضیحات -->
            <div id="tab-description" class="tab-content animate-[fadeIn_0.3s_ease-in-out] block" role="tabpanel">
              <div class="bg-white rounded-xl border border-gray-200 p-5 md:p-7">
                <h2 class="text-xl md:text-2xl font-bold text-gray-800 mb-6 pb-3 border-b border-gray-100">توضیحات محصول</h2>
                <?php
                  echo wc_format_content( get_the_content() );
                  ?>
              </div>
            
            </div>
      
            <!-- تب توضیحات تکمیلی -->
          <div id="tab-additional" class="tab-content animate-[fadeIn_0.3s_ease-in-out] hidden" role="tabpanel">
            <div class="bg-white rounded-xl border border-gray-200 p-5 md:p-7">
              <h2 class="text-xl md:text-2xl font-bold text-gray-800 mb-6 pb-3 border-b border-gray-100">
                توضیحات تکمیلی
              </h2>

              <div class="overflow-x-auto">
                <table class="min-w-full divide-y divide-gray-200">
                  <thead class="bg-gray-50">
                    <tr>
                      <th scope="col" class="px-4 py-3 text-right text-xs font-medium text-gray-500 uppercase tracking-wider">
                        ویژگی
                      </th>
                      <th scope="col" class="px-4 py-3 text-right text-xs font-medium text-gray-500 uppercase tracking-wider">
                        مقدار
                      </th>
                    </tr>
                  </thead>

                  <tbody class="bg-white divide-y divide-gray-200">
                  <?php
                  global $product;
                  if ( ! $product ) {
                    $product = wc_get_product( get_the_ID() );
                  }

                  if ( $product ) :

                    // ===== ویژگی‌های محصول (Attributes) =====
                    $attributes = $product->get_attributes();

                    if ( ! empty( $attributes ) ) :
                      foreach ( $attributes as $attribute ) :

                        // نام ویژگی
                        if ( $attribute->is_taxonomy() ) {
                          $taxonomy = $attribute->get_name();
                          $label    = wc_attribute_label( $taxonomy );
                          $values   = wc_get_product_terms(
                            $product->get_id(),
                            $taxonomy,
                            [ 'fields' => 'names' ]
                          );
                        } else {
                          $label  = $attribute->get_name();
                          $values = $attribute->get_options();
                        }

                        if ( empty( $values ) ) continue;
                        ?>
                        <tr>
                          <td class="px-4 py-4 whitespace-nowrap text-sm font-medium text-gray-900">
                            <?php echo esc_html( $label ); ?>
                          </td>
                          <td class="px-4 py-4 text-sm text-gray-500">
                            <div class="flex flex-wrap gap-2">
                              <?php foreach ( $values as $val ) : ?>
                                <span class="inline-flex items-center px-3 py-1 rounded-full text-xs font-medium bg-gray-100 text-gray-800">
                                  <?php echo esc_html( $val ); ?>
                                </span>
                              <?php endforeach; ?>
                            </div>
                          </td>
                        </tr>
                        <?php
                      endforeach;
                    endif;

                    // ===== وضعیت موجودی =====
                    ?>
                    <tr>
                      <td class="px-4 py-4 whitespace-nowrap text-sm font-medium text-gray-900">
                        وضعیت
                      </td>
                      <td class="px-4 py-4 text-sm text-gray-500">
                        <?php if ( $product->is_in_stock() ) : ?>
                          <span class="inline-flex items-center text-emerald-600">
                            <i class="ri-checkbox-circle-fill ml-1"></i>
                            <?php echo esc_html(
                              $product->get_stock_status() === 'onbackorder'
                                ? 'در حال تأمین'
                                : 'موجود در انبار'
                            ); ?>
                          </span>
                        <?php else : ?>
                          <span class="inline-flex items-center text-rose-600">
                            <i class="ri-close-circle-fill ml-1"></i>
                            ناموجود
                          </span>
                        <?php endif; ?>
                      </td>
                    </tr>

                  <?php endif; ?>
                  </tbody>
                </table>
              </div>
            </div>
          </div>

      
              <!-- تب نظرات -->
            <div id="tab-reviews" class="tab-content animate-[fadeIn_0.3s_ease-in-out] hidden" role="tabpanel">
              <div class="bg-white rounded-xl border border-gray-200 p-5 md:p-7">

                <?php
                global $product;
                if ( ! $product ) $product = wc_get_product(get_the_ID());

                $product_title = $product ? $product->get_name() : get_the_title();
                $review_count  = $product ? (int) $product->get_review_count() : (int) get_comments_number();
                $avg_rating    = $product ? (float) $product->get_average_rating() : 0;
                $avg_display   = ($avg_rating > 0) ? number_format($avg_rating, 1) : '0.0';

                $full  = (int) floor($avg_rating);
                $half  = ($avg_rating - $full >= 0.5) ? 1 : 0;
                $empty = 5 - $full - $half;

                // ✅ همه کامنت‌ها برای اینکه پاسخ‌ها هم بیاد
                $all_comments = get_comments([
                  'post_id' => get_the_ID(),
                  'status'  => 'approve',
                  'orderby' => 'comment_date_gmt',
                  'order'   => 'DESC',
                ]);
                ?>

                <!-- هدر -->
                <div class="flex flex-col md:flex-row md:items-center justify-between mb-8">
                  <div>
                    <h2 class="text-xl md:text-2xl font-bold text-gray-800">
                      <span class="text-gray-600">دیدگاه‌ها برای</span> <?php echo esc_html($product_title); ?>
                    </h2>
                    <p class="mt-2 text-sm text-gray-500">تجربه‌ی شما به بقیه کمک می‌کنه انتخاب بهتری داشته باشن.</p>
                  </div>

                  <div class="mt-4 md:mt-0 flex items-center space-x-2 rtl:space-x-reverse">
                    <div class="flex items-center">
                      <div class="flex text-yellow-400">
                        <?php for($i=0;$i<$full;$i++) echo '<i class="ri-star-fill"></i>'; ?>
                        <?php if($half) echo '<i class="ri-star-half-fill"></i>'; ?>
                        <?php for($i=0;$i<$empty;$i++) echo '<i class="ri-star-line"></i>'; ?>
                      </div>
                      <span class="mr-2 text-gray-600">(<?php echo esc_html($avg_display); ?>)</span>
                    </div>
                    <span class="text-gray-400">•</span>
                    <span class="text-gray-600"><?php echo esc_html($review_count); ?> دیدگاه</span>
                  </div>
                </div>

                <!-- لیست نظرات -->
                <div class="bg-white">
                  <?php if ( ! empty($all_comments) ) : ?>
                    <div class="space-y-6">
                      <?php
                      wp_list_comments([
                        'callback'          => 'nikan_wc_review_comment_callback',
                        'style'             => 'div',
                        'per_page'          => 0,
                        'reverse_top_level' => false,
                        'reverse_children'  => false,
                      ], $all_comments);
                      ?>
                    </div>

                    <style>
                      /* کل بخش سفید */
                      #tab-reviews .bg-white { background: #fff !important; }
                      /* پیشفرض: فرم مخفی */
                      #tab-reviews .nikan-review-form{
                        display: none !important;
                      }

                      /* فقط وقتی تب reviews نمایش داده می‌شود (hidden نیست) فرم نمایش داده شود */
                      #tab-reviews:not(.hidden) .nikan-review-form{
                        display: block !important;
                      }


                      /* داخل‌تر شدن پاسخ‌ها */
                      #tab-reviews .children { margin-top: 14px; margin-right: 26px; padding-right: 14px; }
                      #tab-reviews .children > li { list-style: none; margin-top: 14px; }

                      /* کارت پاسخ‌ها متمایزتر */
                      #tab-reviews .nikan-reply-wrap { margin-top: 14px; }
                      #tab-reviews .nikan-reply-wrap > .comment { box-shadow: 0 8px 18px rgba(59,130,246,.08); }

                      /* کارت کامنت اصلی کمی نرم‌تر */
                      #tab-reviews .nikan-top-wrap > .comment { box-shadow: 0 6px 16px rgba(17,24,39,.06); }
                    </style>

                  <?php else : ?>
                    <div class="border border-gray-200 rounded-xl p-5 text-gray-600 text-sm bg-white">
                      هنوز دیدگاهی ثبت نشده است. اولین نفر باشید
                    </div>
                  <?php endif; ?>



                  <!-- فرم ارسال نظر -->
                <div class="nikan-review-form bg-white rounded-xl border border-gray-200 p-5 md:p-7 mt-2">
                  <h3 class="text-lg font-bold text-gray-800 mb-6">دیدگاه خود را بنویسید</h3>

                  <?php
                  $commenter = wp_get_current_commenter();
                  $req       = get_option('require_name_email');
                  $aria_req  = $req ? " aria-required='true' required" : "";

                  $rating_html = '';
                  if ( function_exists('wc_review_ratings_enabled') && wc_review_ratings_enabled() ) {
                    $rating_html = '
                      <div class="bg-gray-50 p-4 rounded-lg border border-gray-200">
                        <label class="block text-sm font-medium text-gray-700 mb-3">
                          امتیاز شما <span class="text-red-500">*</span>
                        </label>
                        <div class="rating-stars flex space-x-1 rtl:space-x-reverse" data-rating-wrap="1">
                          <button type="button" class="star-btn text-2xl text-gray-300 hover:text-yellow-400 transition-colors" data-rating="1"><i class="ri-star-line"></i></button>
                          <button type="button" class="star-btn text-2xl text-gray-300 hover:text-yellow-400 transition-colors" data-rating="2"><i class="ri-star-line"></i></button>
                          <button type="button" class="star-btn text-2xl text-gray-300 hover:text-yellow-400 transition-colors" data-rating="3"><i class="ri-star-line"></i></button>
                          <button type="button" class="star-btn text-2xl text-gray-300 hover:text-yellow-400 transition-colors" data-rating="4"><i class="ri-star-line"></i></button>
                          <button type="button" class="star-btn text-2xl text-gray-300 hover:text-yellow-400 transition-colors" data-rating="5"><i class="ri-star-line"></i></button>
                        </div>
                        <input type="hidden" id="rating" name="rating" value="0">
                        <div class="mt-2 text-sm text-gray-500" id="rating-text">هنوز امتیازی انتخاب نکرده‌اید</div>
                      </div>
                    ';
                  }

                  comment_form([
                    'title_reply'          => '',
                    'title_reply_before'   => '',
                    'title_reply_after'    => '',

                    'class_form'           => 'space-y-6 bg-white',

                    'fields'               => [
                      'author' =>
                        '<div>
                          <label for="author" class="block text-sm font-medium text-gray-700 mb-2">نام <span class="text-red-500">*</span></label>
                          <input type="text" id="author" name="author"
                            class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 transition-all"
                            placeholder="نام شما"
                            value="' . esc_attr($commenter['comment_author']) . '"' . $aria_req . '>
                        </div>',

                      'email' =>
                        '<div>
                          <label for="email" class="block text-sm font-medium text-gray-700 mb-2">ایمیل <span class="text-red-500">*</span></label>
                          <input type="email" id="email" name="email"
                            class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 transition-all"
                            placeholder="email@example.com"
                            value="' . esc_attr($commenter['comment_author_email']) . '"' . $aria_req . '>
                        </div>',
                    ],

                    'comment_field'        =>
                      $rating_html . '
                      <div>
                        <label for="comment" class="block text-gray-700 mb-2 font-medium">دیدگاه *</label>
                        <textarea id="comment" name="comment" rows="6"
                          class="w-full p-4 border border-gray-300 rounded-lg focus:border-blue-500 focus:ring-2 focus:ring-blue-100 outline-none"
                          aria-required="true" required></textarea>
                      </div>',

                    // ✅ جای درست پیام‌ها
                    'comment_notes_before' => '',
                    'comment_notes_after'  => '<p class="mt-3 text-sm text-gray-500">نشانی ایمیل شما منتشر نخواهد شد.</p>',

                    // ✅ با این، دکمه داخل wrapper تمیز میاد
                    'submit_field'         => '<div class="pt-4">%1$s %2$s</div>',

                    // ✅ submit_button باید فقط خود دکمه باشه
                    'submit_button'        =>
                      '<button type="submit"
                        class="inline-flex items-center justify-center px-6 py-3 bg-blue-600 text-white font-medium rounded-lg hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 transition-all">
                        <i class="ri-send-plane-line ml-2"></i>
                        ثبت دیدگاه
                      </button>',

                    // ✅ کوکی‌ها (اگر نمی‌خوای، بگو حذفش کنم)
                    'cookies'              =>
                      '<div class="flex items-center">
                        <input id="wp-comment-cookies-consent" name="wp-comment-cookies-consent" type="checkbox" value="yes"
                          class="w-4 h-4 text-blue-600 border-gray-300 rounded">
                        <label for="wp-comment-cookies-consent" class="mr-2 text-sm text-gray-700">
                          ذخیره نام، ایمیل و وبسایت من در مرورگر برای زمانی که دوباره دیدگاهی می‌نویسم.
                        </label>
                      </div>',

                    'logged_in_as'         => '',
                    'must_log_in'          => '<p class="text-sm text-gray-600">برای ثبت دیدگاه باید وارد حساب کاربری شوید.</p>',
                  ]);
                  ?>
                </div>



                </div>
                <!-- اسکریپت ستاره‌ها -->
                <script>
                (function(){
                  var wrap = document.querySelector('#tab-reviews [data-rating-wrap="1"]');
                  if(!wrap) return;

                  var buttons = wrap.querySelectorAll('.star-btn');
                  var ratingInput = document.getElementById('rating');
                  var ratingText  = document.getElementById('rating-text');

                  function setStars(val){
                    buttons.forEach(function(btn){
                      var r = parseInt(btn.getAttribute('data-rating'), 10);
                      var icon = btn.querySelector('i');
                      if(!icon) return;
                      if(r <= val){
                        btn.classList.remove('text-gray-300');
                        btn.classList.add('text-yellow-400');
                        icon.className = 'ri-star-fill';
                      }else{
                        btn.classList.add('text-gray-300');
                        btn.classList.remove('text-yellow-400');
                        icon.className = 'ri-star-line';
                      }
                    });

                    if(ratingText){
                      ratingText.textContent = val > 0 ? ('امتیاز انتخاب‌شده: ' + val) : 'هنوز امتیازی انتخاب نکرده‌اید';
                    }
                  }

                  buttons.forEach(function(btn){
                    btn.addEventListener('click', function(){
                      var val = parseInt(btn.getAttribute('data-rating'), 10) || 0;
                      if(ratingInput) ratingInput.value = String(val);
                      setStars(val);
                    });
                  });

                  var current = ratingInput ? parseInt(ratingInput.value || '0', 10) : 0;
                  setStars(current);
                })();
                </script>

              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- سایر محصولات  -->

      <div>
        <!-- اضافه کردن در آینده -->
      </div>
        
     </main>

<!-- پاپ‌آپ افزودن به سبد خرید -->
<div id="add-to-cart-popup" class="fixed inset-0 bg-black/50 z-50 hidden flex items-center justify-center">
    <div class="bg-white rounded-2xl p-6 md:p-8 max-w-md w-full mx-4 shadow-2xl">
        <div class="text-center">
            <div class="w-16 h-16 bg-green-100 rounded-full flex items-center justify-center mx-auto mb-4">
                <i class="ri-checkbox-circle-fill text-green-600 text-3xl"></i>
            </div>
            <h3 class="text-xl font-bold text-gray-800 mb-2">محصول به سبد خرید اضافه شد</h3>
            <p class="text-gray-600 mb-6">چه کاری می‌خواهید انجام دهید؟</p>
            
            <div class="flex flex-col sm:flex-row gap-3">
                <a href="<?php echo esc_url(wc_get_cart_url()); ?>" class="flex-1 bg-blue-600 text-white px-6 py-3 rounded-lg font-semibold hover:bg-blue-700 transition text-center no-underline">
                    مشاهده سبد خرید
                </a>
                <button onclick="closeAddToCartPopup()" class="flex-1 bg-gray-100 text-gray-700 px-6 py-3 rounded-lg font-semibold hover:bg-gray-200 transition">
                    ادامه خرید
                </button>
            </div>
        </div>
    </div>
</div>

<script>
// تابع تغییر تصویر اصلی
function changeMainImage(thumb, fullImage) {
    document.getElementById('main-product-image').src = fullImage;
    // تغییر border thumbnail ها
    document.querySelectorAll('.thumbnail-img').forEach(img => {
        img.classList.remove('border-blue-500');
        img.classList.add('border-zinc-300');
    });
    thumb.classList.remove('border-zinc-300');
    thumb.classList.add('border-blue-500');
}

// مدیریت پاپ‌آپ
function closeAddToCartPopup() {
    document.getElementById('add-to-cart-popup').classList.add('hidden');
    document.getElementById('add-to-cart-popup').classList.remove('flex');
}

// مدیریت quantity
function increaseQuantity(btn) {
    var input = btn.parentElement.querySelector('input[type="number"]');
    var current = parseInt(input.value) || 1;
    var max = parseInt(input.max) || 999;
    if (current < max) {
        input.value = current + 1;
    }
}

function decreaseQuantity(btn) {
    var input = btn.parentElement.querySelector('input[type="number"]');
    var current = parseInt(input.value) || 1;
    var min = parseInt(input.min) || 1;
    if (current > min) {
        input.value = current - 1;
    }
}

// نمایش پاپ‌آپ بعد از افزودن به سبد خرید
jQuery(document).ready(function($) {
    // برای محصولات ساده - استفاده از click event به جای submit
    $(document).on('click', 'form.cart:not(.variations_form) .single_add_to_cart_button', function(e) {
        e.preventDefault();
        var $btn = $(this);
        var originalText = $btn.find('span').text();
        var originalHtml = $btn.html();
        
        // غیرفعال کردن دکمه بلافاصله
        $btn.prop('disabled', true);
        $btn.find('span').text('در حال افزودن...');
        $btn.append('<i class="ri-loader-4-line animate-spin ml-2"></i>');
        
        var form = $btn.closest('form');
        var productId = form.find('button[name="add-to-cart"]').val() || form.find('input[name="add-to-cart"]').val();
        
        if (!productId) {
            $btn.prop('disabled', false);
            $btn.html(originalHtml);
            return;
        }
        
        var quantity = form.find('input[name="quantity"]').val() || 1;
        
        $.ajax({
            type: 'POST',
            url: wc_add_to_cart_params.ajax_url,
            data: {
                action: 'woocommerce_add_to_cart',
                product_id: productId,
                quantity: quantity
            },
            success: function(response) {
                if (response.error) {
                    alert(response.error_message);
                    $btn.prop('disabled', false);
                    $btn.html(originalHtml);
                } else {
                    // نمایش پاپ‌آپ
                    $('#add-to-cart-popup').removeClass('hidden').addClass('flex');
                    // به‌روزرسانی تعداد سبد خرید
                    $('body').trigger('update_checkout');
                    // فعال کردن دکمه بعد از نمایش پاپ‌آپ
                    setTimeout(function() {
                        $btn.prop('disabled', false);
                        $btn.html(originalHtml);
                    }, 100);
                }
            },
            error: function() {
                alert('خطا در افزودن محصول به سبد خرید');
                $btn.prop('disabled', false);
                $btn.html(originalHtml);
            }
        });
    });
    
    // برای محصولات متغیر - افزودن به سبد خرید با پاپ‌آپ
    $('.variations_form').on('click', '.single_add_to_cart_button', function(e) {
        if ($(this).prop('disabled')) {
            return;
        }
        
        e.preventDefault();
        var $btn = $(this);
        var originalText = $btn.find('span').text();
        var originalHtml = $btn.html();
        
        // غیرفعال کردن دکمه بلافاصله
        $btn.prop('disabled', true);
        $btn.find('span').text('در حال افزودن...');
        $btn.append('<i class="ri-loader-4-line animate-spin ml-2"></i>');
        
        var form = $btn.closest('form');
        var formData = form.serialize();
        
        $.ajax({
            type: 'POST',
            url: wc_add_to_cart_params.ajax_url,
            data: formData + '&action=woocommerce_add_to_cart',
            success: function(response) {
                if (response.error) {
                    alert(response.error_message);
                    $btn.prop('disabled', false);
                    $btn.html(originalHtml);
                } else {
                    // نمایش پاپ‌آپ
                    $('#add-to-cart-popup').removeClass('hidden').addClass('flex');
                    $('body').trigger('update_checkout');
                    // فعال کردن دکمه بعد از نمایش پاپ‌آپ
                    setTimeout(function() {
                        $btn.prop('disabled', false);
                        $btn.html(originalHtml);
                    }, 100);
                }
            },
            error: function() {
                alert('خطا در افزودن محصول به سبد خرید');
                $btn.prop('disabled', false);
                $btn.html(originalHtml);
            }
        });
    });
    
    // برای محصولات متغیر - به‌روزرسانی قیمت
    $('.variations_form').on('found_variation', function(event, variation) {
        // بررسی موجود بودن محصول
        var isInStock = variation.is_in_stock !== false && variation.is_purchasable !== false;
        var availabilityHtml = variation.availability_html || '';
        var isOutOfStock = availabilityHtml.includes('out-of-stock') || availabilityHtml.includes('ناموجود') || !isInStock;
        
        // به‌روزرسانی قیمت
        var priceWrapper = $('#product-price-wrapper');
        if (!priceWrapper.length) {
            console.error('priceWrapper not found');
            return;
        }
        var priceHtml = '';
        
        if (isOutOfStock) {
            // اگر محصول ناموجود است، فقط پیام ناموجود نمایش بده
            priceHtml = '<div class="flex items-center gap-2 text-red-600">';
            priceHtml += '<i class="ri-close-circle-line text-xl"></i>';
            priceHtml += '<span class="text-lg sm:text-xl font-bold">ناموجود</span>';
            priceHtml += '</div>';
        } else {
            // اگر محصول موجود است، قیمت را نمایش بده
            var regularPrice = variation.display_regular_price || variation.regular_price;
            var salePrice = variation.display_price || variation.price;
            var isOnSale = variation.is_on_sale || (regularPrice && salePrice && parseFloat(regularPrice) > parseFloat(salePrice));
            
            if (isOnSale && regularPrice > 0) {
                priceHtml += '<div class="flex items-center gap-2 text-zinc-400 mb-1">';
                priceHtml += '<span class="text-sm sm:text-base line-through">' + wc_format_price(regularPrice) + '</span>';
                priceHtml += '<span class="text-xs line-through">تومان</span>';
                priceHtml += '</div>';
            }
            
            priceHtml += '<div class="flex items-center gap-2 text-emerald-700">';
            priceHtml += '<span class="text-2xl sm:text-3xl font-bold">' + wc_format_price(salePrice) + ' <span class="text-xs sm:text-sm font-bold">تومان</span></span>';
            priceHtml += '</div>';
        }
        
        priceWrapper.html(priceHtml);
        
        // به‌روزرسانی درصد تخفیف (فقط اگر محصول موجود باشد)
        if (!isOutOfStock) {
            var regularPrice = variation.display_regular_price || variation.regular_price;
            var salePrice = variation.display_price || variation.price;
            var isOnSale = variation.is_on_sale || (regularPrice && salePrice && parseFloat(regularPrice) > parseFloat(salePrice));
            
            if (isOnSale && regularPrice && salePrice) {
                var discountPct = Math.round(((parseFloat(regularPrice) - parseFloat(salePrice)) / parseFloat(regularPrice)) * 100);
                if (discountPct > 0) {
                    $('.absolute.top-3.right-3 span.font-bold').text(discountPct);
                    $('.absolute.top-3.right-3').show();
                } else {
                    $('.absolute.top-3.right-3').hide();
                }
            } else {
                $('.absolute.top-3.right-3').hide();
            }
        } else {
            $('.absolute.top-3.right-3').hide();
        }
        
        // به‌روزرسانی تایمر
        // اگر یکی از variations تاریخ داشته باشد، تایمر همیشه نمایش داده می‌شود
        var timerContainer = $('#productDiscountTimerContainer');
        if (timerContainer.length) {
            // بررسی اینکه آیا یکی از variations تاریخ دارد
            var hasVariationWithDate = false;
            var form = $('.variations_form');
            if (form.length) {
                var variationsData = form.data('product_variations');
                if (variationsData && Array.isArray(variationsData)) {
                    for (var i = 0; i < variationsData.length; i++) {
                        var v = variationsData[i];
                        if ((v.nikan_sale_end_date && v.nikan_sale_end_date !== '') || (v.nikan_sale_to && v.nikan_sale_to > 0)) {
                            hasVariationWithDate = true;
                            break;
                        }
                    }
                }
            }
            
            // اگر یکی از variations تاریخ دارد، تایمر را همیشه نمایش بده
            if (hasVariationWithDate) {
                timerContainer.show();
                
                // اگر variation فعلی تاریخ دارد، از آن استفاده کن
                if (variation.nikan_sale_end_date && variation.nikan_sale_end_date !== '') {
                    // استفاده از تاریخ رشته‌ای
                    $('#productDiscountTimer').attr('data-end-date', variation.nikan_sale_end_date);
                    if (typeof initDiscountTimer === 'function') {
                        initDiscountTimer();
                    }
                } else if (variation.nikan_sale_to && variation.nikan_sale_to > 0) {
                    // استفاده از timestamp
                    var endDate = new Date(variation.nikan_sale_to * 1000);
                    $('#productDiscountTimer').attr('data-end-date', endDate.toISOString().slice(0, 19).replace('T', ' '));
                    if (typeof initDiscountTimer === 'function') {
                        initDiscountTimer();
                    }
                } else {
                    // اگر variation فعلی تاریخ ندارد، از اولین variation با تاریخ استفاده کن
                    if (form.length) {
                        var variationsData = form.data('product_variations');
                        if (variationsData && Array.isArray(variationsData)) {
                            for (var i = 0; i < variationsData.length; i++) {
                                var v = variationsData[i];
                                if (v.nikan_sale_end_date && v.nikan_sale_end_date !== '') {
                                    $('#productDiscountTimer').attr('data-end-date', v.nikan_sale_end_date);
                                    if (typeof initDiscountTimer === 'function') {
                                        initDiscountTimer();
                                    }
                                    break;
                                } else if (v.nikan_sale_to && v.nikan_sale_to > 0) {
                                    var endDate = new Date(v.nikan_sale_to * 1000);
                                    $('#productDiscountTimer').attr('data-end-date', endDate.toISOString().slice(0, 19).replace('T', ' '));
                                    if (typeof initDiscountTimer === 'function') {
                                        initDiscountTimer();
                                    }
                                    break;
                                }
                            }
                        }
                    }
                }
            } else {
                // اگر هیچ variation تاریخ نداشت، تایمر را مخفی کن
                timerContainer.hide();
            }
        }
    });
    
    // تابع کمکی برای فرمت قیمت
    function wc_format_price(price) {
        if (!price) return '0';
        return parseFloat(price).toLocaleString('fa-IR');
    }
    
    // برای سایر محصولات
    $('.related-add-to-cart').on('click', function() {
        var productId = $(this).data('product-id');
        var quantity = 1;
        
        $.ajax({
            type: 'POST',
            url: wc_add_to_cart_params.ajax_url,
            data: {
                action: 'woocommerce_add_to_cart',
                product_id: productId,
                quantity: quantity
            },
            success: function(response) {
                if (response.error) {
                    alert(response.error_message);
                } else {
                    $('#add-to-cart-popup').removeClass('hidden').addClass('flex');
                    $('body').trigger('update_checkout');
                }
            }
        });
    });
    
    // تایمر تخفیف
    function initDiscountTimer() {
        var timerEl = document.getElementById('productDiscountTimer');
        if (!timerEl) return;
        
        var endDateStr = timerEl.getAttribute('data-end-date');
        if (!endDateStr) return;
        
        // تبدیل تاریخ به timestamp
        var endDate = new Date(endDateStr.replace(' ', 'T'));
        var endTime = endDate.getTime();
        
        // تابع تبدیل اعداد به فارسی (بهبود یافته)
        function toPersian(num) {
            if (num === null || num === undefined) return '۰۰';
            var persian = ['۰', '۱', '۲', '۳', '۴', '۵', '۶', '۷', '۸', '۹'];
            var numStr = String(num);
            var result = '';
            for (var i = 0; i < numStr.length; i++) {
                var char = numStr.charAt(i);
                if (char >= '0' && char <= '9') {
                    result += persian[parseInt(char)];
                } else {
                    result += char;
                }
            }
            return result;
        }
        
        // تابع به‌روزرسانی اعداد با تبدیل فوری به فارسی
        function updateTimerValue(elementId, value) {
            var element = document.getElementById(elementId);
            if (!element) return;
            var numStr = String(value).padStart(2, '0');
            var persianValue = toPersian(numStr);
            // تنظیم فونت برای اطمینان از نمایش صحیح اعداد فارسی
            element.style.fontFamily = "'YekanBakh', system-ui, -apple-system, sans-serif";
            element.style.fontVariantNumeric = 'normal';
            element.style.letterSpacing = '0';
            // استفاده از textContent برای اطمینان از نمایش صحیح
            element.textContent = persianValue;
        }
        
        function updateTimer() {
            var now = new Date().getTime();
            var distance = endTime - now;
            
            if (distance < 0) {
                // تایمر تمام شد
                updateTimerValue('timer-days', 0);
                updateTimerValue('timer-hours', 0);
                updateTimerValue('timer-minutes', 0);
                updateTimerValue('timer-seconds', 0);
                return;
            }
            
            var days = Math.floor(distance / (1000 * 60 * 60 * 24));
            var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
            var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
            var seconds = Math.floor((distance % (1000 * 60)) / 1000);
            
            // به‌روزرسانی با تبدیل فوری به فارسی
            updateTimerValue('timer-days', days);
            updateTimerValue('timer-hours', hours);
            updateTimerValue('timer-minutes', minutes);
            updateTimerValue('timer-seconds', seconds);
            
            // محاسبه درصد پیشرفت (فرض: تخفیف 30 روزه)
            var totalDays = 30;
            var elapsed = totalDays - days;
            var progress = Math.min((elapsed / totalDays) * 100, 100);
            var progressBar = document.getElementById('discountProgressBar');
            if (progressBar) {
                progressBar.style.width = progress + '%';
            }
        }
        
        // اجرای فوری برای نمایش اولیه
        updateTimer();
        // تنظیم interval
        setInterval(updateTimer, 1000);
    }
    
    // شروع تایمر
    if (document.getElementById('productDiscountTimer')) {
        initDiscountTimer();
    }
    
    // مدیریت امتیازدهی ستاره‌ها در فرم نظرات
    var starButtons = document.querySelectorAll('.star-btn');
    var ratingInput = document.getElementById('rating-value');
    var ratingText = document.getElementById('rating-text');
    
    if (starButtons.length && ratingInput && ratingText) {
        starButtons.forEach(function(btn, index) {
            btn.addEventListener('click', function() {
                var rating = parseInt(this.getAttribute('data-rating'));
                ratingInput.value = rating;
                
                // به‌روزرسانی نمایش ستاره‌ها
                starButtons.forEach(function(star, i) {
                    if (i < rating) {
                        star.classList.remove('text-gray-300');
                        star.classList.add('text-yellow-400');
                        star.querySelector('i').classList.remove('ri-star-line');
                        star.querySelector('i').classList.add('ri-star-fill');
                    } else {
                        star.classList.remove('text-yellow-400');
                        star.classList.add('text-gray-300');
                        star.querySelector('i').classList.remove('ri-star-fill');
                        star.querySelector('i').classList.add('ri-star-line');
                    }
                });
                
                // به‌روزرسانی متن
                var ratingTexts = {
                    1: 'خیلی بد',
                    2: 'بد',
                    3: 'متوسط',
                    4: 'خوب',
                    5: 'عالی'
                };
                ratingText.textContent = ratingTexts[rating] || 'امتیاز انتخاب شده: ' + rating;
            });
            
            // hover effect
            btn.addEventListener('mouseenter', function() {
                var hoverRating = parseInt(this.getAttribute('data-rating'));
                starButtons.forEach(function(star, i) {
                    if (i < hoverRating) {
                        star.classList.add('text-yellow-400');
                    }
                });
            });
            
            btn.addEventListener('mouseleave', function() {
                var currentRating = parseInt(ratingInput.value) || 0;
                starButtons.forEach(function(star, i) {
                    if (i >= currentRating) {
                        star.classList.remove('text-yellow-400');
                        star.classList.add('text-gray-300');
                    }
                });
            });
        });
    }
});
</script>

<?php
endwhile; // end of the loop.

get_footer();
