<?php
declare(strict_types=1);
require_once __DIR__ . '/../app/bootstrap.php';
Auth::start();
?>
<!doctype html>
<html lang="fa" dir="rtl">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title><?= h((string)($config['app_name'] ?? 'ربات ساز میرزا احسان نت')) ?> | Code3Stack</title>
  <script src="https://telegram.org/js/telegram-web-app.js"></script>
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.rtl.min.css" rel="stylesheet">
  <link rel="stylesheet" href="assets/app.css?v=12">
</head>
<body>
  <div class="bg-blob a"></div><div class="bg-blob b"></div><div class="bg-blob c"></div>
  <main class="container-fluid app-shell py-3 py-lg-4">
    <section class="hero glass p-3 p-lg-4 mb-3">
      <div class="d-flex flex-column flex-lg-row gap-3 align-items-lg-center justify-content-between">
        <div>
          <span class="brand-badge">Powered by @Code3Stack</span>
          <h1 class="mt-2 mb-1">ربات ساز میرزا احسان نت</h1>
          <p class="mb-0 text-soft">ربات ساز میرزا احسان نت؛ پنل شیشه‌ای، حرفه‌ای و امن برای ساخت ربات، مدیریت کاربران، پرداخت‌ها و اطلاع‌رسانی توسط <b>@Code3Stack</b>.</p>
        </div>
        <div class="d-flex flex-wrap gap-2 align-items-center">
          <span class="pill" id="rolePill">در حال ورود</span>
          <button class="btn btn-glass" id="refreshBtn">به‌روزرسانی</button>
          <button class="btn btn-danger-soft" id="logoutBtn">خروج</button>
        </div>
      </div>
    </section>

    <div class="toast-box hidden" id="toast"></div>

    <section id="loginCard" class="card-clean glass p-4 hidden">
      <h2 class="section-title">ورود دستی ادمین</h2>
      <p class="text-soft">اگر پنل را خارج از تلگرام باز کرده‌ای، کلید ورود پنل و آیدی عددی ادمین نصب را وارد کن.</p>
      <div class="row g-3">
        <div class="col-md-5"><label class="form-label">کلید ورود پنل</label><input class="form-control control-glass ltr" id="panelKey"></div>
        <div class="col-md-5"><label class="form-label">آیدی عددی تلگرام</label><input class="form-control control-glass ltr" id="panelTelegramId"></div>
        <div class="col-md-2 d-flex align-items-end"><button class="btn btn-main w-100" id="manualLoginBtn">ورود</button></div>
      </div>
    </section>

    <section id="dashboard" class="hidden">
      <div class="row g-3 mb-3">
        <div class="col-6 col-xl-3"><div class="stat-card glass"><span>کاربران</span><b id="statUsers">0</b></div></div>
        <div class="col-6 col-xl-3"><div class="stat-card glass"><span>ربات‌ها</span><b id="statBots">0</b></div></div>
        <div class="col-6 col-xl-3"><div class="stat-card glass"><span>ربات فعال</span><b id="statActiveBots">0</b></div></div>
        <div class="col-6 col-xl-3"><div class="stat-card glass"><span>موجودی</span><b id="statBalance">0</b></div></div>
      </div>

      <nav class="tabs-wrap glass p-2 mb-3">
        <div class="nav nav-pills nav-grid" id="mainTabs">
          <button class="nav-link active" data-tab="account">👤 حساب</button>
          <button class="nav-link" data-tab="bots">🤖 ربات‌ها</button>
          <button class="nav-link" data-tab="plans">📦 پلن‌ها</button>
          <button class="nav-link admin-only" data-tab="users">👥 کاربران</button>
          <button class="nav-link admin-only" data-tab="messages">📢 پیام‌رسانی</button>
          <button class="nav-link admin-only" data-tab="payments">💳 پرداخت‌ها</button>
          <button class="nav-link admin-only" data-tab="settings">⚙️ تنظیمات</button>
          <button class="nav-link admin-only" data-tab="logs">📊 گزارش‌ها</button>
          <button class="nav-link" data-tab="support">🆘 پشتیبانی</button>
        </div>
      </nav>

      <section class="tab active card-clean glass p-4" id="tab-account">
        <div class="d-flex flex-wrap gap-2 justify-content-between align-items-center mb-3">
          <h2 class="section-title mb-0">حساب کاربری</h2>
          <button class="btn btn-main" data-tab-go="payments-user">➕ افزایش موجودی</button>
        </div>
        <div class="row g-3" id="accountInfo"></div>
        <h3 class="sub-title mt-4">پلن‌های فعال</h3>
        <div class="row g-3" id="activePlans"></div>
        <div class="mt-4 mini-card highlight-card">
          <b>افزایش موجودی</b><br>
          برای ساخت ربات، موجودی حساب باید به حداقل مبلغ تعیین‌شده توسط ادمین برسد. از بخش پرداخت‌ها می‌توانی مبلغ را شارژ و رسید را از داخل ربات ارسال کنی.
        </div>
      </section>

      <section class="tab card-clean glass p-4" id="tab-bots">
        <h2 class="section-title">افزودن ربات با سورس ربات میرزا ساز احسان نت</h2>
        <p class="text-soft">توکن ربات مشتری و آیدی عددی مالک را وارد کن؛ سیستم یک کپی اختصاصی از سورس ربات میرزا ساز احسان نت می‌سازد، وبهوک همان ربات را فعال می‌کند و مالک را با دسترسی کامل administrator داخل ربات ساخته‌شده ثبت می‌کند.</p>
        <div class="row g-3">
          <div class="col-lg-4"><label class="form-label">توکن ربات</label><input class="form-control control-glass ltr" id="botToken" placeholder="123456789:AA..."></div>
          <div class="col-lg-3"><label class="form-label">آیدی عددی مالک ربات</label><input class="form-control control-glass ltr" id="ownerTelegramId" inputmode="numeric" placeholder="مثلاً 123456789"><small class="text-soft">این آیدی در ربات وبهوک‌شده administrator می‌شود.</small></div>
          <div class="col-lg-3"><label class="form-label">انتخاب پلن</label><select class="form-select control-glass" id="botPlan"></select></div>
          <div class="col-lg-1"><label class="form-label">ماه</label><input class="form-control control-glass" id="botMonths" type="number" min="1" placeholder="1"></div>
          <div class="col-lg-1"><label class="form-label">قیمت</label><input class="form-control control-glass" id="botPrice" type="number" min="0" placeholder="دلخواه"></div>
        </div>
        <div class="mini-card mt-3 hidden" id="botBalanceNotice"></div>
        <div class="d-flex flex-wrap gap-2 mt-3">
          <button class="btn btn-main" id="createBotBtn">ثبت و فعال‌سازی وبهوک</button>
          <button class="btn btn-glass hidden" id="botTopupBtn" data-tab-go="payments-user">➕ افزایش موجودی</button>
        </div>
        <hr class="soft-line">
        <h2 class="section-title">لیست ربات‌ها</h2>
        <div class="table-responsive table-glass"><table class="table table-borderless align-middle mb-0"><thead><tr><th>ID</th><th>ربات</th><th>مالک</th><th>نماینده</th><th>پلن</th><th>وضعیت</th><th>جداسازی</th><th>انقضا</th><th>عملیات</th></tr></thead><tbody id="botsBody"></tbody></table></div>
      </section>

      <section class="tab card-clean glass p-4" id="tab-plans">
        <h2 class="section-title">تعرفه‌ها و پلن‌ها</h2>
        <div class="row g-3 admin-only">
          <div class="col-md-4"><label class="form-label">عنوان پلن</label><input class="form-control control-glass" id="planTitle" placeholder="یک ماهه"></div>
          <div class="col-md-2"><label class="form-label">ماه</label><input class="form-control control-glass" id="planMonths" type="number" min="1" value="1"></div>
          <div class="col-md-3"><label class="form-label">قیمت</label><input class="form-control control-glass" id="planPrice" type="number" min="0" value="0"></div>
          <div class="col-md-2 d-flex align-items-end"><label class="glass-check"><input type="checkbox" id="planCustom"> دلخواه</label></div>
          <div class="col-md-1 d-flex align-items-end"><button class="btn btn-main w-100" id="createPlanBtn">ثبت</button></div>
        </div>
        <div class="row g-3 mt-3" id="plansList"></div>
      </section>

      <section class="tab card-clean glass admin-only p-4" id="tab-users">
        <h2 class="section-title">مدیریت کاربر، ادمین و نماینده</h2>
        <div class="mini-card mb-3">
          <b>مدیریت سریع کاربر</b>
          <div class="row g-2 mt-2 align-items-end">
            <div class="col-md-3"><label class="form-label">آیدی عددی کاربر</label><input class="form-control control-glass ltr" id="manageUserTelegramId"></div>
            <div class="col-md-3"><label class="form-label">مبلغ افزایش/کاهش</label><input class="form-control control-glass" id="manageUserAmount" type="number" min="0"></div>
            <div class="col-md-2"><button class="btn btn-main w-100" id="increaseUserBtn">افزایش موجودی</button></div>
            <div class="col-md-2"><button class="btn btn-danger-soft w-100" id="decreaseUserBtn">کاهش موجودی</button></div>
            <div class="col-md-1"><button class="btn btn-danger-soft w-100" id="blockUserBtn">اخراج</button></div>
            <div class="col-md-1"><button class="btn btn-glass w-100" id="unblockUserBtn">فعال</button></div>
          </div>
        </div>
        <div class="row g-3">
          <div class="col-md-4"><label class="form-label">آیدی عددی</label><input class="form-control control-glass ltr" id="adminTelegramId"></div>
          <div class="col-md-2"><label class="form-label">سطح</label><select class="form-select control-glass" id="adminLevel"><option value="manager">مدیر</option><option value="super">سوپر</option></select></div>
          <div class="col-md-2 d-flex align-items-end"><button class="btn btn-main w-100" id="addAdminBtn">افزودن ادمین</button></div>
          <div class="col-md-2"><label class="form-label">مبلغ شارژ</label><input class="form-control control-glass" id="chargeAmount" type="number"></div>
          <div class="col-md-2 d-flex align-items-end"><button class="btn btn-main w-100" id="chargeUserBtn">شارژ دستی</button></div>
        </div>
        <div class="row g-3 mt-2">
          <div class="col-md-3"><input class="form-control control-glass ltr" id="resellerTelegramId" placeholder="آیدی نماینده"></div>
          <div class="col-md-3"><input class="form-control control-glass" id="resellerName" placeholder="نام نماینده"></div>
          <div class="col-md-2"><input class="form-control control-glass" id="resellerCommission" type="number" step="0.1" placeholder="درصد"></div>
          <div class="col-md-2"><button class="btn btn-main w-100" id="resellerBtn">ثبت نماینده</button></div>
        </div>
        <hr class="soft-line">
        <div class="table-responsive table-glass"><table class="table table-borderless align-middle mb-0"><thead><tr><th>ID</th><th>تلگرام</th><th>نام</th><th>نقش</th><th>موجودی</th><th>وضعیت</th><th>عملیات</th></tr></thead><tbody id="usersBody"></tbody></table></div>
      </section>


      <section class="tab card-clean glass admin-only p-4" id="tab-messages">
        <h2 class="section-title">📢 مرکز پیام‌رسانی</h2>
        <p class="text-soft">از این بخش می‌توانی پیام همگانی، پیام تکی، فوروارد همگانی و پین پیام را برای کاربران و کانال/گروه مدیریت کنی.</p>
        <div class="row g-3">
          <div class="col-lg-6">
            <div class="mini-card h-100">
              <h3 class="sub-title">📣 پیام همگانی</h3>
              <textarea class="form-control control-glass" id="broadcastText" rows="5" placeholder="متن پیام همگانی..."></textarea>
              <button class="btn btn-main mt-3" id="broadcastBtn">ارسال به همه کاربران فعال</button>
            </div>
          </div>
          <div class="col-lg-6">
            <div class="mini-card h-100">
              <h3 class="sub-title">✉️ پیام تکی</h3>
              <input class="form-control control-glass ltr mb-2" id="directTelegramId" placeholder="آیدی عددی کاربر">
              <textarea class="form-control control-glass" id="directText" rows="4" placeholder="متن پیام برای کاربر..."></textarea>
              <button class="btn btn-main mt-3" id="directMessageBtn">ارسال پیام تکی</button>
            </div>
          </div>
          <div class="col-lg-6">
            <div class="mini-card h-100">
              <h3 class="sub-title">↗️ فوروارد همگانی</h3>
              <p class="muted">ربات باید به پیام مبدا دسترسی داشته باشد. Chat ID مبدا و Message ID همان پیام را وارد کن.</p>
              <input class="form-control control-glass ltr mb-2" id="forwardFromChatId" placeholder="Chat ID مبدا؛ مثلا -1001234567890">
              <input class="form-control control-glass ltr" id="forwardMessageId" type="number" min="1" placeholder="Message ID">
              <button class="btn btn-main mt-3" id="forwardBroadcastBtn">فوروارد به همه کاربران فعال</button>
            </div>
          </div>
          <div class="col-lg-6">
            <div class="mini-card h-100">
              <h3 class="sub-title">📌 پین کردن پیام</h3>
              <p class="muted">ربات باید داخل گروه/چنل ادمین باشد و دسترسی Pin Messages داشته باشد.</p>
              <input class="form-control control-glass ltr mb-2" id="pinChatId" placeholder="Chat ID مقصد">
              <input class="form-control control-glass ltr mb-2" id="pinMessageId" type="number" min="1" placeholder="Message ID">
              <label class="glass-check"><input type="checkbox" id="pinSilent" checked> پین بدون اعلان</label>
              <button class="btn btn-main mt-3" id="pinMessageBtn">پین کردن پیام</button>
            </div>
          </div>
        </div>
      </section>

      <section class="tab card-clean glass p-4" id="tab-payments-user">
        <h2 class="section-title">افزایش موجودی</h2>
        <div class="row g-3" id="paymentCardsUser"></div>
        <p class="text-soft mt-3 mb-0">برای ثبت درخواست، داخل ربات مادر روی «حساب کاربری» سپس «افزایش موجودی» بزن تا مبلغ و رسید را مرحله‌ای ارسال کنی.</p>
      </section>

      <section class="tab card-clean glass admin-only p-4" id="tab-payments">
        <h2 class="section-title">تنظیمات افزایش موجودی</h2>
        <div class="row g-3">
          <div class="col-md-3"><label class="form-label">نام صاحب کارت</label><input class="form-control control-glass" id="payHolder"></div>
          <div class="col-md-3"><label class="form-label">شماره کارت</label><input class="form-control control-glass ltr" id="payCard"></div>
          <div class="col-md-2"><label class="form-label">حداقل شارژ</label><input class="form-control control-glass" id="payMin" type="number"></div>
          <div class="col-md-2"><label class="form-label">حداکثر شارژ</label><input class="form-control control-glass" id="payMax" type="number"></div>
          <div class="col-md-2"><label class="form-label">حداقل ساخت ربات</label><input class="form-control control-glass" id="botMinBalance" type="number"></div>
          <div class="col-md-10"><label class="form-label">شبا / توضیح اختیاری</label><input class="form-control control-glass ltr" id="payIban"></div>
          <div class="col-md-2 d-flex align-items-end"><button class="btn btn-main w-100" id="savePaymentSettingsBtn">ذخیره</button></div>
        </div>
        <hr class="soft-line">
        <h2 class="section-title">رسیدهای واریزی</h2>
        <div class="table-responsive table-glass"><table class="table table-borderless align-middle mb-0"><thead><tr><th>ID</th><th>کاربر</th><th>مبلغ</th><th>نوع رسید</th><th>وضعیت</th><th>زمان</th><th>عملیات</th></tr></thead><tbody id="topupsBody"></tbody></table></div>
      </section>

      <section class="tab card-clean glass admin-only p-4" id="tab-settings">
        <h2 class="section-title">گزارش فعالیت‌ها در گروه/چنل</h2>
        <div class="row g-3">
          <div class="col-md-8"><label class="form-label">Chat ID گروه/چنل گزارش فعالیت</label><input class="form-control control-glass ltr" id="activityLogChatId" placeholder="-1001234567890 یا @channel_username"></div>
          <div class="col-md-4 d-flex align-items-end"><button class="btn btn-main w-100" id="saveActivitySettingsBtn">ذخیره گزارش فعالیت</button></div>
        </div>
        <hr class="soft-line">
        <h2 class="section-title">جوین اجباری کانال و گپ</h2>
        <div class="row g-3">
          <div class="col-md-3"><label class="form-label">عنوان</label><input class="form-control control-glass" id="joinTitle"></div>
          <div class="col-md-3"><label class="form-label">Chat ID یا @username</label><input class="form-control control-glass ltr" id="joinChatId"></div>
          <div class="col-md-3"><label class="form-label">لینک دعوت</label><input class="form-control control-glass ltr" id="joinInviteUrl"></div>
          <div class="col-md-2"><label class="form-label">نوع</label><select class="form-select control-glass" id="joinType"><option value="channel">کانال</option><option value="group">گروه/گپ</option></select></div>
          <div class="col-md-1 d-flex align-items-end"><button class="btn btn-main w-100" id="addJoinBtn">ثبت</button></div>
        </div>
        <h3 class="sub-title mt-4">لیست جوین اجباری</h3>
        <div class="table-responsive table-glass"><table class="table table-borderless align-middle mb-0"><thead><tr><th>ID</th><th>عنوان</th><th>Chat ID</th><th>نوع</th><th>وضعیت</th><th>عملیات</th></tr></thead><tbody id="joinsBody"></tbody></table></div>
      </section>

      <section class="tab card-clean glass admin-only p-4" id="tab-logs">
        <h2 class="section-title">گزارش فعالیت‌ها</h2>
        <div class="table-responsive table-glass"><table class="table table-borderless align-middle mb-0"><thead><tr><th>زمان</th><th>عملیات</th><th>مجری</th><th>اطلاعات</th></tr></thead><tbody id="logsBody"></tbody></table></div>
      </section>

      <section class="tab card-clean glass p-4" id="tab-support">
        <h2 class="section-title">پشتیبانی</h2>
        <div class="row g-3"><div class="col-md-4"><label class="form-label">موضوع</label><input class="form-control control-glass" id="ticketSubject" value="پشتیبانی"></div><div class="col-md-8"><label class="form-label">پیام</label><input class="form-control control-glass" id="ticketMessage"></div></div>
        <button class="btn btn-main mt-3" id="ticketBtn">ثبت پیام</button>
      </section>
    </section>

    <footer class="footer-sign mt-3 text-center">طراحی و توسعه یافته توسط <b>@Code3Stack</b></footer>
  </main>
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
  <script src="assets/app.js?v=12"></script>
</body>
</html>
