@page
@model JobsMedical.Web.Pages.Employer.PostJobModel
@{
    ViewData["Title"] = "انتشار موقعیت استخدامی";
}

<div class="page-head"><div class="container"><h1>انتشار موقعیت استخدامی</h1></div></div>

<div class="container section" style="max-width:560px;">
    @if (Model.Error is not null)
    {
        <div class="alert" style="background:#fdeaea; color:var(--danger);">@Model.Error</div>
    }
    @if (Model.MyFacilities.Count == 0)
    {
        <div class="card empty-state">
            ابتدا یک مرکز ثبت کن.
            <a class="btn btn-accent" asp-page="/Employer/RegisterFacility">ثبت مرکز</a>
        </div>
    }
    else
    {
        <form method="post" class="card card-pad">
            <div class="filter-group">
                <label>مرکز درمانی</label>
                <select name="FacilityId">
                    @foreach (var f in Model.MyFacilities)
                    {
                        <option value="@f.Id">@f.Name — @f.City?.Name</option>
                    }
                </select>
            </div>
            <div class="filter-group">
                <label>عنوان موقعیت</label>
                <input type="text" name="Title" value="@Model.Title" placeholder="مثلاً استخدام پرستار بخش اورژانس" />
            </div>
            <div class="filter-group">
                <label>نقش</label>
                <select name="RoleId">
                    @foreach (var r in Model.Roles)
                    {
                        <option value="@r.Id">@r.Name</option>
                    }
                </select>
            </div>
            <div class="filter-group">
                <label>جنسیت مورد نیاز</label>
                <select name="GenderRequirement">
                    <option value="0">فرقی نمی‌کند</option>
                    <option value="1">آقا</option>
                    <option value="2">خانم</option>
                </select>
            </div>
            <div class="filter-group">
                <label>نوع همکاری</label>
                <select name="EmploymentType">
                    <option value="0">تمام‌وقت</option>
                    <option value="1">پاره‌وقت</option>
                    <option value="2">قراردادی</option>
                    <option value="3">طرح</option>
                </select>
            </div>
            <div class="filter-group" style="display:flex; gap:8px;">
                <div style="flex:1;"><label>حقوق ماهانه از</label><input type="number" name="SalaryMin" value="@Model.SalaryMin" dir="ltr" /></div>
                <div style="flex:1;"><label>تا</label><input type="number" name="SalaryMax" value="@Model.SalaryMax" dir="ltr" /></div>
            </div>
            <div class="filter-group">
                <label style="display:flex; align-items:center; gap:8px; font-weight:600;">
                    <input type="checkbox" name="Negotiable" value="true" style="width:auto;" checked="@Model.Negotiable" /> توافقی
                </label>
            </div>
            <div class="filter-group">
                <label>شرح موقعیت</label>
                <textarea name="Description" rows="3">@Model.Description</textarea>
            </div>
            <div class="filter-group">
                <label>شرایط احراز</label>
                <textarea name="Requirements" rows="2">@Model.Requirements</textarea>
            </div>
            <div class="filter-group">
                <label>سؤال امنیتی: حاصل <strong>@Model.CaptchaQuestion</strong> چند می‌شود؟</label>
                <input type="text" name="CaptchaAnswer" dir="ltr" inputmode="numeric" autocomplete="off" placeholder="پاسخ" />
                <input type="hidden" name="CaptchaToken" value="@Model.CaptchaToken" />
            </div>
            <button type="submit" class="btn btn-accent btn-block btn-lg">انتشار موقعیت</button>
        </form>
    }
</div>