@page
@model JobsMedical.Web.Pages.Employer.RegisterFacilityModel
@{
    ViewData["Title"] = "ثبت مرکز درمانی";
}

<div class="page-head">
    <div class="container">
        <h1>ثبت مرکز درمانی</h1>
        <p class="muted">مرکز خود را ثبت کن تا بتوانی شیفت و موقعیت استخدامی منتشر کنی.</p>
    </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>
    }
    <form method="post" class="card card-pad">
        <div class="filter-group">
            <label>نام مرکز *</label>
            <input type="text" name="Name" value="@Model.Name" placeholder="مثلاً بیمارستان مهر" />
        </div>
        <div class="filter-group">
            <label>نوع مرکز</label>
            <select name="Type">
                <option value="0">بیمارستان</option>
                <option value="1">کلینیک</option>
                <option value="2">درمانگاه</option>
            </select>
        </div>
        <div class="filter-group">
            <label>شهر *</label>
            <select name="CityId">
                <option value="0">انتخاب کنید…</option>
                @foreach (var c in Model.Cities)
                {
                    <option value="@c.Id" selected="@(Model.CityId == c.Id)">@c.Name</option>
                }
            </select>
        </div>
        <div class="filter-group">
            <label>محله / منطقه</label>
            <select name="DistrictId">
                <option value="">—</option>
                @foreach (var d in Model.Districts)
                {
                    <option value="@d.Id" selected="@(Model.DistrictId == d.Id)">@d.Name</option>
                }
            </select>
        </div>
        <div class="filter-group">
            <label>آدرس</label>
            <input type="text" name="Address" value="@Model.Address" />
        </div>
        <div class="filter-group" style="display:flex; gap:8px;">
            <div style="flex:1;"><label>تلفن</label><input type="tel" name="Phone" value="@Model.Phone" dir="ltr" /></div>
            <div style="flex:1;"><label>شناسه بله</label><input type="text" name="BaleId" value="@Model.BaleId" dir="ltr" /></div>
        </div>
        <div class="filter-group" style="display:flex; gap:8px;">
            <div style="flex:1;"><label>عرض جغرافیایی (اختیاری)</label><input type="number" step="any" name="Lat" value="@Model.Lat" dir="ltr" /></div>
            <div style="flex:1;"><label>طول جغرافیایی (اختیاری)</label><input type="number" step="any" name="Lng" value="@Model.Lng" dir="ltr" /></div>
        </div>
        <p class="muted" style="font-size:12px;">مختصات برای نمایش در فیلتر «نزدیک من» استفاده می‌شود.</p>
        <button type="submit" class="btn btn-accent btn-block btn-lg">ثبت مرکز و ورود به پنل</button>
    </form>
</div>
