@page
@model JobsMedical.Web.Pages.Admin.SocialModel
@{
    ViewData["Title"] = "شبکه‌های اجتماعی";
}

<div class="page-head">
    <div class="container">
        <h1>شبکه‌های اجتماعی</h1>
        <p class="muted">انتشار خودکار «کادر آماده‌به‌کار امروز» در تلگرام و بله (متن) و بسته‌ی کپشن/هشتگ برای اینستاگرام.</p>
    </div>
</div>

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

    <div class="layout-2">
        <div>
            <form method="post" class="card card-pad">
                <label class="toggle-row">
                    <input type="checkbox" name="SocialEnabled" value="true" checked="@Model.SocialEnabled" />
                    <span class="t-body"><span>انتشار خودکار روشن باشد</span><span class="t-hint">روزانه چند بار، به‌صورت زمان‌بندی‌شده ارسال می‌شود.</span></span>
                </label>
                <div class="filter-group" style="display:flex; gap:8px;">
                    <div style="flex:0 0 160px;"><label>تعداد پست در روز</label><input type="number" name="SocialPostsPerDay" min="1" max="24" value="@Model.SocialPostsPerDay" dir="ltr" /></div>
                    <label class="proxy-toggle" style="align-self:end;"><input type="checkbox" name="SocialUseProxy" value="true" checked="@Model.SocialUseProxy" /> ارسال از طریق پروکسی (برای تلگرام)</label>
                </div>
                <div class="filter-group">
                    <label>سرتیتر پیام (Header)</label>
                    <textarea name="SocialHeader" rows="2" placeholder="مثلاً: 🩺 همکادر | مرجع شیفت و استخدام کادر درمان">@Model.SocialHeader</textarea>
                </div>
                <div class="filter-group">
                    <label>پاورقی پیام (Footer)</label>
                    <textarea name="SocialFooter" rows="2" placeholder="مثلاً: ثبت رایگان آگهی در hamkadr.ir | @@hamkadr">@Model.SocialFooter</textarea>
                </div>

                <div class="source-box">
                    <label class="toggle-row">
                        <input type="checkbox" name="SocialTelegramEnabled" value="true" checked="@Model.SocialTelegramEnabled" />
                        <span class="t-body"><span>📨 تلگرام (متن)</span><span class="t-hint">با بات تلگرام در کانال شما پست می‌شود.</span></span>
                    </label>
                    <div class="filter-group"><label>توکن بات تلگرام</label><input type="password" name="SocialTelegramBotToken" value="@Model.SocialTelegramBotToken" dir="ltr" placeholder="123456:ABC-..." /></div>
                    <div class="filter-group"><label>شناسه کانال/چت</label><input type="text" name="SocialTelegramChatId" value="@Model.SocialTelegramChatId" dir="ltr" placeholder="@@your_channel یا -100..." />
                        <p class="muted" style="font-size:11px; margin:4px 0 0;">بات باید ادمینِ کانال باشد.</p>
                    </div>
                </div>

                <div class="source-box">
                    <label class="toggle-row">
                        <input type="checkbox" name="SocialBaleEnabled" value="true" checked="@Model.SocialBaleEnabled" />
                        <span class="t-body"><span>💬 بله (متن)</span></span>
                    </label>
                    <div class="filter-group"><label>توکن بات بله</label><input type="password" name="SocialBaleBotToken" value="@Model.SocialBaleBotToken" dir="ltr" /></div>
                    <div class="filter-group"><label>شناسه کانال/چت بله</label><input type="text" name="SocialBaleChatId" value="@Model.SocialBaleChatId" dir="ltr" placeholder="@@your_channel یا عدد" /></div>
                </div>

                <div class="source-box">
                    <label class="toggle-row">
                        <input type="checkbox" name="SocialInstagramEnabled" value="true" checked="@Model.SocialInstagramEnabled" />
                        <span class="t-body"><span>📷 اینستاگرام (نیمه‌خودکار)</span><span class="t-hint">کپشن و هشتگ آماده می‌شود؛ تصویر و انتشار را دستی انجام می‌دهی.</span></span>
                    </label>
                    <div class="filter-group"><label>هشتگ‌های اضافه (با فاصله یا خط جدید)</label>
                        <textarea name="InstagramHashtags" rows="2" dir="ltr" placeholder="#استخدام_پرستار #شیفت_تهران">@Model.InstagramHashtags</textarea>
                    </div>
                </div>

                <div class="settings-save">
                    <button type="submit" asp-page-handler="Save" class="btn btn-accent btn-block btn-lg">ذخیره تنظیمات</button>
                </div>
            </form>

            <form method="post" style="margin-top:12px;">
                <button type="submit" asp-page-handler="SendNow" class="btn btn-outline btn-block">📤 ارسال اکنون (تلگرام/بله)</button>
            </form>
        </div>

        <aside>
            <div class="card card-pad">
                <h3 style="margin-top:0;">پیش‌نمایش پیام امروز</h3>
                @if (Model.Preview is null || Model.Preview.Count == 0)
                {
                    <p class="muted">امروز هنوز موردِ «آماده به کار» تازه‌ای ثبت نشده است.</p>
                }
                else
                {
                    <p class="muted" style="font-size:12px;">@JalaliDate.ToPersianDigits(Model.Preview.Count.ToString()) مورد — همین متن به تلگرام/بله می‌رود.</p>
                    <pre style="white-space:pre-wrap; font-family:inherit; background:var(--bg); border:1px solid var(--line); border-radius:10px; padding:12px; font-size:13px; margin:0;">@Model.Preview.TelegramText</pre>
                }
            </div>

            @if (Model.SocialInstagramEnabled && Model.Preview is not null && Model.Preview.Count > 0)
            {
                <div class="card card-pad" style="margin-top:12px;">
                    <h3 style="margin-top:0;">📷 بسته‌ی اینستاگرام</h3>
                    <label style="font-size:12px; font-weight:700;">کپشن (با هشتگ):</label>
                    <textarea id="igCaption" rows="8" style="width:100%; font-size:12.5px;">@Model.Preview.InstagramCaption</textarea>
                    <button type="button" class="btn btn-outline btn-block" style="margin-top:6px;" onclick="navigator.clipboard.writeText(document.getElementById('igCaption').value); this.textContent='کپی شد ✓';">کپی کپشن</button>
                    <p class="muted" style="font-size:11px; margin:8px 0 0;">تصویر کارت با فونت وزیر در نسخه‌ی بعدی اضافه می‌شود؛ فعلاً کپشن/هشتگ را کپی کن و در اینستاگرام پست کن.</p>
                </div>
            }
        </aside>
    </div>
</div>