@page
@model JobsMedical.Web.Pages.Talent.IndexModel
@{
    ViewData["Title"] = "آماده به کار — کادر درمان";
    ViewData["Description"] = "فهرست کادر درمان آماده همکاری (پزشک، پرستار، ماما، تکنسین و…) در تهران و سایر شهرها — مرکز درمانی می‌تواند مستقیم تماس بگیرد.";
    ViewData["q"] = Model.Q;   // drives result highlighting in cards
}

<div class="page-head">
    <div class="container">
        <h1>آماده به کار</h1>
        <p class="muted">
            @JalaliDate.ToPersianDigits(Model.Results.Count.ToString()) نیروی کادر درمان آماده‌ی همکاری —
            مراکز درمانی می‌توانند مستقیم تماس بگیرند.
        </p>
    </div>
</div>

<div class="container section">
    <div class="layout-2">
        <aside class="card card-pad filter-card">
            <h3>فیلترها</h3>
            <form method="get" id="filterForm">
                <div class="filter-group">
                    <label>جستجوی عمیق</label>
                    <div style="display:flex; gap:6px;">
                        <input type="search" name="Q" value="@Model.Q" placeholder="مثلاً mmt پروانه‌دار تهران" style="flex:1;" />
                        <button type="submit" class="btn btn-accent" style="padding:0 14px;">🔎</button>
                    </div>
                    <p class="muted" style="font-size:11px; margin:4px 0 0;">روی متن، تگ‌ها، نقش، شهر و نام جستجو می‌کند.</p>
                </div>
                <div class="filter-group">
                    <label>شهر</label>
                    <select name="CityId" onchange="this.form.submit()">
                        <option value="">همه شهرها</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" onchange="this.form.submit()">
                        <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>
                    <select name="RoleId" onchange="this.form.submit()">
                        <option value="">همه نقش‌ها</option>
                        @foreach (var r in Model.Roles)
                        {
                            <option value="@r.Id" selected="@(Model.RoleId == r.Id)">@r.Name</option>
                        }
                    </select>
                </div>
                <div class="filter-group">
                    <label>جنسیت</label>
                    <select name="GenderFilter" onchange="this.form.submit()">
                        <option value="">فرقی نمی‌کند</option>
                        <option value="1" selected="@(Model.GenderFilter == JobsMedical.Web.Models.Gender.Male)">آقا</option>
                        <option value="2" selected="@(Model.GenderFilter == JobsMedical.Web.Models.Gender.Female)">خانم</option>
                    </select>
                </div>
                <a asp-page="/Talent/Index" class="btn btn-outline btn-block">حذف فیلترها</a>
            </form>
        </aside>

        <div>
            @if (Model.Results.Count == 0)
            {
                <div class="card empty-state">نیرویی با این فیلترها پیدا نشد.</div>
            }
            else
            {
                <div class="grid grid-3">
                    @foreach (var t in Model.Results)
                    {
                        <partial name="_TalentCard" model="t" />
                    }
                </div>
            }
        </div>
    </div>
</div>
