@page
@model JobsMedical.Web.Pages.Admin.RolesModel
@{
    ViewData["Title"] = "نقش‌ها و دسته‌بندی";
    string P(int n) => JalaliDate.ToPersianDigits(n.ToString());
}

<div class="page-head">
    <div class="container">
        <h1>نقش‌ها و دسته‌بندی</h1>
        <p class="muted"><a asp-page="/Admin/Index">← صف بررسی</a> — ادغام نقش‌های تکراری و مدیریت تاکسونومی.</p>
    </div>
</div>

<div class="container section">
    @if (Model.Message is not null)
    {
        <div class="alert alert-success">✓ @Model.Message</div>
    }

    <div class="card card-pad" style="margin-bottom:16px;">
        <h3 style="margin-top:0;">ادغام نقش</h3>
        <p class="muted" style="font-size:12.5px; margin-top:0;">همهٔ آگهی‌ها و علاقه‌مندی‌های «نقش مبدأ» به «نقش مقصد» منتقل و نقش مبدأ حذف می‌شود. این کار بازگشت‌ناپذیر است.</p>
        <form method="post" asp-page-handler="Merge"
              onsubmit="return confirm('ادغام انجام شود؟ این کار بازگشت‌ناپذیر است.');"
              style="display:flex; gap:8px; flex-wrap:wrap; align-items:end;">
            <div class="filter-group" style="margin:0; flex:1; min-width:200px;">
                <label>نقش مبدأ (حذف می‌شود)</label>
                <select name="sourceId" required>
                    <option value="">— انتخاب —</option>
                    @foreach (var x in Model.Stats)
                    {
                        <option value="@x.Role.Id">@x.Role.Name (@P(x.Total))</option>
                    }
                </select>
            </div>
            <div class="filter-group" style="margin:0; flex:1; min-width:200px;">
                <label>نقش مقصد (می‌ماند)</label>
                <select name="targetId" required>
                    <option value="">— انتخاب —</option>
                    @foreach (var x in Model.Stats)
                    {
                        <option value="@x.Role.Id">@x.Role.Name (@P(x.Total))</option>
                    }
                </select>
            </div>
            <button type="submit" class="btn btn-accent">ادغام</button>
        </form>
    </div>

    <table style="width:100%; border-collapse:collapse; font-size:13.5px;">
        <thead>
            <tr style="color:var(--muted); text-align:start;">
                <th style="text-align:start; padding:6px 0;">نقش</th>
                <th style="text-align:start;">گروه</th>
                <th style="text-align:start;">شیفت</th>
                <th style="text-align:start;">استخدام</th>
                <th style="text-align:start;">آماده‌به‌کار</th>
                <th style="text-align:start;">جمع</th>
                <th></th>
            </tr>
        </thead>
        <tbody>
        @foreach (var x in Model.Stats)
        {
            <tr style="border-top:1px solid var(--line); @(x.Role.IsActive ? "" : "opacity:.5;")">
                <td style="padding:8px 0;"><strong>@x.Role.Name</strong> @(x.Role.IsActive ? "" : "(غیرفعال)")</td>
                <td class="muted">@x.Role.Category</td>
                <td>@P(x.Shifts)</td>
                <td>@P(x.Jobs)</td>
                <td>@P(x.Talent)</td>
                <td><strong>@P(x.Total)</strong></td>
                <td style="text-align:end;">
                    <form method="post" asp-page-handler="Toggle" asp-route-id="@x.Role.Id" style="display:inline;">
                        <button type="submit" class="btn btn-outline" style="padding:4px 12px; font-size:12px;">
                            @(x.Role.IsActive ? "غیرفعال‌سازی" : "فعال‌سازی")
                        </button>
                    </form>
                </td>
            </tr>
        }
        </tbody>
    </table>
</div>
