[Help] Add help/learning page + interactive guided app tour

New /Help page: quick-start, separate guides for کادر درمان (search/near-me/preferences/اعلام تمایل/saved) and مراکز درمانی (register/post/verify-with-docs/applicants), notifications+install, report/complaint, and an FAQ accordion. Self-hosted tour.js (no CDN, RTL): spotlights elements via data-tour hooks in the nav, auto-runs once for new visitors on the home page (localStorage flag), re-runnable from the Help page button or ?tour=1; skips steps whose target is hidden so it works on mobile/other pages. Help linked from nav + footer. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
2026-06-04 17:39:03 +03:30
parent 70bab6b916
commit 698565c460
4 changed files with 278 additions and 8 deletions
@@ -0,0 +1,105 @@
+@page
+@{
+    ViewData["Title"] = "راهنما و آموزش";
+    ViewData["Description"] = "راهنمای کامل استفاده از همکادر برای کادر درمان و مراکز درمانی: جستجوی شیفت و استخدام، اعلام تمایل، انتشار آگهی، تأیید مرکز و اعلان‌ها.";
+}
+
+<div class="page-head">
+    <div class="container">
+        <h1>راهنما و آموزش</h1>
+        <p class="muted">یاد بگیر چطور از همکادر بیشترین استفاده را ببری — برای کادر درمان و مراکز درمانی.</p>
+    </div>
+</div>
+
+<div class="container section" style="max-width:820px;">
+
+    <div class="rec-banner" style="margin-bottom:18px;">
+        <div>
+            <h2 style="margin:0 0 4px;">تور تعاملی برنامه</h2>
+            <span style="opacity:.9; font-size:14px;">در چند ثانیه بخش‌های اصلی را روی همین صفحه نشانت می‌دهیم.</span>
+        </div>
+        <div>
+            <button type="button" class="btn btn-outline" onclick="window.hamkadrTour &amp;&amp; window.hamkadrTour.start()">▶ شروع تور راهنما</button>
+        </div>
+    </div>
+
+    <div class="card card-pad legal" style="margin-bottom:14px;">
+        <h2>شروع سریع (۳ گام)</h2>
+        <ol style="padding-inline-start:20px; line-height:2;">
+            <li><strong>وارد شو</strong> — با شماره موبایل و کد پیامکی. هنگام ورود نوع حساب را انتخاب کن: «کادر درمان» یا «کارفرما / مرکز درمانی».</li>
+            <li><strong>تنظیم کن</strong> — اگر کادر درمانی، در «علاقه‌مندی‌ها» نقش و شهر را مشخص کن؛ اگر کارفرمایی، مرکزت را ثبت کن.</li>
+            <li><strong>شروع کن</strong> — فرصت‌ها را ببین و «اعلام تمایل» بده، یا آگهی منتشر کن.</li>
+        </ol>
+    </div>
+
+    <div class="card card-pad legal" style="margin-bottom:14px;">
+        <h2>👩‍⚕️ برای کادر درمان (کارجو)</h2>
+        <ul>
+            <li><strong>یافتن شیفت/استخدام:</strong> از منو وارد «شیفت‌ها» یا «استخدام» شو و با فیلترِ شهر، محله، نقش و نوع شیفت نتایج را محدود کن.</li>
+            <li><strong>نزدیک من:</strong> با اجازه‌ی دسترسی به موقعیت، نزدیک‌ترین فرصت‌ها بر اساس فاصله مرتب می‌شوند.</li>
+            <li><strong>علاقه‌مندی‌ها:</strong> نقش/شهر/نوع شیفت موردنظرت را ذخیره کن تا پیشنهادهای شخصی‌سازی‌شده و اعلانِ فرصت‌های تازه بگیری.</li>
+            <li><strong>اعلام تمایل:</strong> روی آگهی، دکمه‌ی «اعلام تمایل و مشاهده راه ارتباطی» را بزن تا اطلاعات تماس مرکز نمایش داده شود.</li>
+            <li><strong>ذخیره و حذف:</strong> فرصت‌های جالب را ذخیره کن یا «علاقه‌مند نیستم» را بزن تا پیشنهادها دقیق‌تر شوند.</li>
+            <li><strong>پنل کارجو:</strong> فرصت‌های ذخیره‌شده و فعالیت‌هایت را اینجا دنبال کن.</li>
+        </ul>
+    </div>
+
+    <div class="card card-pad legal" style="margin-bottom:14px;">
+        <h2>🏥 برای مراکز درمانی (کارفرما)</h2>
+        <ul>
+            <li><strong>ثبت مرکز:</strong> از «پنل کارفرما» مرکزت را ثبت کن و موقعیت را روی نقشه یا با «موقعیت فعلی من» مشخص کن.</li>
+            <li><strong>انتشار آگهی:</strong> شیفت یا موقعیت استخدامی منتشر کن؛ نوع پرداخت (مبلغ ثابت یا درصد سهم) و شرط جنسیت را تعیین کن.</li>
+            <li><strong>تأیید مرکز:</strong> در پنل، «درخواست تأیید و بارگذاری مدارک» را بزن و مجوز/پروانه را آپلود کن. پس از بررسی، نشان «✓ تأیید شده» روی آگهی‌هایت نمایش داده می‌شود.</li>
+            <li><strong>مدیریت متقاضیان:</strong> فهرست افرادی که «اعلام تمایل» کرده‌اند را با نام و شماره ببین و هماهنگ کن.</li>
+        </ul>
+    </div>
+
+    <div class="card card-pad legal" style="margin-bottom:14px;">
+        <h2>🔔 اعلان‌ها و نصب اپ</h2>
+        <ul>
+            <li>اعلان‌های درون‌برنامه‌ای (زنگوله) به‌صورت زنده کار می‌کند و در ایران بدون نیاز به سرویس‌های خارجی در دسترس است.</li>
+            <li>برای دریافت بهتر اعلان‌ها، همکادر را به‌صورت اپ نصب کن: <a asp-page="/Download">صفحه‌ی دریافت اپلیکیشن</a> (اندروید، iOS، ویندوز، وب).</li>
+        </ul>
+    </div>
+
+    <div class="card card-pad legal" style="margin-bottom:14px;">
+        <h2>🛡️ گزارش و شکایت</h2>
+        <p>
+            اگر آگهی نادرست یا مرکز متخلفی دیدی، از دکمه‌ی «گزارش تخلف» یا «شکایت از این مرکز» در صفحه‌ی همان آگهی استفاده کن.
+            تیم همکادر بررسی می‌کند. قوانین کامل را در <a asp-page="/Rules">قوانین و مقررات</a> ببین.
+        </p>
+    </div>
+
+    <div class="card card-pad legal">
+        <h2>❓ سؤالات متداول</h2>
+
+        <details>
+            <summary>ورود به همکادر هزینه دارد؟</summary>
+            <p>خیر؛ استفاده برای کادر درمان و انتشار آگهی برای مراکز در حال حاضر رایگان است.</p>
+        </details>
+        <details>
+            <summary>کد ورود برایم نیامد، چه کنم؟</summary>
+            <p>چند ثانیه صبر کن و «ارسال مجدد کد» را بزن. از درست‌بودن شماره موبایل مطمئن شو. اگر مشکل ادامه داشت، بعداً دوباره تلاش کن.</p>
+        </details>
+        <details>
+            <summary>«اعلام تمایل» یعنی چه؟</summary>
+            <p>یعنی به آن فرصت علاقه‌مندی؛ با زدن آن، اطلاعات تماس مرکز برایت نمایش داده می‌شود و فرصت در سوابق تو ثبت می‌شود تا پیشنهادها دقیق‌تر شوند.</p>
+        </details>
+        <details>
+            <summary>نشان «✓ تأیید شده» چه معنایی دارد؟</summary>
+            <p>یعنی مدارک آن مرکز توسط همکادر بررسی شده است. این نشان بررسی اولیه است و جای راستی‌آزمایی مستقیم پیش از توافق را نمی‌گیرد.</p>
+        </details>
+        <details>
+            <summary>چطور مرکزم را تأیید کنم؟</summary>
+            <p>وارد «پنل کارفرما» شو، روی مرکز موردنظر «درخواست تأیید و بارگذاری مدارک» را بزن و مجوز/پروانه را آپلود کن تا بررسی شود.</p>
+        </details>
+        <details>
+            <summary>چطور این تور را دوباره ببینم؟</summary>
+            <p>دکمه‌ی «▶ شروع تور راهنما» در بالای همین صفحه را بزن.</p>
+        </details>
+
+        <p class="muted" style="font-size:13px; margin-top:14px; margin-bottom:0;">
+            پاسخت را نیافتی؟ با ما در تماس باش: <span dir="ltr">support@@hamkadr.ir</span>
+        </p>
+    </div>
+</div>