const fs = require('fs');

let html = fs.readFileSync('index.html', 'utf8');

const missingLines = `        <li data-view="projects" id="nav-projects">المشاريع</li>
        <li data-view="project-reports" id="nav-project-reports">تقارير المشاريع</li>
        <li data-view="project-costs" id="nav-project-costs">تكاليف المشاريع المجمع</li>
        <li data-view="subcontracts" id="nav-subcontracts">عقود مقاولي الباطن</li>
        <li data-view="subcontract-abstracts" id="nav-subcontract-abstracts">مستخلصات مقاولي الباطن</li>
        <li data-view="client-abstracts" id="nav-client-abstracts">مستخلصات عملاء</li>
        <li data-view="balances" id="nav-balances">أرصدة المخزون</li>
        <li data-view="transactions" id="nav-transactions">مستندات المخزون (فواتير)</li>
        <li id="btn-logout" class="text-danger">تسجيل خروج</li>
      </ul>
    </div>

    <div class="main-content">
      <!-- Dashboard View -->
      <div id="view-dashboard" class="view active">
        <h2>لوحة القيادة</h2>
        <div class="stats-grid">
          <div class="stat-card"><h3>إجمالي الأصناف</h3><p id="stat-items">0</p></div>
          <div class="stat-card"><h3>حركات اليوم</h3><p id="stat-transactions">0</p></div>
          <div class="stat-card"><h3>المهام المعلقة</h3><p id="stat-pending">0</p></div>
          <div class="stat-card"><h3>قيمة المخزون الحالية</h3><p id="stat-inventory-value">0 ج.م</p></div>
          <div class="stat-card" id="my-custody-card" style="display:none; border: 2px solid var(--primary);">
            <h3 style="color:var(--primary);">رصيد عهدتي المتبقي</h3>
            <p id="my-custody-balance" style="color:var(--primary); font-size:24px; font-weight:bold; margin: 10px 0;">0</p>
            <button class="btn-primary" onclick="openAccountStatement(currentUser.custody_account_id)" style="width:100%; font-size:14px; padding:8px;">📄 كشف حساب العهدة</button>
          </div>
        </div>

        <div id="storekeepers-dashboard-section" style="display:none; margin-top: 30px;">
          <h3 style="margin-bottom: 15px; border-bottom: 1px solid var(--border); padding-bottom: 10px;">أرصدة عهد أمناء المخازن</h3>
          <div class="table-container">
            <table class="excel-table">
              <thead>
                <tr>
                  <th>اسم الأمين</th>
                  <th>الحساب المربوط</th>
                  <th>الرصيد الحالي</th>
                  <th>إجراءات</th>
                </tr>
              </thead>
              <tbody id="storekeepers-dashboard-tbody"></tbody>
            </table>
          </div>
        </div>
      </div>`;

// Find where it was removed. It was removed right after <li data-view="item-card" id="nav-item-card">كارت الصنف التفصيلي</li>
html = html.replace(
  '<li data-view="item-card" id="nav-item-card">كارت الصنف التفصيلي</li>\n      </div>\n\n      <!-- Accounting View -->',
  '<li data-view="item-card" id="nav-item-card">كارت الصنف التفصيلي</li>\n' + missingLines + '\n\n      <!-- Accounting View -->'
);

fs.writeFileSync('index.html', html, 'utf8');
console.log('Restored index.html successfully!');
