fix

components/admin/products/ProductForm.tsx

@@ -17,6 +17,11 @@ export default function ProductForm({ product, packageName, onSubmit, onCancel,
         title: '',
         price: 0,
         type: 4, // Default to monthly
+        discounted_price: '',
+        daily_price: '',
+        discount: '',
+        is_best_seller: false,
+        sort_order: 0,
     });
 
     const [descriptions, setDescriptions] = useState<string[]>([]);
@@ -28,16 +33,26 @@ export default function ProductForm({ product, packageName, onSubmit, onCancel,
                 title: product.title || '',
                 price: product.price || 0,
                 type: product.type || 4,
+                discounted_price: product.discounted_price || '',
+                daily_price: product.daily_price || '',
+                discount: product.discount || '',
+                is_best_seller: product.is_best_seller || false,
+                sort_order: product.sort_order || 0,
             });
             setDescriptions(product.descriptions || []);
         }
     }, [product]);
 
     const handleInputChange = (e: React.ChangeEvent<HTMLInputElement | HTMLSelectElement>) => {
-        const { name, value } = e.target;
+        const { name, value, type } = e.target;
+        if (type === 'checkbox') {
+            const { checked } = e.target as HTMLInputElement;
+            setFormData(prev => ({ ...prev, [name]: checked }));
+            return;
+        }
         setFormData(prev => ({
             ...prev,
-            [name]: name === 'price' ? parseInt(value) || 0 : value,
+            [name]: name === 'price' || name === 'sort_order' ? parseInt(value) || 0 : value,
         }));
     };
 
@@ -127,6 +142,91 @@ export default function ProductForm({ product, packageName, onSubmit, onCancel,
                         ))}
                     </select>
                 </div>
+
+                {/* Discounted price (display only) */}
+                <div>
+                    <label htmlFor="discounted_price" className="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">
+                        قیمت کلی تخفیف خورده <span className="text-xs text-gray-400">(فقط نمایشی)</span>
+                    </label>
+                    <input
+                        type="text"
+                        id="discounted_price"
+                        name="discounted_price"
+                        value={formData.discounted_price || ''}
+                        onChange={handleInputChange}
+                        dir="rtl"
+                        className="block w-full px-3 py-2 text-slate-900 dark:text-gray-100 border border-gray-300 dark:border-gray-600 rounded-md shadow-sm focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm dark:bg-gray-800 dark:placeholder-gray-500 transition-colors"
+                        placeholder="مثال: ۱٬۴۶۰٬۰۰۰"
+                    />
+                </div>
+
+                {/* Daily price (display only) */}
+                <div>
+                    <label htmlFor="daily_price" className="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">
+                        قیمت روزانه <span className="text-xs text-gray-400">(فقط نمایشی)</span>
+                    </label>
+                    <input
+                        type="text"
+                        id="daily_price"
+                        name="daily_price"
+                        value={formData.daily_price || ''}
+                        onChange={handleInputChange}
+                        dir="rtl"
+                        className="block w-full px-3 py-2 text-slate-900 dark:text-gray-100 border border-gray-300 dark:border-gray-600 rounded-md shadow-sm focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm dark:bg-gray-800 dark:placeholder-gray-500 transition-colors"
+                        placeholder="مثال: معادل روزانه ۴٬۰۰۰ تومان"
+                    />
+                </div>
+
+                {/* Discount (display only) */}
+                <div>
+                    <label htmlFor="discount" className="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">
+                        تخفیف <span className="text-xs text-gray-400">(فقط نمایشی)</span>
+                    </label>
+                    <input
+                        type="text"
+                        id="discount"
+                        name="discount"
+                        value={formData.discount || ''}
+                        onChange={handleInputChange}
+                        dir="rtl"
+                        className="block w-full px-3 py-2 text-slate-900 dark:text-gray-100 border border-gray-300 dark:border-gray-600 rounded-md shadow-sm focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm dark:bg-gray-800 dark:placeholder-gray-500 transition-colors"
+                        placeholder="مثال: ۵۵٪ تخفیف"
+                    />
+                </div>
+
+                {/* Sort order */}
+                <div>
+                    <label htmlFor="sort_order" className="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">
+                        ترتیب نمایش <span className="text-xs text-gray-400">(۰ بالاترین)</span>
+                    </label>
+                    <input
+                        type="number"
+                        id="sort_order"
+                        name="sort_order"
+                        min="0"
+                        value={formData.sort_order ?? 0}
+                        onChange={handleInputChange}
+                        className="block w-full px-3 py-2 text-slate-900 dark:text-gray-100 border border-gray-300 dark:border-gray-600 rounded-md shadow-sm focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm dark:bg-gray-800 dark:placeholder-gray-500 transition-colors"
+                        placeholder="0"
+                    />
+                </div>
+
+                {/* Best seller */}
+                <div className="md:col-span-2">
+                    <label className="flex items-center gap-2 cursor-pointer">
+                        <input
+                            type="checkbox"
+                            name="is_best_seller"
+                            checked={!!formData.is_best_seller}
+                            onChange={handleInputChange}
+                            className="h-4 w-4 text-indigo-600 border-gray-300 dark:border-gray-600 rounded focus:ring-indigo-500 dark:bg-gray-800"
+                        />
+                        <span className="text-sm font-medium text-gray-700 dark:text-gray-300">
+                            پرفروش‌ترین اشتراک
+                        </span>
+                        <span className="text-xs text-gray-400">(فقط برای یک محصول فعال می‌شود)</span>
+                    </label>
+                </div>
             </div>
 
             {/* Descriptions */}

components/admin/products/ProductList.tsx

@@ -43,17 +43,42 @@ export default function ProductList({ products, packageName, onEdit, onDelete, i
                         <div className="flex items-center justify-between">
                             <div className="flex-1 min-w-0">
                                 <div className="flex items-center justify-between">
-                                    <p className="text-sm font-medium text-indigo-600 dark:text-indigo-400 truncate">
-                                        {product.title || 'بدون عنوان'}
-                                    </p>
-                                    <span className="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-blue-100 text-blue-800 dark:bg-blue-900/30 dark:text-blue-300">
-                                        {getProductTypeLabel(product.type)}
-                                    </span>
+                                    <div className="flex items-center gap-2 min-w-0">
+                                        <p className="text-sm font-medium text-indigo-600 dark:text-indigo-400 truncate">
+                                            {product.title || 'بدون عنوان'}
+                                        </p>
+                                        {product.is_best_seller && (
+                                            <span className="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-amber-100 text-amber-800 dark:bg-amber-900/30 dark:text-amber-300 whitespace-nowrap">
+                                                پرفروش‌ترین
+                                            </span>
+                                        )}
+                                    </div>
+                                    <div className="flex items-center gap-2 flex-shrink-0">
+                                        <span className="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-gray-100 text-gray-700 dark:bg-gray-800 dark:text-gray-300">
+                                            ترتیب: {product.sort_order ?? 0}
+                                        </span>
+                                        <span className="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-blue-100 text-blue-800 dark:bg-blue-900/30 dark:text-blue-300">
+                                            {getProductTypeLabel(product.type)}
+                                        </span>
+                                    </div>
                                 </div>
                                 <div className="mt-2">
                                     <p className="text-sm text-gray-900 dark:text-gray-100">
                                         قیمت: {formatPrice(product.price)} تومان
                                     </p>
+                                    {(product.discounted_price || product.daily_price || product.discount) && (
+                                        <div className="mt-1 flex flex-wrap gap-x-4 gap-y-1 text-xs text-gray-600 dark:text-gray-400">
+                                            {product.discounted_price && (
+                                                <span>قیمت تخفیف‌خورده: {product.discounted_price}</span>
+                                            )}
+                                            {product.daily_price && (
+                                                <span>قیمت روزانه: {product.daily_price}</span>
+                                            )}
+                                            {product.discount && (
+                                                <span>تخفیف: {product.discount}</span>
+                                            )}
+                                        </div>
+                                    )}
                                     {product.descriptions && product.descriptions.length > 0 && (
                                         <div className="mt-2">
                                             <p className="text-xs text-gray-500 dark:text-gray-400 mb-1">ویژگی‌ها:</p>

lib/api/client.ts

@@ -15,6 +15,9 @@ class ApiClient {
         const { token, ...fetchOptions } = options;
 
         const headers: Record<string, string> = {
+            // Always ask for JSON so Laravel returns 401 JSON on auth failure
+            // instead of a 302 redirect to the login page.
+            Accept: 'application/json',
             ...(options.headers as Record<string, string> || {}),
         };
 

lib/api/products.ts

@@ -24,6 +24,9 @@ export const productsApi = {
                     value.forEach((desc, index) => {
                         formData.append(`descriptions[${index}]`, desc);
                     });
+                } else if (typeof value === 'boolean') {
+                    // Laravel's boolean rule accepts "1"/"0", not "true"/"false"
+                    formData.append(key, value ? '1' : '0');
                 } else {
                     formData.append(key, String(value));
                 }
@@ -58,6 +61,9 @@ export const productsApi = {
                     value.forEach((desc, index) => {
                         formData.append(`descriptions[${index}]`, desc);
                     });
+                } else if (typeof value === 'boolean') {
+                    // Laravel's boolean rule accepts "1"/"0", not "true"/"false"
+                    formData.append(key, value ? '1' : '0');
                 } else {
                     formData.append(key, String(value));
                 }

next.config.ts

@@ -2,5 +2,8 @@ import type { NextConfig } from "next";
 
 const nextConfig: NextConfig = {
    output: 'export',
+   // Emit each route as a folder with index.html (e.g. admin/login/index.html)
+   // so static hosts (nginx) can serve clean URLs without custom rewrite rules.
+   trailingSlash: true,
 };
 export default nextConfig;

types/product.ts

@@ -8,6 +8,12 @@ export interface Product {
     created_at: string;
     updated_at: string;
     descriptions: string[] | null;
+    // Display-only text fields (no calculation)
+    discounted_price: string | null; // قیمت کلی تخفیف خورده
+    daily_price: string | null;      // قیمت روزانه
+    discount: string | null;         // تخفیف
+    is_best_seller: boolean;         // پرفروش‌ترین
+    sort_order: number;              // ترتیب (۰ بالاترین)
 }
 
 export interface CreateProductData {
@@ -15,6 +21,11 @@ export interface CreateProductData {
     price: number;
     type: number;
     descriptions?: string[];
+    discounted_price?: string;
+    daily_price?: string;
+    discount?: string;
+    is_best_seller?: boolean;
+    sort_order?: number;
 }
 
 export interface UpdateProductData {
@@ -22,6 +33,11 @@ export interface UpdateProductData {
     price?: number;
     type?: number;
     descriptions?: string[];
+    discounted_price?: string;
+    daily_price?: string;
+    discount?: string;
+    is_best_seller?: boolean;
+    sort_order?: number;
 }
 
 export interface ApiResponse<T> {