@page "{id:int}"
@model JobsMedical.Web.Pages.Jobs.DetailsModel
@{
    var j = Model.Job!;
    var f = j.Facility!;
    ViewData["Title"] = j.Title;
    ViewData["Description"] = $"{j.Title} در {f.Name}، {f.City?.Name}. موقعیت استخدامی برای {j.Role?.Name}.";
    string empLabel = j.EmploymentType switch
    {
        EmploymentType.FullTime => "تمام‌وقت",
        EmploymentType.PartTime => "پاره‌وقت",
        EmploymentType.Contract => "قراردادی",
        _ => "طرح",
    };
    string salary;
    if (j.SalaryMin is null && j.SalaryMax is null) salary = "توافقی";
    else if (j.SalaryMin == j.SalaryMax) salary = JalaliDate.Toman(j.SalaryMin) + " ماهانه";
    else salary = $"از {JalaliDate.ToPersianDigits((j.SalaryMin ?? 0).ToString("#,0"))} تا {JalaliDate.Toman(j.SalaryMax)} ماهانه";
}

<div class="page-head">
    <div class="container">
        <div class="row" style="display:flex; gap:10px; align-items:center;">
            <span class="badge badge-job">@empLabel</span>
            @if (j.Role is not null) { <span class="badge badge-type">@j.Role.Name</span> }
            @if (f.IsVerified) { <span class="badge badge-verified">✓ مرکز تأیید شده</span> }
        </div>
        <h1 style="margin-top:8px;">@j.Title</h1>
        <p class="muted">🏥 @f.Name — 📍 @f.City?.Name@(f.District is not null ? "، " + f.District.Name : "")</p>
    </div>
</div>

<div class="container section">
    <div class="detail-grid">
        <div>
            @if (Model.ShowContact)
            {
                <div class="alert alert-success">
                    ✓ تمایل شما ثبت شد. برای پیگیری استخدام با مرکز تماس بگیرید:
                    <strong>@(f.Phone ?? "شماره ثبت نشده")</strong>
                    @if (!string.IsNullOrEmpty(f.BaleId)) { <text> — بله: @f.BaleId</text> }
                </div>
            }
            @if (Model.Saved)
            {
                <div class="alert alert-success">✓ این موقعیت ذخیره شد.</div>
            }

            <div class="card card-pad">
                <h3 style="margin-top:0;">مشخصات موقعیت</h3>
                <div class="info-row"><span class="k">نوع همکاری</span><span class="v">@empLabel</span></div>
                <div class="info-row"><span class="k">نقش</span><span class="v">@j.Role?.Name</span></div>
                <div class="info-row"><span class="k">حقوق ماهانه</span><span class="v" style="color:var(--primary-dark)">@salary</span></div>
            </div>

            @if (!string.IsNullOrEmpty(j.Description))
            {
                <div class="card card-pad" style="margin-top:16px;">
                    <h3 style="margin-top:0;">شرح موقعیت</h3>
                    <p class="muted" style="margin:0;">@j.Description</p>
                </div>
            }
            @if (!string.IsNullOrEmpty(j.Requirements))
            {
                <div class="card card-pad" style="margin-top:16px;">
                    <h3 style="margin-top:0;">شرایط احراز</h3>
                    <p class="muted" style="margin:0;">@j.Requirements</p>
                </div>
            }
        </div>

        <aside>
            <div class="card card-pad">
                <div class="pay" style="font-size:19px; margin-bottom:6px; color:var(--primary-dark); font-weight:800;">@salary</div>
                <p class="muted" style="font-size:13px; margin-top:0;">@empLabel</p>
                <form method="post">
                    <button type="submit" asp-page-handler="Interest" asp-route-id="@j.Id"
                            class="btn btn-accent btn-block btn-lg">اعلام تمایل و مشاهده راه ارتباطی</button>
                </form>
                <div style="display:flex; gap:8px; margin-top:8px;">
                    <form method="post" style="flex:1;">
                        <button type="submit" asp-page-handler="Save" asp-route-id="@j.Id" class="btn btn-outline btn-block">♡ ذخیره</button>
                    </form>
                    <form method="post" style="flex:1;">
                        <button type="submit" asp-page-handler="Dismiss" asp-route-id="@j.Id" class="btn btn-outline btn-block">✕ علاقه‌مند نیستم</button>
                    </form>
                </div>
            </div>
        </aside>
    </div>
</div>
