Add researcher search and supervisor dashboard

index.html

@@ -40,11 +40,16 @@
             <h1>اختر اسم الباحث</h1>
             <p>سيتم عرض العينات والخريطة والأدوات الخاصة بالباحث المختار.</p>
           </div>
-          <div class="search-shell">
+          <div class="directory-tabs" role="tablist" aria-label="طريقة الوصول">
+            <button id="researcherModeButton" class="directory-tab active" type="button">اختيار الباحث</button>
+            <button id="entityModeButton" class="directory-tab" type="button">البحث عن منشأة</button>
+          </div>
+          <div class="search-shell directory-search">
             <svg viewBox="0 0 24 24"><circle cx="11" cy="11" r="7" /><path d="m20 20-4-4" /></svg>
             <input id="researcherSearch" type="search" placeholder="ابحث باسم الباحث" />
           </div>
           <div id="researcherGrid" class="researcher-grid"></div>
+          <div id="entitySearchResults" class="entity-search-results" hidden></div>
         </div>
       </section>
 
@@ -173,6 +178,87 @@
           </section>
         </div>
       </section>
+
+      <section id="adminView" class="admin-view" hidden>
+        <header class="topbar admin-topbar">
+          <div class="topbar-brand">
+            <div class="brand-mark small" aria-hidden="true">
+              <svg viewBox="0 0 24 24"><path d="M4 20V8l8-4 8 4v12H4Z" /><path d="M8 20v-7h8v7" /></svg>
+            </div>
+            <div>
+              <p>قياس الوضع الراهن</p>
+              <h1>لوحة متابعة الإنتاجية</h1>
+            </div>
+          </div>
+          <button id="adminLogoutButton" class="icon-button topbar-icon" type="button" aria-label="تسجيل الخروج" title="تسجيل الخروج">
+            <svg viewBox="0 0 24 24"><path d="M10 17l5-5-5-5M15 12H3M15 4h4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2h-4" /></svg>
+          </button>
+        </header>
+
+        <div class="admin-shell">
+          <section class="admin-heading">
+            <div>
+              <p class="eyebrow">متابعة مباشرة</p>
+              <h2>الإنتاجية الميدانية</h2>
+              <p id="adminUpdatedAt">تتم مزامنة البيانات من سجل التوثيق في Google Drive.</p>
+            </div>
+            <button id="refreshAdminButton" class="secondary-button compact" type="button">
+              <svg viewBox="0 0 24 24"><path d="M20 6v5h-5M4 18v-5h5M6.1 9A7 7 0 0 1 18 6l2 5M17.9 15A7 7 0 0 1 6 18l-2-5" /></svg>
+              تحديث
+            </button>
+          </section>
+
+          <section id="adminStats" class="admin-stats"></section>
+
+          <section class="admin-controls">
+            <label class="field-group admin-search">
+              <span>البحث</span>
+              <div class="search-shell">
+                <svg viewBox="0 0 24 24"><circle cx="11" cy="11" r="7" /><path d="m20 20-4-4" /></svg>
+                <input id="adminSearch" type="search" placeholder="اسم المنشأة أو الباحث أو السجل التجاري" />
+              </div>
+            </label>
+            <label class="field-group">
+              <span>الباحث</span>
+              <div class="select-shell">
+                <select id="adminResearcherFilter"><option value="">جميع الباحثين</option></select>
+                <svg viewBox="0 0 24 24"><path d="m7 10 5 5 5-5" /></svg>
+              </div>
+            </label>
+            <label class="field-group">
+              <span>المدينة</span>
+              <div class="select-shell">
+                <select id="adminCityFilter"><option value="">جميع المدن</option></select>
+                <svg viewBox="0 0 24 24"><path d="m7 10 5 5 5-5" /></svg>
+              </div>
+            </label>
+            <label class="field-group">
+              <span>التاريخ</span>
+              <input id="adminDateFilter" class="date-input" type="date" />
+            </label>
+          </section>
+
+          <section class="admin-grid">
+            <article class="admin-panel productivity-panel">
+              <div class="admin-panel-heading">
+                <div><p class="eyebrow">حسب الباحث</p><h3>الإنتاجية</h3></div>
+              </div>
+              <div id="researcherProductivity" class="productivity-list"></div>
+            </article>
+            <article class="admin-panel records-panel">
+              <div class="admin-panel-heading">
+                <div><p class="eyebrow">سجل التوثيق</p><h3>آخر العمليات</h3></div>
+                <span id="adminRecordsCount"></span>
+              </div>
+              <div id="adminRecords" class="admin-records"></div>
+              <div id="adminEmpty" class="empty-state" hidden>
+                <h3>لا توجد نتائج مطابقة</h3>
+                <p>غيّر البحث أو الفلاتر لعرض سجلات أخرى.</p>
+              </div>
+            </article>
+          </section>
+        </div>
+      </section>
     </main>
 
     <aside id="selectionBar" class="selection-bar" hidden aria-live="polite">