@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>
                    <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>
            </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;">در نسخه‌ی نهایی این کد از طریق پیامک (کاوه‌نگار/SMS.ir) ارسال می‌شود.</span>
                </div>
            }
            <form method="post">
                <input type="hidden" name="Phone" value="@Model.Phone" />
                <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>
