Spaces:
Running
Running
| <html lang="ar" dir="rtl"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>AEFRS Ultimate - نظام التعرف على الوجوه</title> | |
| <link rel="stylesheet" href="/static/style.css"> | |
| </head> | |
| <body> | |
| <div class="container"> | |
| <div class="header"> | |
| <h1>🔒 AEFRS Ultimate</h1> | |
| <p>نظام متقدم للتعرف على الوجوه - Air-Gapped Enterprise Solution</p> | |
| </div> | |
| <div class="tabs"> | |
| <button class="tab-btn active" onclick="showTab('enroll')">📝 تسجيل وجه جديد</button> | |
| <button class="tab-btn" onclick="showTab('search')">🔍 بحث عن وجه</button> | |
| <button class="tab-btn" onclick="showTab('database')">🗄️ قاعدة البيانات</button> | |
| </div> | |
| <!-- تبويب التسجيل --> | |
| <div id="enroll" class="tab-content active"> | |
| <div class="card"> | |
| <h2>تسجيل شخص جديد</h2> | |
| <div class="form-group"> | |
| <label>📸 صورة الوجه</label> | |
| <input type="file" id="enrollImage" accept="image/*" capture="environment"> | |
| <div class="image-preview" id="enrollPreview"></div> | |
| </div> | |
| <div class="form-group"> | |
| <label>👤 اسم الشخص</label> | |
| <input type="text" id="personName" placeholder="أدخل الاسم الكامل"> | |
| </div> | |
| <button class="btn-primary" onclick="enrollFace()">✨ تسجيل الوجه</button> | |
| <div id="enrollResult" class="result-message"></div> | |
| </div> | |
| </div> | |
| <!-- تبويب البحث --> | |
| <div id="search" class="tab-content"> | |
| <div class="card"> | |
| <h2>البحث عن وجه</h2> | |
| <div class="form-group"> | |
| <label>🔍 صورة للبحث</label> | |
| <input type="file" id="searchImage" accept="image/*" capture="environment"> | |
| <div class="image-preview" id="searchPreview"></div> | |
| </div> | |
| <button class="btn-primary" onclick="searchFace()">🔎 بحث</button> | |
| <div id="searchResult" class="result-message"></div> | |
| </div> | |
| </div> | |
| <!-- تبويب قاعدة البيانات --> | |
| <div id="database" class="tab-content"> | |
| <div class="card"> | |
| <h2>الأشخاص المسجلين</h2> | |
| <button class="btn-secondary" onclick="loadDatabase()">🔄 تحديث</button> | |
| <div id="databaseList" class="database-list"></div> | |
| </div> | |
| </div> | |
| </div> | |
| <script src="/static/script.js"></script> | |
| </body> | |
| </html> |