Update This Post

Note: আপুনি ইয়াত Post টোৰ এটা copy edit কৰি আছে। Submit নকৰালৈ Live WordPress Post-ত কোনো change নহ'ব।

Post Title

Post Title edit কৰিব নোৱাৰিব। কেৱল Post Content update কৰিব পাৰিব।

Post Content

<div data-ad-break="ignore" id="daQuizSection">

#daQuizSection ins,
    #daQuizSection ins.adsbygoogle,
    #daQuizSection div[id^="google_ads_iframe"],
    #daQuizSection iframe[id^="google_ads_iframe"],
    #daQuizSection iframe[src*="googleads"],
    #daQuizSection iframe[src*="doubleclick"],
    #daQuizSection .google-auto-placed,
    #daQuizSection .adsbygoogle,
    #daQuizSection [class*="taboola"],
    #daQuizSection [id*="taboola"],
    #daQuizSection div[data-ad-placeholder],
    #daQuizSection div[data-google-query-id],
    #daQuizSection .ad-slot,
    #daQuizSection .ad-banner {
      display: none !important;
      visibility: hidden !important;
      height: 0 !important;
      width: 0 !important;
      opacity: 0 !important;
      pointer-events: none !important;
      margin: 0 !important;
      padding: 0 !important;
    }

#daQuizSection {
      --da-font: 'Plus Jakarta Sans', sans-serif;
      --da-as-font: 'Tiro Bangla', serif;
      --da-text: #1e293b;
      --da-muted: #64748b;
      --da-border: #e2e8f0;
      width: 100%;
      max-width: 100%;
      margin: 20px auto;
      font-family: var(--da-font);
      color: var(--da-text);
      box-sizing: border-box;
      position: relative;
    }

#daQuizSection *, #daQuizSection *::before, #daQuizSection *::after {
      box-sizing: border-box;
    }

/* MAIN PROFILE DASHBOARD CARD */
    #daQuizSection .da-rank-dashboard {
      background: linear-gradient(135deg, #1e1b4b 0%, #312e81 50%, #4338ca 100%);
      border-radius: 16px;
      padding: 24px 26px;
      margin-bottom: 18px;
      color: #ffffff;
      box-shadow: 0 16px 36px rgba(49, 46, 129, 0.28);
      position: relative;
    }

#daQuizSection .da-rank-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-wrap: wrap;
      gap: 15px;
    }

#daQuizSection .da-user-badge-wrap {
      display: flex;
      align-items: center;
      gap: 15px;
      flex: 1;
      min-width: 200px;
    }

#daQuizSection .da-user-avatar {
      width: 60px !important;
      height: 60px !important;
      min-width: 60px !important;
      min-height: 60px !important;
      max-width: 60px !important;
      max-height: 60px !important;
      aspect-ratio: 1 / 1 !important;
      border-radius: 50% !important;
      border: 3px solid rgba(255, 255, 255, 0.95);
      object-fit: cover !important;
      background: #e2e8f0;
      display: block;
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
      flex-shrink: 0 !important;
    }

#daQuizSection .da-rank-titles h4 {
      margin: 0;
      font-size: 15px;
      color: #e0e7ff;
      font-weight: 700;
    }

#daQuizSection .da-rank-titles h3 {
      margin: 4px 0 0;
      font-size: 21px;
      font-weight: 800;
      color: #ffffff;
    }

#daQuizSection .da-score-action-wrap {
      display: flex;
      align-items: center;
      gap: 8px;
    }

#daQuizSection .da-score-pill {
      background: rgba(255, 255, 255, 0.14);
      border: 1px solid rgba(255, 255, 255, 0.28);
      backdrop-filter: blur(8px);
      padding: 9px 20px;
      border-radius: 50px;
      display: flex;
      align-items: center;
      gap: 10px;
      font-size: 15px;
      font-weight: 700;
    }

#daQuizSection .da-score-num {
      color: #facc15;
      font-size: 24px;
      font-weight: 800;
    }

#daQuizSection .da-refresh-btn {
      background: rgba(255, 255, 255, 0.16);
      border: 1px solid rgba(255, 255, 255, 0.32);
      color: #ffffff;
      width: 44px;
      height: 44px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      transition: all 0.2s ease;
      flex-shrink: 0;
      padding: 0;
    }

#daQuizSection .da-refresh-btn:hover {
      background: rgba(255, 255, 255, 0.28);
      transform: scale(1.05);
    }

#daQuizSection .da-refresh-btn svg {
      width: 20px;
      height: 20px;
      fill: none;
      stroke: currentColor;
      stroke-width: 2.2;
      stroke-linecap: round;
      stroke-linejoin: round;
      transition: transform 0.5s ease;
    }

#daQuizSection .da-refresh-btn.da-spinning svg {
      animation: daRotate 0.8s linear infinite;
    }

@keyframes daRotate {
      from { transform: rotate(0deg); }
      to { transform: rotate(360deg); }
    }

#daQuizSection .da-rank-progress-wrap {
      margin-top: 20px;
    }

#daQuizSection .da-progress-meta {
      display: flex;
      justify-content: space-between;
      font-size: 13.5px;
      margin-bottom: 7px;
      color: #cbd5e1;
      font-weight: 600;
    }

#daQuizSection .da-progress-track {
      width: 100%;
      height: 10px;
      background: rgba(255, 255, 255, 0.22);
      border-radius: 10px;
      overflow: hidden;
    }

#daQuizSection .da-progress-bar {
      height: 100%;
      background: linear-gradient(90deg, #f59e0b, #fbbf24);
      border-radius: 10px;
      transition: width 0.5s ease;
      box-shadow: 0 0 12px rgba(251, 191, 36, 0.6);
    }

/* Guest alert */
    #daQuizSection .da-guest-box {
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-wrap: wrap;
      gap: 15px;
    }

#daQuizSection .da-guest-box h3 {
      margin: 0 0 5px;
      font-size: 19px;
      color: #facc15;
      font-weight: 800;
    }

#daQuizSection .da-guest-box p {
      margin: 0;
      font-size: 13.5px;
      color: #e2e8f0;
      line-height: 1.5;
    }

#daQuizSection .da-login-btn {
      background: #facc15;
      color: #0f172a;
      text-decoration: none;
      padding: 11px 22px;
      border-radius: 50px;
      font-weight: 800;
      font-size: 14px;
      display: inline-flex;
      align-items: center;
      gap: 6px;
      white-space: nowrap;
      transition: all 0.2s ease;
    }

#daQuizSection .da-login-btn:hover {
      background: #fde047;
      transform: scale(1.03);
    }

/* Navigation Tabs */
    #daQuizSection .da-tab-nav-container {
      display: flex;
      background: #f1f5f9;
      padding: 6px;
      border-radius: 18px;
      gap: 8px;
      margin-bottom: 22px;
      border: 1px solid #e2e8f0;
    }

#daQuizSection .da-tab-nav-btn {
      flex: 1;
      padding: 14px 18px;
      border: none;
      border-radius: 14px;
      background: transparent;
      color: #475569;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      font-family: inherit;
      font-size: 15.5px;
      font-weight: 800;
      transition: all 0.25s ease;
    }

#daQuizSection .da-tab-nav-btn.active {
      background: #ffffff;
      color: #4338ca;
      box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
    }

/* MY RANK VIEW */
    #daQuizSection #daMyRankSection {
      background: #ffffff;
      border-radius: 20px;
      border: 1px solid var(--da-border);
      padding: 22px 20px;
      margin-bottom: 30px;
      box-shadow: 0 8px 24px rgba(0,0,0,0.04);
      display: block;
    }

#daQuizSection .da-stat-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
      gap: 12px;
    }

#daQuizSection .da-stat-box {
      background: #f8fafc;
      border: 1px solid #e2e8f0;
      border-radius: 16px;
      padding: 14px 12px;
      text-align: center;
    }

#daQuizSection .da-stat-box small {
      display: block;
      color: #64748b;
      font-size: 11px;
      font-weight: 700;
      letter-spacing: 0.5px;
      margin-bottom: 4px;
    }

#daQuizSection .da-stat-box strong {
      font-size: 18px;
      color: #1e293b;
      font-weight: 800;
    }

/* ALL RANK VIEW */
    #daQuizSection #daAllRankSection {
      background: #ffffff;
      border-radius: 22px;
      border: 1px solid var(--da-border);
      box-shadow: 0 10px 30px rgba(0,0,0,0.06);
      margin-bottom: 30px;
      overflow: hidden;
      display: none;
    }

#daQuizSection .da-sub-tabs {
      display: flex;
      background: #f8fafc;
      border-bottom: 1px solid #e2e8f0;
    }

#daQuizSection .da-sub-tab {
      flex: 1;
      padding: 14px 10px;
      text-align: center;
      font-size: 14.5px;
      font-weight: 800;
      color: #64748b;
      cursor: pointer;
      border: none;
      background: none;
      font-family: inherit;
      transition: all 0.2s ease;
    }

#daQuizSection .da-sub-tab.active {
      color: #4338ca;
      background: #ffffff;
      border-bottom: 3px solid #4338ca;
    }

#daQuizSection .da-lb-list {
      padding: 16px 20px;
      max-height: 440px;
      overflow-y: auto;
    }

#daQuizSection .da-lb-item {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 12px 16px;
      border-radius: 14px;
      margin-bottom: 10px;
      background: #f8fafc;
      transition: transform 0.15s ease;
    }

#daQuizSection .da-lb-item:hover {
      transform: translateX(4px);
      background: #f1f5f9;
    }

#daQuizSection .da-lb-item.rank-1 { background: #fef9c3; border-left: 5px solid #eab308; }
    #daQuizSection .da-lb-item.rank-2 { background: #f1f5f9; border-left: 5px solid #94a3b8; }
    #daQuizSection .da-lb-item.rank-3 { background: #ffedd5; border-left: 5px solid #f97316; }

#daQuizSection .da-lb-left {
      display: flex;
      align-items: center;
      gap: 12px;
    }

#daQuizSection .da-pos-badge {
      font-weight: 800;
      font-size: 16px;
      width: 28px;
      text-align: center;
      color: #475569;
      flex-shrink: 0;
    }

#daQuizSection .da-lb-avatar {
      width: 44px !important;
      height: 44px !important;
      min-width: 44px !important;
      min-height: 44px !important;
      border-radius: 50% !important;
      object-fit: cover !important;
      background: #cbd5e1;
      border: 2px solid #ffffff;
      box-shadow: 0 2px 6px rgba(0,0,0,0.12);
      flex-shrink: 0 !important;
      display: inline-block;
    }

#daQuizSection .da-lb-name {
      font-size: 15px;
      font-weight: 700;
      color: #1e293b;
      margin: 0;
    }

#daQuizSection .da-lb-badge {
      font-size: 12px;
      color: #64748b;
      margin: 3px 0 0;
    }

#daQuizSection .da-lb-pts {
      font-size: 16px;
      font-weight: 800;
      color: #4338ca;
      white-space: nowrap;
    }

#daQuizSection .da-main-title {
      text-align: center;
      font-size: clamp(22px, 3.5vw, 28px);
      font-weight: 800;
      margin: 0 0 6px;
      color: #0f172a;
    }

#daQuizSection .da-main-subtitle {
      text-align: center;
      color: var(--da-muted);
      font-size: 14px;
      margin: 0 0 25px;
    }

/* Assamese Text */
    .da-as-text {
      font-family: var(--da-as-font) !important;
      font-weight: 600;
      letter-spacing: 0.2px;
    }

#daQuizSection .da-boxes-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(min(100%, 290px), 1fr));
      gap: 20px;
      width: 100%;
      align-items: start;
    }

#daQuizSection .da-category-box {
      background: #ffffff;
      border: 1px solid var(--da-border);
      border-radius: 22px;
      padding: 20px 16px 16px;
      display: flex;
      flex-direction: column;
      box-shadow: 0 8px 24px rgba(30, 41, 59, 0.04);
      transition: transform 0.2s ease, box-shadow 0.2s ease;
    }

#daQuizSection .da-category-box:hover {
      box-shadow: 0 12px 30px rgba(30, 41, 59, 0.08);
      transform: translateY(-2px);
    }

#daQuizSection .da-theme-pink { background: #fff8f9; border-color: #ffe4e8; --da-box-btn: #e11d48; }
    #daQuizSection .da-theme-blue { background: #f8fbff; border-color: #e0f2fe; --da-box-btn: #2563eb; }
    #daQuizSection .da-theme-purple { background: #faf8ff; border-color: #f3e8ff; --da-box-btn: #7c3aed; }
    #daQuizSection .da-theme-amber { background: #fffdf5; border-color: #fef3c7; --da-box-btn: #d97706; }

#daQuizSection .da-box-header { display: flex; align-items: center; gap: 12px; margin-bottom: 16px; }
    #daQuizSection .da-header-icon-wrap {
      width: 44px; height: 44px; border-radius: 50%;
      background: var(--da-box-btn, #4f46e5); color: #ffffff;
      display: flex; align-items: center; justify-content: center;
      font-size: 20px; flex-shrink: 0; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    }

#daQuizSection .da-box-title { font-size: 18px; font-weight: 700; margin: 0; color: #1e293b; line-height: 1.3; }
    #daQuizSection .da-options-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }

#daQuizSection .da-option-card {
      background: #ffffff; border: 1px solid #eef2f6; border-radius: 14px;
      padding: 14px 8px; display: flex; flex-direction: column;
      align-items: center; justify-content: center; text-align: center;
      color: var(--da-text); min-height: 98px; box-shadow: 0 2px 7px rgba(0, 0, 0, 0.02);
      transition: all 0.2s ease; cursor: pointer;
    }

#daQuizSection .da-option-card:hover { border-color: var(--da-box-btn, #4f46e5); transform: translateY(-2px); box-shadow: 0 5px 14px rgba(0, 0, 0, 0.06); }
    #daQuizSection .da-option-icon { font-size: 24px; margin-bottom: 6px; line-height: 1; }
    #daQuizSection .da-option-name { font-size: 13.5px; font-weight: 700; line-height: 1.35; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

#daQuizSection .da-extra-options { display: none; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-top: 10px; }
    #daQuizSection .da-extra-options.da-show { display: grid; }

#daQuizSection .da-read-more-btn {
      width: 100%; margin-top: 14px; padding: 10px 14px;
      background: var(--da-box-btn, #4f46e5); color: #ffffff; border: none;
      border-radius: 18px; font-family: var(--da-font); font-size: 13.5px;
      font-weight: 700; cursor: pointer; display: flex; align-items: center;
      justify-content: center; gap: 6px;
    }

#daQuizSection .da-direct-btn {
      width: 100%; padding: 24px 16px; background: #ffffff;
      border: 1.5px dashed var(--da-box-btn, #4f46e5); border-radius: 14px;
      font-size: 15px; font-weight: 700; color: var(--da-box-btn, #4f46e5);
      cursor: pointer; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px;
    }

#daQuizSection .da-toast {
      position: fixed; bottom: 20px; left: 50%; transform: translateX(-50%);
      background: #0f172a; color: #ffffff; padding: 10px 20px; border-radius: 25px;
      font-size: 13.5px; box-shadow: 0 8px 24px rgba(0,0,0,0.25); z-index: 99999;
      opacity: 0; pointer-events: none; transition: opacity 0.3s ease;
    }
    #daQuizSection .da-toast.da-show { opacity: 1; }
    #daQuizSection .da-india-flag { display: block; width: 1.15em; height: .8em; }

@media (max-width: 480px) {
      #daQuizSection .da-stat-grid { grid-template-columns: repeat(2, 1fr); }
      #daQuizSection .da-score-action-wrap { width: 100%; justify-content: space-between; }
      #daQuizSection .da-score-pill { flex: 1; justify-content: space-between; }
      #daQuizSection .da-lb-avatar { width: 38px !important; height: 38px !important; min-width: 38px !important; min-height: 38px !important; }
    }
  </style>

<div class="da-rank-dashboard" id="daMainProfileCard">
    <div id="daDashboardContent"></div>
  </div>

<div class="da-tab-nav-container">
    <button class="da-tab-nav-btn active" id="daBtnNavMy" type="button">
      <span>&#x1f464; My Rank</span>
    </button>
    <button class="da-tab-nav-btn" id="daBtnNavAll" type="button">
      <span>&#x1f3c6; All Rank</span>
    </button>
  </div>

<div id="daMyRankSection">
    <div class="da-stat-grid">
      <div class="da-stat-box">
        <small>GLOBAL RANK</small>
        <strong id="daStatPos">#--</strong>
      </div>
      <div class="da-stat-box">
        <small>CURRENT TIER</small>
        <strong id="daStatTier">Bronze</strong>
      </div>
      <div class="da-stat-box">
        <small>TOTAL POINTS</small>
        <strong id="daStatPoints" style="color: #4338ca;">0</strong>
      </div>
      <div class="da-stat-box">
        <small>NEXT LEVEL</small>
        <strong id="daStatNeeded">100 Pts</strong>
      </div>
    </div>
  </div>

<div id="daAllRankSection">
    <div class="da-sub-tabs">
      <button class="da-sub-tab active" data-sub="today" type="button">&#x26a1; Today Top 10</button>
      <button class="da-sub-tab" data-sub="all" type="button">&#x1f451; All Rank</button>
    </div>
    <div class="da-lb-list" id="daLeaderboardList">
      <p style="color: #64748b; padding: 25px; text-align: center;">Loading leaderboard data...</p>
    </div>
  </div>

<h2 class="da-main-title">Select Your Quiz</h2>
  <p class="da-main-subtitle">কুইজ খেলক, সঠিক উত্তৰ দি পইণ্ট অৰ্জন কৰক আৰু নিজৰ ৰেংক বঢ়াওক</p>

<div class="da-boxes-grid" id="daBoxesContainer"></div>
  <div class="da-toast" id="daToast">Link is not available for this option yet.</div>

</div>

function decodeHtml(html) {
    if (!html) return "";
    var txt = document.createElement("textarea");
    txt.innerHTML = html;
    return txt.value;
  }

function isAssamese(text) {
    return /[\u0980-\u09FF]/.test(text || "");
  }

var PROFILE_PAGE_URL = "/my-account/";
  var QUIZ_SHEET_URL = "https://script.google.com/macros/s/AKfycbwOJXDFnIInWLvJQ8NpMpTkMJaINwug0EpWMmrje3p1a69eDSuaep85rZO7XutAOMd9fQ/exec";

function getStudentPoints() {
    return parseInt(localStorage.getItem("da_student_points") || "0", 10);
  }

function getCurrentTier(points) {
    var tier = rankTiers[0];
    for (var i = 0; i < rankTiers.length; i++) {
      if (points >= rankTiers[i].min) tier = rankTiers[i];
    }
    return tier;
  }

function cleanBadgeToEnglish(badge) {
    if (!badge) return "Bronze";
    if (badge.indexOf("Crown") !== -1 || badge.indexOf("কুইজ মাষ্টাৰ") !== -1) return "&#x1f451; Crown Master";
    if (badge.indexOf("Diamond") !== -1 || badge.indexOf("বিশেষজ্ঞ") !== -1) return "&#x1f48e; Diamond";
    if (badge.indexOf("Gold") !== -1 || badge.indexOf("মেধাৱী") !== -1) return "&#x1f947; Gold";
    if (badge.indexOf("Silver") !== -1 || badge.indexOf("অধ্যয়নকাৰী") !== -1) return "&#x1f948; Silver";
    if (badge.indexOf("Bronze") !== -1 || badge.indexOf("প্ৰাৰম্ভিক") !== -1) return "&#x1f949; Bronze";
    return badge;
  }

function renderMainProfileCard() {
    var session = getStudentSession();
    var profile = getStudentProfile();
    var dash = document.getElementById("daDashboardContent");
    if (!dash) return;

var points = getStudentPoints();
    var tier = getCurrentTier(points);

if (!session || !session.email) {
      dash.innerHTML = 
        '<div class="da-guest-box">' +
          '<div>' +
            '<h3>&#x26a1; You are playing as a Guest!</h3>' +
            '<p>Current Points: <strong style="color:#facc15;font-size:16px;">' + points + ' Pts</strong> (' + tier.icon + ' ' + tier.title + ')</p>' +
            '<p style="font-size:12.5px;color:#cbd5e1;margin-top:4px;">Please login to your profile to show your photo and rank on the leaderboard.</p>' +
          '</div>' +
          '<div>' +
            '<a href="' + PROFILE_PAGE_URL + '" class="da-login-btn">&#x1f464; Login / Create Profile &rarr;</a>' +
          '</div>' +
        '</div>';

var sTier = document.getElementById("daStatTier");
      var sPts = document.getElementById("daStatPoints");
      var sNeed = document.getElementById("daStatNeeded");
      var sPos = document.getElementById("daStatPos");
      if (sTier) sTier.innerHTML = tier.title;
      if (sPts) sPts.innerHTML = points;
      if (sNeed) sNeed.innerHTML = (tier.max >= 999999) ? "Max" : (tier.max + 1 - points) + " Pts";
      if (sPos) sPos.innerHTML = "Guest";
      return;
    }

var name = (profile && profile.userName) ? profile.userName : ((profile && profile.name) ? profile.name : (session.name || "Student"));
    var rawPhoto = (profile && (profile.photo || profile.image || profile.user_photo)) || (session && session.photo) || "";
    var photo = fixDrivePhoto(rawPhoto);

var range = tier.max - tier.min + 1;
    var currentProgress = points - tier.min;
    var percent = (tier.max >= 999999) ? 100 : Math.min(100, Math.round((currentProgress / range) * 100));
    var needed = (tier.max + 1) - points;
    var nextText = (tier.max >= 999999) ? "Maximum rank achieved!" : ("Needed for " + tier.nextTitle + ": " + needed + " Pts");

dash.innerHTML = 
      '<div class="da-rank-header">' +
        '<div class="da-user-badge-wrap">' +
          '<img src="' + photo + '" referrerpolicy="no-referrer" class="da-user-avatar" alt="Avatar" onerror="this.onerror=null;this.src=\'https://www.w3schools.com/howto/img_avatar.png\';"/>' +
          '<div class="da-rank-titles">' +
            '<h4>' + decodeHtml(name) + ' <span style="font-size:12px;color:#cbd5e1;font-weight:normal;">(' + session.email + ')</span></h4>' +
            '<h3>' + tier.icon + ' ' + tier.title + '</h3>' +
          '</div>' +
        '</div>' +
        '<div class="da-score-action-wrap">' +
          '<div class="da-score-pill">' +
            '<span>Total Points:</span>' +
            '<span class="da-score-num">' + points + '</span>' +
          '</div>' +
          '<button type="button" class="da-refresh-btn" id="daBtnRefreshProfile" title="Sync Points and Rank">' +
            '<svg viewBox="0 0 24 24"><path d="M21.5 2v6h-6M21.34 15.57a10 10 0 1 1-.57-8.38l5.67-5.19"/></svg>' +
          '</button>' +
        '</div>' +
      '</div>' +
      '<div class="da-rank-progress-wrap">' +
        '<div class="da-progress-meta">' +
          '<span>' + nextText + '</span>' +
          '<span>' + percent + '%</span>' +
        '</div>' +
        '<div class="da-progress-track">' +
          '<div class="da-progress-bar" style="width: ' + percent + '%;"></div>' +
        '</div>' +
      '</div>';

var statTier = document.getElementById("daStatTier");
    var statPts = document.getElementById("daStatPoints");
    var statNeed = document.getElementById("daStatNeeded");
    if (statTier) statTier.innerHTML = tier.title;
    if (statPts) statPts.innerHTML = points;
    if (statNeed) statNeed.innerHTML = (tier.max >= 999999) ? "Max" : needed + " Pts";

function fetchLiveSheetPoints(callback) {
    var session = getStudentSession();
    if (!session || !session.email) {
      if (typeof callback === "function") callback();
      return;
    }

fetch(QUIZ_SHEET_URL + "?action=getPoints&email=" + encodeURIComponent(session.email.trim().toLowerCase()) + "&t=" + new Date().getTime())
      .then(function(res) { return res.json(); })
      .then(function(data) {
        if (data && data.status === "success") {
          var livePts = parseInt(data.totalPoints !== undefined ? data.totalPoints : (data.points || 0), 10);
          localStorage.setItem("da_student_points", livePts);

var statPos = document.getElementById("daStatPos");
          if (statPos && data.globalRank) statPos.innerHTML = data.globalRank;
          
          if (data.photo) {
            var cached = getStudentProfile() || {};
            cached.photo = data.photo;
            localStorage.setItem("ml_account_user_cache_v1", JSON.stringify(cached));
          }

renderMainProfileCard();
        }
      }).catch(function(e) {
        console.warn("Sheet sync error:", e);
      }).finally(function() {
        if (typeof callback === "function") callback();
      });
  }

renderMainProfileCard();
  fetchLiveSheetPoints();

var btnMy = document.getElementById("daBtnNavMy");
  var btnAll = document.getElementById("daBtnNavAll");
  var secMy = document.getElementById("daMyRankSection");
  var secAll = document.getElementById("daAllRankSection");

if (btnMy && btnAll) {
    btnMy.addEventListener("click", function() {
      btnMy.classList.add("active");
      btnAll.classList.remove("active");
      secMy.style.display = "block";
      secAll.style.display = "none";
    });

btnAll.addEventListener("click", function() {
      btnAll.classList.add("active");
      btnMy.classList.remove("active");
      secMy.style.display = "none";
      secAll.style.display = "block";
      fetchLeaderboardData();
    });
  }

var lbData = { today: [], all: [] };
  var currentSubTab = "today";

function renderLeaderboardList(subKey) {
    currentSubTab = subKey;
    var container = document.getElementById("daLeaderboardList");
    if (!container) return;

var list = (subKey === "today") ? (lbData.today || []) : (lbData.all || []);

if (list.length === 0) {
      container.innerHTML = "<p style='text-align:center;color:#64748b;padding:30px;font-weight:600;'>" + 
        (subKey === "today" ? "আজি এতিয়ালৈকে কোনোবাই কুইজ খেলা নাই। প্ৰথম হৈ ৰেংক ১ লাভ কৰক!" : "No leaderboard records found!") + 
        "</p>";
      return;
    }

var html = "";
    list.forEach(function(item, index) {
      var rankClass = (index === 0) ? "rank-1" : (index === 1) ? "rank-2" : (index === 2) ? "rank-3" : "";
      var medal = (index === 0) ? "&#x1f947;" : (index === 1) ? "&#x1f948;" : (index === 2) ? "&#x1f949;" : "#" + (index + 1);
      var userImg = fixDrivePhoto(item.photo);
      var badgeClean = cleanBadgeToEnglish(item.badge);

var displayPoints = (subKey === "today") 
        ? (item.todayPoints !== undefined ? item.todayPoints : item.points) 
        : (item.totalPoints !== undefined ? item.totalPoints : item.points);

html += '<div class="da-lb-item ' + rankClass + '">' +
                '<div class="da-lb-left">' +
                  '<span class="da-pos-badge">' + medal + '</span>' +
                  '<img src="' + userImg + '" referrerpolicy="no-referrer" class="da-lb-avatar" alt="Avatar" onerror="this.onerror=null;this.src=\'https://www.w3schools.com/howto/img_avatar.png\';"/>' +
                  '<div>' +
                    '<p class="da-lb-name">' + decodeHtml(item.name || "Student") + '</p>' +
                    '<p class="da-lb-badge">' + decodeHtml(badgeClean) + (item.emailHidden ? ' • ' + item.emailHidden : '') + '</p>' +
                  '</div>' +
                '</div>' +
                '<div class="da-lb-pts">' + (displayPoints || 0) + ' Pts</div>' +
              '</div>';
    });

container.innerHTML = html;
  }

function fetchLeaderboardData() {
    var container = document.getElementById("daLeaderboardList");
    if (container && (!lbData.today || lbData.today.length === 0)) {
      container.innerHTML = "<p style='text-align:center;color:#64748b;padding:30px;'>Loading leaderboard data...</p>";
    }

fetch(QUIZ_SHEET_URL + "?t=" + new Date().getTime())
      .then(function(res) { return res.json(); })
      .then(function(data) {
        if (data && data.status === "success") {
          lbData = data;
          renderLeaderboardList(currentSubTab);
        }
      }).catch(function(err) {
        if (container) container.innerHTML = "<p style='text-align:center;color:#ef4444;padding:30px;'>Error fetching leaderboard data.</p>";
      });
  }

fetchLeaderboardData();

window.daSubmitQuiz = function(pointsToAdd, quizTitle) {
    var pts = pointsToAdd || 1;
    var session = getStudentSession();

if (!session || !session.email) {
      var current = getStudentPoints() + pts;
      localStorage.setItem("da_student_points", current);
      renderMainProfileCard();
      showToast("Congrats! Earned +" + pts + " Points. Login to show your rank on the leaderboard!");
      return;
    }

var profile = getStudentProfile();
    var name = (profile && profile.userName) ? profile.userName : ((profile && profile.name) ? profile.name : (session.name || "Student"));

fetch(QUIZ_SHEET_URL, {
      method: "POST",
      mode: "no-cors",
      headers: { "Content-Type": "application/json" },
      body: JSON.stringify({
        email: session.email,
        name: name,
        pointsToAdd: pts,
        quizTitle: quizTitle || document.title
      })
    }).then(function() {
      showToast("Congratulations! +" + pts + " Points added to your profile.");
      setTimeout(function() {
        fetchLiveSheetPoints();
        fetchLeaderboardData();
      }, 1500);
    }).catch(function(err) {
      console.error("Sheet error:", err);
    });
  };

var toast = document.getElementById("daToast");
  function showToast(msg) {
    if (msg) toast.innerHTML = decodeHtml(msg);
    toast.classList.add("da-show");
    setTimeout(function() { toast.classList.remove("da-show"); }, 3000);
  }

function handleNavigation(url) {
    var cleanUrl = (url || "").trim();
    if (!cleanUrl || cleanUrl === "#") {
      showToast("Link is not available for this option yet.");
      return;
    }
    window.location.href = cleanUrl;
  }

function createOptionCard(item) {
    var card = document.createElement("div");
    card.className = "da-option-card";

var iconSpan = document.createElement("span");
    iconSpan.className = "da-option-icon";
    if (decodeHtml(item.icon) === "&#x1f1ee;&#x1f1f3;") {
      iconSpan.appendChild(createIndiaFlag());
    } else {
      iconSpan.innerHTML = item.icon || "&#x1f4d8;";
    }

var nameSpan = document.createElement("span");
    nameSpan.className = "da-option-name";
    if (isAssamese(item.name)) {
      nameSpan.classList.add("da-as-text");
    }
    nameSpan.innerHTML = decodeHtml(item.name);

card.appendChild(iconSpan);
    card.appendChild(nameSpan);

card.addEventListener("click", function() {
      handleNavigation(item.url);
    });

return card;
  }

var container = document.getElementById("daBoxesContainer");

quizData.forEach(function (box) {
    var boxDiv = document.createElement("div");
    boxDiv.className = "da-category-box da-theme-" + (box.theme || "blue");

var header = document.createElement("div");
    header.className = "da-box-header";

var iconWrap = document.createElement("div");
    iconWrap.className = "da-header-icon-wrap";
    if (decodeHtml(box.icon) === "&#x1f1ee;&#x1f1f3;") {
      iconWrap.appendChild(createIndiaFlag());
    } else {
      iconWrap.innerHTML = box.icon;
    }

var title = document.createElement("h3");
    title.className = "da-box-title";
    if (isAssamese(box.name)) {
      title.classList.add("da-as-text");
    }
    title.innerHTML = decodeHtml(box.name);

header.appendChild(iconWrap);
    header.appendChild(title);
    boxDiv.appendChild(header);

if (box.url) {
      var directBtn = document.createElement("button");
      directBtn.type = "button";
      directBtn.className = "da-direct-btn";
      directBtn.innerHTML = "<span style='font-size:28px;'>" + box.icon + "</span><span>Open " + decodeHtml(box.name) + " &rarr;</span>";
      directBtn.addEventListener("click", function() {
        handleNavigation(box.url);
      });
      boxDiv.appendChild(directBtn);
      container.appendChild(boxDiv);
      return;
    }

var initialItems = box.items.slice(0, 2);
    var remainingItems = box.items.slice(2);

var optGrid = document.createElement("div");
    optGrid.className = "da-options-grid";
    initialItems.forEach(function (item) {
      optGrid.appendChild(createOptionCard(item));
    });
    boxDiv.appendChild(optGrid);

if (remainingItems.length > 0) {
      var extraGrid = document.createElement("div");
      extraGrid.className = "da-extra-options";
      remainingItems.forEach(function (item) {
        extraGrid.appendChild(createOptionCard(item));
      });
      boxDiv.appendChild(extraGrid);

var readMoreBtn = document.createElement("button");
      readMoreBtn.type = "button";
      readMoreBtn.className = "da-read-more-btn";
      readMoreBtn.innerHTML = "Read More (" + remainingItems.length + "+) &darr;";

readMoreBtn.addEventListener("click", function () {
        var isOpen = extraGrid.classList.contains("da-show");
        if (isOpen) {
          extraGrid.classList.remove("da-show");
          readMoreBtn.innerHTML = "Read More (" + remainingItems.length + "+) &darr;";
        } else {
          extraGrid.classList.add("da-show");
          readMoreBtn.innerHTML = "Show Less &uarr;";
        }
      });

boxDiv.appendChild(readMoreBtn);
    }

container.appendChild(boxDiv);
  });
});
</script>

<p></p>

Your Email ID

Verification record-ৰ বাবে Email ID প্রয়োজন। Name নালাগে।

What did you update?

আপুনি কি কি সলনি কৰিলে সৰুকৈ লিখক। Admin Review page-ত automatic change highlight-ও দেখা যাব।

Submit কৰাৰ পাছত এই Update টো Pending Verification হিচাপে save হ'ব।

Update This Post

My Subjects