fix: allow submit when picking an existing patient

Backend requires a valid national code for every appointment, but a picked
patient record may have none stored. Show a selected-patient card with an
editable national-code field (prefilled from the record) so submit can
enable. Add happy-path and boundary tests for the picked-patient flow.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

assets/admin/pages/AppointmentCreatePage.tsx

@@ -194,15 +194,35 @@ export default function AppointmentCreatePage() {
             {!picked && patients.length > 0 && (
               <div style={{ border: '1px solid var(--border)', borderRadius: 'var(--r-sm)', marginBottom: 10, overflow: 'hidden', maxWidth: 400 }}>
                 {patients.map(p => (
-                  <button key={p.uuid} onClick={() => setPicked(p)} style={{
-                    display: 'block', width: '100%', padding: '8px 10px', fontSize: 13, textAlign: 'right',
-                    background: 'transparent', border: 'none', cursor: 'pointer', fontFamily: 'inherit',
-                  }}>
+                  <button key={p.uuid}
+                    onClick={() => { setPicked(p); setNationalCode((p.user_national_code ?? '').replace(/\D/g, '').slice(0, 10)); }}
+                    style={{
+                      display: 'block', width: '100%', padding: '8px 10px', fontSize: 13, textAlign: 'right',
+                      background: 'transparent', border: 'none', cursor: 'pointer', fontFamily: 'inherit',
+                    }}>
                     {p.user_name} <span style={{ color: 'var(--text-3)', direction: 'ltr' }}>{p.user_mobile}</span>
                   </button>
                 ))}
               </div>
             )}
+
+            {/* کارت بیمارِ انتخاب‌شده + کد ملی (برای ثبت نوبت الزامی است) */}
+            {picked && (
+              <div style={{ maxWidth: 400, border: '1px solid var(--border-2)', borderRadius: 'var(--r-sm)', padding: 12, marginBottom: 8 }}>
+                <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', marginBottom: 10 }}>
+                  <span style={{ fontSize: 13.5, fontWeight: 600 }}>
+                    {picked.user_name} <span style={{ color: 'var(--text-3)', direction: 'ltr', fontWeight: 400 }}>{picked.user_mobile}</span>
+                  </span>
+                  <button type="button" className="btn sm ghost"
+                    onClick={() => { setPicked(null); setNationalCode(''); }}>تغییر</button>
+                </div>
+                <label style={label}>کد ملی</label>
+                <div className="field" style={{ marginTop: 6, height: 44 }}>
+                  <input value={nationalCode} onChange={e => setNationalCode(e.target.value.replace(/\D/g, '').slice(0, 10))}
+                    placeholder="کد ملی مراجعه کننده" dir="ltr" inputMode="numeric" maxLength={10} />
+                </div>
+              </div>
+            )}
           </>
         )}