@page "{id:int}"
@model JobsMedical.Web.Pages.Employer.VerifyModel
@{
    ViewData["Title"] = "تأیید مرکز درمانی";
    var v = Model.Facility.Verification;
}

<div class="page-head">
    <div class="container">
        <h1>تأیید مرکز: @Model.Facility.Name</h1>
        <p class="muted"><a asp-page="/Employer/Index">← بازگشت به پنل</a></p>
    </div>
</div>

<div class="container section" style="max-width:680px;">
    @if (Model.Msg is not null) { <div class="alert alert-success">@Model.Msg</div> }

    <div class="card card-pad" style="margin-bottom:14px;">
        <div class="row" style="display:flex; justify-content:space-between; align-items:center;">
            <strong>وضعیت تأیید</strong>
            @switch (v)
            {
                case JobsMedical.Web.Models.VerificationStatus.Verified:
                    <span class="badge badge-verified">✓ تأیید شده</span>
                    break;
                case JobsMedical.Web.Models.VerificationStatus.Pending:
                    <span class="badge badge-type">در حال بررسی</span>
                    break;
                case JobsMedical.Web.Models.VerificationStatus.Rejected:
                    <span class="badge badge-gender">رد شده</span>
                    break;
                default:
                    <span class="badge badge-type">تأیید نشده</span>
                    break;
            }
        </div>
        @if (v == JobsMedical.Web.Models.VerificationStatus.Rejected && !string.IsNullOrWhiteSpace(Model.Facility.VerificationNote))
        {
            <p class="muted" style="margin:8px 0 0; color:var(--danger);">دلیل رد: @Model.Facility.VerificationNote — می‌توانید مدارک اصلاح‌شده را دوباره بارگذاری کنید.</p>
        }
        else if (v == JobsMedical.Web.Models.VerificationStatus.Pending)
        {
            <p class="muted" style="margin:8px 0 0;">مدارک شما ارسال شد و توسط تیم پشتیبانی بررسی می‌شود.</p>
        }
        else if (v == JobsMedical.Web.Models.VerificationStatus.Verified)
        {
            <p class="muted" style="margin:8px 0 0;">این مرکز تأیید شده و نشان «✓ تأیید شده» را در آگهی‌ها نمایش می‌دهد.</p>
        }
    </div>

    <div class="card card-pad" style="margin-bottom:14px;">
        <h3 style="margin-top:0;">بارگذاری مدارک</h3>
        <p class="muted" style="font-size:13px; margin-top:0;">مجوز فعالیت، پروانه مطب/مرکز، یا هر سندی که واقعی‌بودن مرکز را نشان دهد. تصویر (JPG/PNG/WebP) یا PDF، حداکثر ۵ مگابایت برای هر فایل.</p>
        <form method="post" asp-page-handler="Upload" asp-route-id="@Model.Facility.Id" enctype="multipart/form-data">
            <div class="filter-group">
                <input type="file" name="files" multiple accept="image/jpeg,image/png,image/webp,application/pdf" />
            </div>
            <button type="submit" class="btn btn-accent btn-block btn-lg">بارگذاری و ارسال برای بررسی</button>
        </form>
    </div>

    <div class="card card-pad">
        <h3 style="margin-top:0;">مدارک بارگذاری‌شده (@JalaliDate.ToPersianDigits(Model.Docs.Count.ToString()))</h3>
        @if (Model.Docs.Count == 0)
        {
            <p class="muted">هنوز مدرکی بارگذاری نشده است.</p>
        }
        else
        {
            <div style="display:flex; flex-direction:column; gap:8px;">
                @foreach (var d in Model.Docs)
                {
                    <div class="info-row" style="align-items:center;">
                        <span class="k"><a href="/facility-doc/@d.Id" target="_blank">@d.FileName</a> <span class="muted" style="font-size:12px;">(@JalaliDate.ToPersianDigits((d.Size / 1024).ToString()) کیلوبایت)</span></span>
                        <span class="v">
                            <form method="post" asp-page-handler="DeleteDoc" asp-route-id="@Model.Facility.Id" asp-route-docId="@d.Id" style="display:inline;" onsubmit="return confirm('حذف این مدرک؟');">
                                <button type="submit" class="btn btn-outline" style="padding:4px 12px; color:var(--danger); border-color:var(--danger);">حذف</button>
                            </form>
                        </span>
                    </div>
                }
            </div>
        }
    </div>
</div>
