@page
@model JobsMedical.Web.Pages.Account.LoginModel
@{
    ViewData["Title"] = "ورود کادر درمان";
}

<div class="container section" style="max-width:440px;">
    <div class="card card-pad">
        <h1 style="margin-top:0; font-size:22px;">ورود / ثبت‌نام</h1>
        <p class="muted">با شماره موبایل وارد شو تا فرصت‌های متناسب با تو را ذخیره و پیشنهاد کنیم.</p>

        @if (Model.Error is not null)
        {
            <div class="alert" style="background:#fdeaea; color:var(--danger);">@Model.Error</div>
        }

        @if (!Model.CodeSent)
        {
            <form method="post">
                <div class="filter-group">
                    <label>وارد می‌شوی به‌عنوان…</label>
                    <div class="acct-toggle">
                        <label class="acct-opt">
                            <input type="radio" name="AccountType" value="employee" checked="@(Model.AccountType != "employer")" />
                            <span>کادر درمان<br /><small>دنبال شیفت/استخدام</small></span>
                        </label>
                        <label class="acct-opt">
                            <input type="radio" name="AccountType" value="employer" checked="@(Model.AccountType == "employer")" />
                            <span>کارفرما / مرکز درمانی<br /><small>انتشار شیفت/استخدام</small></span>
                        </label>
                    </div>
                </div>
                <div class="filter-group">
                    <label>شماره موبایل</label>
                    <input type="tel" name="Phone" value="@Model.Phone" placeholder="۰۹۱۲ ..." dir="ltr" />
                </div>
                <button type="submit" asp-page-handler="RequestCode" class="btn btn-accent btn-block btn-lg">دریافت کد تأیید</button>
                <p class="muted" style="font-size:12px; margin-bottom:0;">انتخاب نوع حساب فقط هنگام ثبت‌نام اولیه اعمال می‌شود.</p>
            </form>
        }
        else
        {
            @if (Model.DevCode is not null)
            {
                <div class="alert alert-success">
                    کد تأیید (حالت توسعه): <strong dir="ltr">@Model.DevCode</strong><br />
                    <span style="font-size:12px;">در حالت عادی این کد با پیامک ارسال می‌شود.</span>
                </div>
            }
            else
            {
                <div class="alert alert-success">کد تأیید با پیامک به شماره شما ارسال شد.</div>
            }
            <form method="post">
                <input type="hidden" name="Phone" value="@Model.Phone" />
                <input type="hidden" name="AccountType" value="@Model.AccountType" />
                <div class="filter-group">
                    <label>کد تأیید پنج‌رقمی</label>
                    <input type="text" name="Code" placeholder="- - - - -" dir="ltr" inputmode="numeric" />
                </div>
                <button type="submit" asp-page-handler="Verify" class="btn btn-accent btn-block btn-lg">ورود</button>
            </form>
            <form method="post" style="margin-top:8px;">
                <input type="hidden" name="Phone" value="@Model.Phone" />
                <button type="submit" asp-page-handler="RequestCode" class="btn btn-outline btn-block">ارسال مجدد کد</button>
            </form>
        }
    </div>
</div>
