feat(insurance): free-visit price field on pricing page

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

assets/admin/components/FreeVisitPrice.tsx

@@ -0,0 +1,55 @@
+import { useEffect, useState } from 'react';
+import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query';
+import { toast } from 'sonner';
+import { api } from '../lib/api';
+import { formatRial } from '../lib/utils';
+
+interface Pricing { free_visit_price_rials: number }
+
+export default function FreeVisitPrice() {
+  const qc = useQueryClient();
+  const [value, setValue] = useState('');
+
+  const { data } = useQuery<{ data: Pricing }>({
+    queryKey: ['insurance-pricing'],
+    queryFn: () => api.get('/api/v1/insurance-pricing'),
+  });
+  const pricing = (data as any)?.data as Pricing | undefined;
+
+  useEffect(() => {
+    if (pricing) setValue(String(pricing.free_visit_price_rials ?? 0));
+  }, [pricing]);
+
+  const saveMut = useMutation({
+    mutationFn: () => api.put('/api/v1/insurance-pricing', { free_visit_price_rials: Number(value) || 0 }),
+    onSuccess: () => {
+      toast.success('قیمت ویزیت ذخیره شد');
+      qc.invalidateQueries({ queryKey: ['insurance-pricing'] });
+    },
+    onError: (e: Error) => toast.error(e.message),
+  });
+
+  return (
+    <div className="card" style={{ padding: 20, marginBottom: 16 }}>
+      <h2 style={{ fontSize: 14, fontWeight: 700, margin: '0 0 4px' }}>قیمت ویزیت آزاد</h2>
+      <p style={{ fontSize: 12, color: 'var(--text-3)', margin: '0 0 12px', lineHeight: 1.7 }}>
+        مبلغ ویزیت بدون بیمه. در ثبت مراجعه، انتخاب بیمه درصد پوشش قرارداد را روی همین مبلغ اعمال می‌کند.
+      </p>
+      <div style={{ display: 'flex', alignItems: 'flex-end', gap: 10 }}>
+        <div style={{ display: 'flex', flexDirection: 'column', gap: 4 }}>
+          <label style={{ fontSize: 11.5, fontWeight: 600 }}>قیمت (ریال)</label>
+          <input
+            type="number" min={0} dir="ltr" className="input" style={{ width: 200 }}
+            value={value} onChange={(e) => setValue(e.target.value)}
+          />
+        </div>
+        <button className="btn primary sm" disabled={saveMut.isPending} onClick={() => saveMut.mutate()}>
+          {saveMut.isPending ? '...' : 'ذخیره'}
+        </button>
+        {value !== '' && (
+          <span style={{ fontSize: 12, color: 'var(--text-3)', marginBottom: 8 }}>{formatRial(Number(value) || 0)}</span>
+        )}
+      </div>
+    </div>
+  );
+}

assets/admin/pages/InsurancePricingPage.tsx

@@ -1,13 +1,15 @@
 import PageHeader from '../components/ui/PageHeader';
 import TenantInsuranceContracts from '../components/TenantInsuranceContracts';
+import FreeVisitPrice from '../components/FreeVisitPrice';
 
 export default function InsurancePricingPage() {
   return (
     <div className="fade-in">
       <PageHeader
-        title="قراردادهای بیمه"
-        description="بیمه‌های پایه و تکمیلی، درصد پوشش، فرانشیز و سقف تعهد"
+        title="بیمه و قیمت‌گذاری"
+        description="قیمت ویزیت آزاد و قراردادهای بیمه (پایه و تکمیلی)"
       />
+      <FreeVisitPrice />
       <TenantInsuranceContracts />
     </div>
   );