@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>

    <h2 style="margin:6px 0 12px;">امکانات همکادر</h2>
    <div class="grid grid-3" style="margin-bottom:18px;">
        <div class="card card-pad">
            <div style="font-size:26px;">🗓️</div>
            <strong>شیفت و استخدام</strong>
            <p class="muted" style="font-size:13px; margin:6px 0 0;">فرصت‌های شیفت کاری و موقعیت‌های استخدامی کادر درمان، یک‌جا.</p>
        </div>
        <div class="card card-pad">
            <div style="font-size:26px;">🎯</div>
            <strong>پیشنهاد هوشمند</strong>
            <p class="muted" style="font-size:13px; margin:6px 0 0;">بر اساس نقش، شهر و علاقه‌مندی‌ات، بهترین فرصت‌ها را می‌بینی.</p>
        </div>
        <div class="card card-pad">
            <div style="font-size:26px;">📍</div>
            <strong>نزدیک من</strong>
            <p class="muted" style="font-size:13px; margin:6px 0 0;">فرصت‌ها را بر اساس فاصله از موقعیت فعلی‌ات مرتب کن.</p>
        </div>
        <div class="card card-pad" style="border:1px solid var(--accent);">
            <div style="font-size:26px;">🔎</div>
            <strong>هشدار شغلی</strong>
            <p class="muted" style="font-size:13px; margin:6px 0 8px;">بگو دنبال چه فرصتی هستی؛ تا آگهی متناسب ثبت شد، فوری باخبر شو.</p>
            <a class="btn btn-accent" style="padding:6px 14px;" asp-page="/Me/Alerts">ساخت هشدار شغلی</a>
        </div>
        <div class="card card-pad">
            <div style="font-size:26px;">🔔</div>
            <strong>اعلان زنده</strong>
            <p class="muted" style="font-size:13px; margin:6px 0 0;">اعلان درون‌برنامه‌ای که در ایران بدون سرویس‌های خارجی کار می‌کند.</p>
        </div>
        <div class="card card-pad">
            <div style="font-size:26px;">✓</div>
            <strong>مراکز تأییدشده</strong>
            <p class="muted" style="font-size:13px; margin:6px 0 0;">نشان «تأیید شده» روی مراکزی که مدارکشان بررسی شده است.</p>
        </div>
        <div class="card card-pad">
            <div style="font-size:26px;">📲</div>
            <strong>نصب به‌صورت اپ (PWA)</strong>
            <p class="muted" style="font-size:13px; margin:6px 0 0;">روی اندروید، iOS، ویندوز و وب نصب می‌شود. <a asp-page="/Download">دریافت اپ</a></p>
        </div>
        <div class="card card-pad">
            <div style="font-size:26px;">🛡️</div>
            <strong>گزارش و شکایت</strong>
            <p class="muted" style="font-size:13px; margin:6px 0 0;">آگهی نادرست یا مرکز متخلف را گزارش کن تا بررسی شود.</p>
        </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>
