fork download
copy 
  1.  
Success #stdin #stdout 0.07s 14096KB
comments (?)
stdin
copy 
<?php
// الاتصال بقاعدة البيانات
$db = new SQLite3('employees.db');
session_start();

// إنشاء الجداول
$db->exec("
    CREATE TABLE IF NOT EXISTS users (
        id INTEGER PRIMARY KEY AUTOINCREMENT,
        username TEXT UNIQUE,
        password TEXT,
        role TEXT,
        permissions TEXT,
        active INTEGER DEFAULT 1
    );

    CREATE TABLE IF NOT EXISTS employees (
        militaryNumber TEXT PRIMARY KEY,
        firstName TEXT,
        lastName TEXT,
        unit TEXT,
        department TEXT,
        section TEXT,
        specialty TEXT,
        supervisor TEXT,
        qualification TEXT,
        phone TEXT,
        notes TEXT
    );

    CREATE TABLE IF NOT EXISTS dailyStatus (
        id INTEGER PRIMARY KEY AUTOINCREMENT,
        militaryNumber TEXT,
        checkIn DATE,
        checkOut DATE,
        exitReason TEXT,
        notes TEXT,
        FOREIGN KEY(militaryNumber) REFERENCES employees(militaryNumber)
    );
");

// إضافة مستخدم افتراضي
$db->exec("INSERT OR IGNORE INTO users (username, password, role) VALUES ('admin', 'admin123', 'admin')");

// معالجة طلبات AJAX
if ($_SERVER['REQUEST_METHOD'] === 'POST') {
    header('Content-Type: application/json');
    $response = [];

    try {
        switch ($_POST['action']) {
            case 'login':
                $stmt = $db->prepare("SELECT * FROM users WHERE username = :username");
                $stmt->bindValue(':username', $_POST['username']);
                $user = $stmt->execute()->fetchArray(SQLITE3_ASSOC);
                
                if ($user && $_POST['password'] === $user['password']) {
                    $_SESSION['user'] = $user;
                    $response['success'] = true;
                } else {
                    $response['error'] = 'بيانات الدخول غير صحيحة';
                }
                break;

            case 'getEmployees':
                $result = $db->query("SELECT * FROM employees");
                $employees = [];
                while ($row = $result->fetchArray(SQLITE3_ASSOC)) {
                    $employees[] = $row;
                }
                $response['data'] = $employees;
                break;

            case 'saveEmployee':
                $stmt = $db->prepare("
                    INSERT OR REPLACE INTO employees VALUES (
                        :militaryNumber, :firstName, :lastName, :unit,
                        :department, :section, :specialty, :supervisor,
                        :qualification, :phone, :notes
                    )
                ");
                
                foreach ($_POST as $key => $value) {
                    if ($key !== 'action') {
                        $stmt->bindValue(":$key", $value);
                    }
                }
                
                $stmt->execute();
                $response['success'] = true;
                break;

            case 'deleteEmployee':
                $db->exec("DELETE FROM employees WHERE militaryNumber = '{$_POST['militaryNumber']}'");
                $response['success'] = true;
                break;

            case 'getDailyStatus':
                $result = $db->query("
                    SELECT e.*, d.checkIn, d.checkOut, d.exitReason 
                    FROM employees e
                    LEFT JOIN dailyStatus d ON e.militaryNumber = d.militaryNumber
                ");
                
                $data = [];
                while ($row = $result->fetchArray(SQLITE3_ASSOC)) {
                    $data[] = $row;
                }
                $response['data'] = $data;
                break;
        }
    } catch (Exception $e) {
        $response['error'] = $e->getMessage();
    }

    echo json_encode($response);
    exit;
}

// إذا لم يكن مسجل دخول
if (!isset($_SESSION['user']) && basename($_SERVER['PHP_SELF']) !== 'login.php') {
    header("Location: login.php");
    exit;
}
?>

<!DOCTYPE html>
<html lang="ar" dir="rtl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>نظام شؤون العاملين - القوات الخاصة</title>
    <link href="https://c...content-available-to-author-only...r.net/npm/bootstrap@5.1.3/dist/css/bootstrap.rtl.min.css" rel="stylesheet">
    <link href="https://c...content-available-to-author-only...e.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet">
    <style>
        /* نفس الأنماط الأصلية */
         :root {
            --primary-color: #2A3950;
            --secondary-color: #3A4B63;
            --accent-color: #4E6BFF;
            --success-color: #00C853;
            --warning-color: #FFC107;
            --danger-color: #D32F2F;
            --gradient-bg: linear-gradient(135deg, #f8f9fa 0%, #eef2f6 100%);
            --glass-bg: rgba(255, 255, 255, 0.98);
        }

        body {
            background: var(--gradient-bg);
            font-family: 'Tajawal', sans-serif;
            min-height: 100vh;
            color: var(--primary-color);
        }

        .header-title {
            font-size: 2.8rem;
            font-weight: 800;
            letter-spacing: -1px;
            background: linear-gradient(45deg, var(--primary-color), var(--accent-color));
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            text-shadow: 2px 2px 4px rgba(0,0,0,0.1);
        }

        .glassmorphism {
            background: var(--glass-bg);
            backdrop-filter: blur(12px);
            border-radius: 20px;
            box-shadow: 0 8px 32px rgba(31, 38, 135, 0.1);
            border: 1px solid rgba(255, 255, 255, 0.3);
            transition: transform 0.3s, box-shadow 0.3s;
        }

        .stat-card {
            border: none;
            border-radius: 15px;
            background: var(--glass-bg);
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
            cursor: pointer;
            padding: 1.5rem;
        }

        .stat-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 12px 24px rgba(0,0,0,0.1);
        }

        .scrollable-table {
            max-height: 60vh;
            overflow-y: auto;
            border-radius: 12px;
        }

        .fixed-sidebar {
            background: var(--glass-bg);
            box-shadow: 4px 0 15px rgba(0,0,0,0.05);
            position: fixed;
            right: 0;
            top: 0;
            height: 100vh;
            width: 280px;
            transition: right 0.3s;
            z-index: 1000;
        }

        .nav-link {
            color: var(--primary-color);
            font-weight: 500;
            border-radius: 10px;
            transition: all 0.3s;
            padding: 0.75rem 1.5rem;
            margin: 0.25rem 0;
        }

        .nav-link:hover {
            background: rgba(78, 107, 255, 0.1);
            transform: translateX(-5px);
        }

        .btn-modern {
            border: none;
            border-radius: 10px;
            padding: 12px 24px;
            font-weight: 600;
            transition: all 0.3s;
            position: relative;
            overflow: hidden;
            background: var(--accent-color);
            color: white;
        }

        .btn-modern:before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(255,255,255,0.1);
            opacity: 0;
            transition: 0.3s;
        }

        .btn-modern:hover:before {
            opacity: 1;
        }

        .table-modern {
            --bs-table-bg: transparent;
            border-collapse: separate;
            border-spacing: 0 8px;
            width: 100%;
        }

        .table-modern thead {
            background: var(--primary-color);
            color: white;
            position: sticky;
            top: 0;
        }

        .table-modern th {
            border: none;
            padding: 1rem;
            font-weight: 600;
            font-size: 1.1rem;
        }

        .table-modern td {
            background: var(--glass-bg);
            vertical-align: middle;
            padding: 1.2rem;
            border-bottom: 2px solid #f8f9fa;
        }

        .table-modern tr {
            transition: transform 0.3s;
        }

        .table-modern tr:hover {
            transform: translateX(5px);
        }

        .badge-modern {
            padding: 0.5rem 1rem;
            border-radius: 8px;
            font-weight: 600;
            font-size: 0.9rem;
            background: var(--accent-color);
            color: white;
        }

        .chart-container {
            background: var(--glass-bg);
            border-radius: 20px;
            padding: 1.5rem;
            box-shadow: 0 8px 16px rgba(0,0,0,0.05);
        }

        @media (max-width: 768px) {
            .header-title {
                font-size: 2rem;
            }
            
            .stat-card {
                margin-bottom: 1.5rem;
            }
            
            .fixed-sidebar {
                width: 100%;
            }
        }
        
        /* أنماط لوحة المدير الجديدة */
        .admin-panel-section {
            display: none;
            background: var(--glass-bg);
            border-radius: 20px;
            padding: 2rem;
            margin-top: 2rem;
        }

        .admin-stats-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
            gap: 1.5rem;
            margin-bottom: 2rem;
        }

        .admin-card {
            background: var(--glass-bg);
            padding: 1.5rem;
            border-radius: 15px;
            box-shadow: 0 4px 12px rgba(0,0,0,0.05);
            transition: transform 0.3s;
        }

        .admin-card:hover {
            transform: translateY(-5px);
        }

        .permission-badge {
            padding: 0.5rem 1rem;
            border-radius: 8px;
            font-size: 0.9rem;
            background: rgba(78, 107, 255, 0.1);
            color: var(--accent-color);
        }

        .activity-log {
            max-height: 500px;
            overflow-y: auto;
            padding: 1rem;
            background: var(--glass-bg);
            border-radius: 15px;
        }
        /* ... جميع الأنماط الأصلية ... */
    </style>
</head>
<body>

<?php if (!isset($_SESSION['user'])): ?>
<!-- نموذج الدخول -->
<div class="modal fade show d-block" tabindex="-1">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <form id="loginForm">
                <div class="modal-header bg-primary text-white">
                    <h5 class="modal-title">تسجيل الدخول</h5>
                </div>
                <div class="modal-body">
                    <div class="mb-3">
                        <label>اسم المستخدم</label>
                        <input type="text" name="username" class="form-control" required>
                    </div>
                    <div class="mb-3">
                        <label>كلمة المرور</label>
                        <input type="password" name="password" class="form-control" required>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="submit" class="btn btn-primary">دخول</button>
                </div>
            </form>
        </div>
    </div>
</div>

<?php else: ?>
<!-- الواجهة الرئيسية -->
<nav id="sidebar" class="d-flex flex-column p-3 glassmorphism fixed-sidebar">
    <!-- نفس محتوى القائمة الجانبية -->

style="right: -280px;">

    <div class="sidebar-header">
        <h4 class="text-primary mb-4">القائمة الرئيسية</h4>
    </div>
    
    <ul class="nav flex-column flex-grow-1">
        <li class="nav-item">
            <button class="nav-link btn btn-link text-start" onclick="showDashboard()">
                <i class="fas fa-home me-2"></i>اللوحة الرئيسية
            </button>
        </li>
        <li class="nav-item">
            <button class="nav-link btn btn-link text-start" onclick="showEmployeeManagement()">
                <i class="fas fa-users-cog me-2"></i>إدارة الأفراد
            </button>
        </li>
        <li class="nav-item">
            <button class="nav-link btn btn-link text-start" onclick="showDailyStatus()">
                <i class="fas fa-calendar-day me-2"></i>الوضعية اليومية
            </button>
        </li>
        <li class="nav-item">
            <button class="nav-link btn btn-link text-start" onclick="showReports()">
                <i class="fas fa-chart-pie me-2"></i>التقارير
            </button>
        </li>
        <li class="nav-item">
            <button class="nav-link btn btn-link text-start" data-bs-toggle="modal" data-bs-target="#settingsModal">
                <i class="fas fa-cogs me-2"></i>الإعدادات
            </button>
        </li>
    </ul>

    <!-- العناصر الأصلية -->
    <li class="nav-item">
        <button class="nav-link btn btn-link text-start" onclick="showAdminPanel()">
            <i class="fas fa-user-shield me-2"></i>لوحة المدير
        </button>
    </li>

</nav>


<!-- زر فتح القائمة -->
<button class="btn btn-modern fixed-top m-3" onclick="toggleSidebar()">
    <i class="fas fa-bars me-2"></i> القائمة
</button>



<!-- قسم لوحة المدير -->
<div class="admin-panel-section" id="adminPanel">
    <button class="btn btn-modern mb-4" onclick="returnToMain()">
        <i class="fas fa-arrow-right me-2"></i>العودة للوحة الرئيسية
    </button>

    <h2 class="header-title mb-4">لوحة المدير</h2>

    <div class="admin-stats-grid">
        <div class="admin-card">
            <div class="d-flex align-items-center">
                <div class="flex-grow-1">
                    <h5 class="mb-2">المستخدمون النشطون</h5>
                    <h2 class="mb-0 text-primary" id="activeUsersCount">0</h2>
                </div>
                <i class="fas fa-user-check fs-1 text-primary"></i>
            </div>
        </div>

        <div class="admin-card">
            <div class="d-flex align-items-center">
                <div class="flex-grow-1">
                    <h5 class="mb-2">العمليات اليومية</h5>
                    <h2 class="mb-0 text-success" id="dailyActivities">0</h2>
                </div>
                <i class="fas fa-tasks fs-1 text-success"></i>
            </div>
        </div>

        <div class="admin-card">
            <div class="d-flex align-items-center">
                <div class="flex-grow-1">
                    <h5 class="mb-2">الإنذارات</h5>
                    <h2 class="mb-0 text-danger" id="adminAlerts">0</h2>
                </div>
                <i class="fas fa-bell fs-1 text-danger"></i>
            </div>
        </div>
    </div>

    <div class="row g-4">
        <div class="col-md-8">
            <div class="admin-card">
                <h5 class="mb-3">نشاط النظام</h5>
                <canvas id="adminActivityChart"></canvas>
            </div>
        </div>

        <div class="col-md-4">
            <div class="admin-card">
                <h5 class="mb-3">الإحصائيات السريعة</h5>
                <ul class="list-group">
                    <li class="list-group-item d-flex justify-content-between align-items-center">
                        المستخدمون المصرح لهم
                        <span class="badge-modern" id="authorizedUsers">0</span>
                    </li>
                    <li class="list-group-item d-flex justify-content-between align-items-center">
                        التعديلات الأخيرة
                        <span class="badge-modern bg-warning" id="recentChanges">0</span>
                    </li>
                </ul>
            </div>
        </div>
    </div>

    <!-- قسم إدارة المستخدمين -->
    <div class="mt-5" id="adminUsersSection">
        <div class="d-flex justify-content-between align-items-center mb-4">
            <h4>إدارة المستخدمين</h4>
            <button class="btn btn-modern" onclick="showUserForm()">
                <i class="fas fa-user-plus me-2"></i>مستخدم جديد
            </button>
        </div>

        <div class="scrollable-table">
            <table class="table table-modern">
                <thead>
                    <tr>
                        <th>اسم المستخدم</th>
                        <th>الدور</th>
                        <th>الصلاحيات</th>
                        <th>الحالة</th>
                        <th>الإجراءات</th>
                    </tr>
                </thead>
                <tbody id="adminUsersTable"></tbody>
            </table>
        </div>
    </div>
</div>








<!-- نافذة إضافة مستخدم جديد -->
<div class="modal fade" id="userFormModal">
    <div class="modal-dialog">
        <div class="modal-content glassmorphism">
            <div class="modal-header bg-success text-white">
                <h5 class="modal-title">إضافة مستخدم جديد</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
            </div>
            <div class="modal-body">
                <form id="userForm">
                    <div class="mb-3">
                        <label>اسم المستخدم</label>
                        <input type="text" class="form-control" id="newUsername" required>
                    </div>
                    <div class="mb-3">
                        <label>كلمة المرور</label>
                        <input type="password" class="form-control" id="newPassword" required>
                    </div>
                    <div class="mb-3">
                        <label>الدور</label>
                        <select class="form-select" id="userRole" required>
                            <option value="admin">مدير</option>
                            <option value="supervisor">مشرف</option>
                            <option value="user">مستخدم عادي</option>
                        </select>
                    </div>
                    <div class="mb-3">
                        <label>الصلاحيات</label>
                        <div class="form-check">
                            <input class="form-check-input" type="checkbox" id="perm1">
                            <label class="form-check-label" for="perm1">إدارة المستخدمين</label>
                        </div>
                        <div class="form-check">
                            <input class="form-check-input" type="checkbox" id="perm2">
                            <label class="form-check-label" for="perm2">تعديل الإعدادات</label>
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">رجوع</button>
                <button type="button" class="btn btn-primary" onclick="saveUser()">حفظ</button>
            </div>
        </div>
    </div>
</div>










<!-- باقي عناصر الواجهة -->
<div class="main-content p-4">
    <h1 class="header-title text-center mb-5">مرحباً بك في نظام شؤون العاملين</h1>
    
   <div class="row g-4">
        <div class="col-md-6">
            <div class="stat-card" onclick="showVacationAlerts()">
                <div class="d-flex justify-content-between align-items-center">
                    <div>
                        <h4 class="text-danger"><i class="fas fa-exclamation-triangle me-2"></i>إنذارات الإجازات</h4>
                        <p class="text-muted mb-0">الأفراد المتجاوزين المدة المسموحة</p>
                    </div>
                    <span class="badge-modern" id="vacationAlertsCount">0</span>
                </div>
            </div>
        </div>

        <div class="col-md-6">
            <div class="stat-card" onclick="show24DaysAlert()">
                <div class="d-flex justify-content-between align-items-center">
                    <div>
                        <h4 class="text-warning"><i class="fas fa-bell me-2"></i>إكمال المدة</h4>
                        <p class="text-muted mb-0">الأفراد المكتملين 24 يوم دوام</p>
                    </div>
                    <span class="badge-modern bg-warning" id="days24AlertCount">0</span>
                </div>
            </div>
        </div>
    </div>

    <div class="dashboard-stats mt-4">
        <div class="row g-4">
            <div class="col-md-4">
                <div class="stat-card text-center">
                    <h3 class="text-primary" id="totalEmployees">0</h3>
                    <p class="text-muted mb-0">إجمالي الأفراد</p>
                </div>
            </div>
            <div class="col-md-4">
                <div class="stat-card text-center">
                    <h3 class="text-success" id="presentEmployees">0</h3>
                    <p class="text-muted mb-0">حاضرين الآن</p>
                </div>
            </div>
            <div class="col-md-4">
				    <div class="stat-card text-center" onclick="showMissions()"> <!-- أضف هنا -->
						<h3 class="text-info" id="missionsCount">0</h3>
						<p class="text-muted mb-0">في مهمات</p>
					</div>
            </div>
        </div>
    </div>
</div>

<!-- واجهة إدارة الأفراد -->
<div class="modal fade" id="employeeManagementModal" tabindex="-1">
    <div class="modal-dialog modal-xl">
        <div class="modal-content glassmorphism">
            <div class="modal-header bg-primary text-white">
                <h5 class="modal-title"><i class="fas fa-users-cog me-2"></i>إدارة الأفراد</h5>
                <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"></button>
            </div>
            <div class="modal-body">
                <div class="row mb-3">
                    <div class="col-md-4">
                        <button class="btn btn-success btn-modern" onclick="openEmployeeForm()">
                            <i class="fas fa-user-plus me-2"></i>إضافة جديد
                        </button>
                    </div>
                    <div class="col-md-8">
                        <input type="text" class="form-control" id="employeeSearch" 
                               placeholder="ابحث بالاسم أو الرقم العسكري..." onkeyup="searchEmployees()">
                    </div>
                </div>

                <div class="scrollable-table">
                    <table class="table table-modern">
                        <thead>
                            <tr>
                                <th>الرقم العسكري</th>
                                <th>الاسم</th>
                                <th>الكنية</th>
                                <th>الوحدة</th>
                                <th>القسم</th>
                                <th>الشعبة</th>
                                <th>الإجراءات</th>
                            </tr>
                        </thead>
                        <tbody id="employeesTable"></tbody>
                    </table>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary btn-modern" data-bs-dismiss="modal">رجوع</button>
            </div>
        </div>
    </div>
</div>

<!-- باقي النوافذ المنبثقة مع تطبيق التنسيقات الحديثة -->


<!-- نموذج إضافة/تعديل الفرد -->
<div class="modal fade" id="employeeFormModal" tabindex="-1">
    <div class="modal-dialog modal-lg">
        <div class="modal-content glassmorphism">
            <div class="modal-header bg-success text-white">
                <h5 class="modal-title" id="formTitle">إضافة فرد جديد</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
            </div>
            <div class="modal-body">
                <form id="employeeForm" onsubmit="return handleEmployeeSubmit(event)">
                    <input type="hidden" id="editId">
                    <div class="row g-3">
                        <div class="col-md-6">
                            <label class="required">الرقم العسكري</label>
                            <input type="text" class="form-control" id="militaryNumber" required>
                        </div>
                        <div class="col-md-6">
                            <label class="required">الاسم</label>
                            <input type="text" class="form-control" id="firstName" required>
                        </div>
                        <div class="col-md-6">
                            <label class="required">الكنية</label>
                            <input type="text" class="form-control" id="lastName" required>
                        </div>
                        <div class="col-md-6">
                            <label class="required">الوحدة</label>
                            <select class="form-select" id="unit" required>
                                <option value="القيادة">القيادة</option>
    <option>القيادة</option>
    <option>القوى البشرية</option>
    <option>العمليات</option>
    <option>السيطرة</option>
    <option>التدريب</option>
    <option>الدعم والإمداد</option>
    <option>الدعم القتالي</option>
    <option>اللواء الأول</option>
    <option>اللواء الثاني</option>
    <option>اللواء الثالث</option>
    <option>اللواء الرابع</option>
    <option>اللواء الخامس</option>
    <option> الكتيبة الأولى</option>
    <option>الكتيبة الثانية</option>
    <option>سرية التدخل</option>
    <option>سرية القناصة</option>
    <option>التوجيه المعنوي</option>
    <option>الشرطة العسكرية</option>
    <option>الإستخبارات</option>
              </select>
                        </div>
                        <div class="col-md-6">
                            <label class="required">القسم</label>
                            <select class="form-select" id="department" required>
                                <option value="القيادة">القيادة</option>
    <option>الأركان</option>
    <option>البشرية</option>
    <option>السيطرة</option>
    <option>مشاة</option>
    <option> دروع</option>
    <option> التوجيه المعنوي</option>
    <option> هندسه</option>
    <option> شؤون العاملين</option>
    <option>شؤون الأفراد</option>
    <option>الصيانة</option>
    <option>النقل</option>
    <option>اللوجستي</option>
    <option>الصيانة</option>
              </select>
                        </div>
                        <div class="col-md-6">
                            <label>الشعبة</label>
                            <input type="text" class="form-control" id="section">
                        </div>
                        <div class="col-md-6">
                            <label>التخصص</label>
                            <input type="text" class="form-control" id="specialty">
                        </div>
                        <div class="col-md-6">
                            <label>المشرف المباشر</label>
                            <input type="text" class="form-control" id="supervisor">
                        </div>
                        <div class="col-md-6">
                            <label>المؤهل</label>
                            <input type="text" class="form-control" id="qualification">
                        </div>
                        <div class="col-md-6">
                            <label>رقم الهاتف</label>
                            <input type="tel" class="form-control" id="phone">
                        </div>
                        <div class="col-12">
                            <label>ملاحظات</label>
                            <textarea class="form-control" id="notes" rows="3"></textarea>
                        </div>
                    </div>
                    <div class="modal-footer mt-3">
                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">رجوع</button>
                        <button type="submit" class="btn btn-primary">حفظ</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

<!-- واجهة الوضعية اليومية -->
<div class="modal fade" id="dailyStatusModal" tabindex="-1">
    <div class="modal-dialog modal-xl">
        <div class="modal-content glassmorphism">
            <div class="modal-header bg-info text-white">
                <h5 class="modal-title"><i class="fas fa-calendar-day me-2"></i>الوضعية اليومية</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
            </div>
            <div class="modal-body">
                <div class="row mb-3">
                    <div class="col-md-6">
                        <input type="text" class="form-control" id="dailySearch" 
                               placeholder="ابحث بالاسم أو الرقم العسكري..." 
                               onkeyup="searchDailyStatus()">
                    </div>
                    <div class="col-md-6 text-end">
                        <button class="btn btn-primary me-2" onclick="exportDailyToExcel()">
                            <i class="fas fa-file-excel me-2"></i>تصدير لإكسل
                        </button>
                        <button class="btn btn-danger" onclick="printDailyStatus()">
                            <i class="fas fa-print me-2"></i>طباعة
                        </button>
						
						
						
						
            
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">رجوع</button>
             
                    </div>
                </div>

                <div class="scrollable-table">
                    <table class="table table-hover table-striped">
                        <thead class="bg-light">
                            <tr>
                                <th>الرقم العسكري</th>
                                <th>الاسم</th>
                                <th>الوحدة</th>
                                <th>تاريخ الدخول</th>
                                <th>تاريخ الخروج</th>
                                <th>أيام الدخول</th>
                                <th>أيام الخروج</th>
                                <th>سبب الخروج</th>
                                <th>الإجراءات</th>
                            </tr>
                        </thead>
                        <tbody id="dailyStatusTable"></tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- نموذج تحديث الوضعية اليومية -->
<div class="modal fade" id="updateStatusModal" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content glassmorphism">
            <div class="modal-header bg-primary text-white">
                <h5 class="modal-title">تحديث الوضعية اليومية</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
            </div>
			
            <div class="modal-body">
                <form id="statusForm">
                    <input type="hidden" id="statusMilitaryNumber">
                    <div class="mb-3">
                        <label>الاسم:</label>
                        <input type="text" class="form-control" id="employeeName" disabled>
                    </div>
                    <div class="mb-3">
                        <label>الوحدة:</label>
                        <input type="text" class="form-control" id="employeeUnit" disabled>
                    </div>
                    <div class="mb-3">
                        <label>تاريخ الدخول</label>
                        <input type="date" class="form-control" id="checkInDate" required>
                    </div>
                    <div class="mb-3">
                        <label>تاريخ الخروج</label>
                        <input type="date" class="form-control" id="checkOutDate">
                    </div>
                    <div class="mb-3">
                        <label>سبب الخروج</label>
                        <select class="form-select" id="exitReason">
                                <option value="">اختر السبب</option>
                                <option>إجازة</option>
                                <option>مرضية</option>
                                <option>دورة</option>
                                <option>مهمة</option>
                                <option>أخرى</option>
                            </select>
                    </div>
					
					
                        <div class="mb-3">
                            <label class="form-label">حالة الفرد</label>
                            <select class="form-select" name="status" required>
                                <option value="">اختر الحالة</option>
                                <option>مرابط</option>
                                <option>مهمة</option>
                                <option>إجازة</option>
                            </select>
                        </div>
                    <div class="mb-3">
                        <label>ملاحظات</label>
                        <textarea class="form-control" id="statusNotes" rows="3"></textarea>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">رجوع</button>
                <button type="button" class="btn btn-primary" onclick="saveDailyStatus()">حفظ</button>
            </div>
        </div>
		
    </div>
	
</div>

<!-- واجهة التقارير -->
<div class="modal fade" id="reportsModal" tabindex="-1">
    <div class="modal-dialog modal-xl">
        <div class="modal-content glassmorphism">
            <div class="modal-header bg-warning text-white">
                <h5 class="modal-title"><i class="fas fa-chart-pie me-2"></i>التقارير</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
            </div>
            <div class="modal-body">
                <div class="filter-group">
                    <div class="row g-3">
                        <div class="col-md-3">
                            <select class="form-select" id="filterType" onchange="toggleFilters()">
                                <option value="overview">نظرة عامة</option>
                                <option value="individual">تقرير فردي</option>
                                <option value="unit">حسب الوحدة</option>
                                <option value="department">حسب القسم</option>
                            </select>
                        </div>
                        <div class="col-md-3" id="individualFilter" style="display:none;">
                            <input type="text" class="form-control" id="employeeSearchReport" 
                                   placeholder="ابحث بالاسم أو الرقم العسكري">
                        </div>
                        <div class="col-md-3" id="unitFilter" style="display:none;">
                            <select class="form-select" id="unitSelect">
                                <option value="all">جميع الوحدات</option>
                                <option value="القيادة">القيادة</option>
    <option>القيادة</option>
    <option>القوى البشرية</option>
    <option>العمليات</option>
    <option>السيطرة</option>
    <option>التدريب</option>
    <option>الدعم والإمداد</option>
    <option>الدعم القتالي</option>
    <option>اللواء الأول</option>
    <option>اللواء الثاني</option>
    <option>اللواء الثالث</option>
    <option>اللواء الرابع</option>
    <option>اللواء الخامس</option>
    <option> الكتيبة الأولى</option>
    <option>الكتيبة الثانية</option>
    <option>سرية التدخل</option>
    <option>سرية القناصة</option>
    <option>التوجيه المعنوي</option>
    <option>الشرطة العسكرية</option>
    <option>الإستخبارات</option>
              </select>
                        </div>
                        <div class="col-md-3" id="departmentFilter" style="display:none;">
                            <select class="form-select" id="departmentSelect">
                                <option value="all">جميع الأقسام</option>
                                <option value="المشاة">المشاة</option>
    <option>القيادة</option>
    <option>الأركان</option>
    <option>البشرية</option>
    <option>السيطرة</option>
    <option>مشاة</option>
    <option> دروع</option>
    <option> التوجيه المعنوي</option>
    <option> هندسه</option>
    <option> شؤون العاملين</option>
    <option>شؤون الأفراد</option>
    <option>الصيانة</option>
    <option>النقل</option>
    <option>اللوجستي</option>
    <option>الصيانة</option>
              </select>
                        </div>
                        <div class="col-md-3">
                            <input type="date" class="form-control" id="startDate">
                        </div>
                        <div class="col-md-3">
                            <input type="date" class="form-control" id="endDate">
                        </div>
                    </div>
                </div>

                <div id="reportContent">
                    <div class="row mb-4">
                        <div class="col-md-8">
                            <div class="chart-container">
                                <canvas id="statusChart"></canvas>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="card glassmorphism">
                                <div class="card-body">
                                    <h5 class="card-title">إحصائيات سريعة</h5>
                                    <ul class="list-group list-group-flush">
                                        <li class="list-group-item d-flex justify-content-between align-items-center">
                                            الحاضرون الآن
                                            <span class="badge bg-success" id="reportPresentCount">0</span>
                                        </li>
                                        <li class="list-group-item d-flex justify-content-between align-items-center">
                                            في المهمات
                                            <span class="badge bg-info" id="reportMissionsCount">0</span>
                                        </li>
                                        <li class="list-group-item d-flex justify-content-between align-items-center">
                                            في الإجازات
                                            <span class="badge bg-warning" id="reportVacationsCount">0</span>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="scrollable-table">
                        <table class="table table-hover report-table">
                            <thead>
                                <tr>
                                    <th>الاسم</th>
                                    <th>الوحدة</th>
                                    <th>القسم</th>
                                    <th>حالة الحضور</th>
                                    <th>تاريخ آخر تحديث</th>
                                    <th>الأيام المنقضية</th>
                                </tr>
                            </thead>
                            <tbody id="reportTable"></tbody>
                        </table>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">رجوع</button>
                <button class="btn btn-primary" onclick="exportReportToPDF()">
                    <i class="fas fa-file-pdf me-2"></i>PDF
                </button>
                <button class="btn btn-success" onclick="exportReportToExcel()">
                    <i class="fas fa-file-excel me-2"></i>Excel
                </button>
				
				<button class="btn btn-primary" onclick="printReport('تقرير')">
					<i class="fas fa-print me-2"></i>طباعة
				</button>
				
				
            </div>
        </div>
    </div>
</div>

<!-- واجهة الإعدادات -->
<div class="modal fade" id="settingsModal" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content glassmorphism">
            <div class="modal-header bg-secondary text-white">
                <h5 class="modal-title"><i class="fas fa-cogs me-2"></i>الإعدادات</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
            </div>
            <div class="modal-body">
                <div class="mb-3">
                    <label>اللون الرئيسي</label>
                    <input type="color" class="form-control" id="primaryColor">
                </div>
                <div class="mb-3">
                    <button class="btn btn-danger w-100" onclick="clearLocalStorage()">
                        <i class="fas fa-trash me-2"></i>مسح جميع البيانات
                    </button>
                </div>
                <div class="mb-3">
                    <label>استيراد بيانات</label>
                    <input type="file" class="form-control" id="importFile" accept=".json">
                </div>
                <div class="mb-3">
                    <button class="btn btn-success w-100" onclick="exportAllData()">
                        <i class="fas fa-file-export me-2"></i>تصدير جميع البيانات
                    </button>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">رجوع</button>
            </div>
        </div>
    </div>
</div>







<!-- جميع النوافذ المنبثقة -->
<?php endif; ?>

<script src="https://c...content-available-to-author-only...y.com/jquery-3.6.0.min.js"></script>
<script src="https://c...content-available-to-author-only...r.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
<script>
// معالجة تسجيل الدخول
$('#loginForm').submit(function(e) {
    e.preventDefault();
    $.post(window.location.href, {
        action: 'login',
        username: $('[name="username"]').val(),
        password: $('[name="password"]').val()
    }, function(res) {
        if (res.success) location.reload();
        else alert(res.error);
    });
});

// دالة جلب الموظفين
function loadEmployees() {
    $.post(window.location.href, {action: 'getEmployees'}, function(res) {
        $('#employeesTable').html(res.data.map(emp => `
            <tr>
                <td>${emp.militaryNumber}</td>
                <td>${emp.firstName}</td>
                <td>${emp.lastName}</td>
                <td>${emp.unit}</td>
                <td>${emp.department}</td>
                <td>${emp.section || '-'}</td>
                <td>
                    <button class="btn btn-sm btn-warning" onclick="editEmployee('${emp.militaryNumber}')">
                        <i class="fas fa-edit"></i>
                    </button>
                    <button class="btn btn-sm btn-danger" onclick="deleteEmployee('${emp.militaryNumber}')">
                        <i class="fas fa-trash"></i>
                    </button>
                </td>
            </tr>
        `).join(''));
    });
}

// دالة الحفظ
function saveEmployee() {
    const formData = $('#employeeForm').serializeArray();
    const data = {action: 'saveEmployee'};
    formData.forEach(item => data[item.name] = item.value);
    
    $.post(window.location.href, data, function() {
        loadEmployees();
        $('#employeeFormModal').modal('hide');
    });
}

// التهيئة الأولية
$(document).ready(function() {
    loadEmployees();
    loadDailyStatus();
});
</script>
</body>
</html>
stdout
copy 
Standard output is empty
https://ideone.com/t5ft28
<?php
// الاتصال بقاعدة البيانات
$db = new SQLite3('employees.db');
session_start();

// إنشاء الجداول
$db->exec("
CREATE TABLE IF NOT EXISTS users (
id INTEGER PRIMARY KEY AUTOINCREMENT,
username TEXT UNIQUE,
password TEXT,
role TEXT,
permissions TEXT,
active INTEGER DEFAULT 1
);

CREATE TABLE IF NOT EXISTS employees (
militaryNumber TEXT PRIMARY KEY,
firstName TEXT,
lastName TEXT,
unit TEXT,
department TEXT,
section TEXT,
specialty TEXT,
supervisor TEXT,
qualification TEXT,
phone TEXT,
notes TEXT
);

CREATE TABLE IF NOT EXISTS dailyStatus (
id INTEGER PRIMARY KEY AUTOINCREMENT,
militaryNumber TEXT,
checkIn DATE,
checkOut DATE,
exitReason TEXT,
notes TEXT,
FOREIGN KEY(militaryNumber) REFERENCES employees(militaryNumber)
);
");

// إضافة مستخدم افتراضي
$db->exec("INSERT OR IGNORE INTO users (username, password, role) VALUES ('admin', 'admin123', 'admin')");

// معالجة طلبات AJAX
if ($_SERVER['REQUEST_METHOD'] === 'POST') {
header('Content-Type: application/json');
$response = [];

try {
switch ($_POST['action']) {
case 'login':
$stmt = $db->prepare("SELECT * FROM users WHERE username = :username");
$stmt->bindValue(':username', $_POST['username']);
$user = $stmt->execute()->fetchArray(SQLITE3_ASSOC);

if ($user && $_POST['password'] === $user['password']) {
$_SESSION['user'] = $user;
$response['success'] = true;
} else {
$response['error'] = 'بيانات الدخول غير صحيحة';
}
break;

case 'getEmployees':
$result = $db->query("SELECT * FROM employees");
$employees = [];
while ($row = $result->fetchArray(SQLITE3_ASSOC)) {
$employees[] = $row;
}
$response['data'] = $employees;
break;

case 'saveEmployee':
$stmt = $db->prepare("
INSERT OR REPLACE INTO employees VALUES (
:militaryNumber, :firstName, :lastName, :unit,
:department, :section, :specialty, :supervisor,
:qualification, :phone, :notes
)
");

foreach ($_POST as $key => $value) {
if ($key !== 'action') {
$stmt->bindValue(":$key", $value);
}
}

$stmt->execute();
$response['success'] = true;
break;

case 'deleteEmployee':
$db->exec("DELETE FROM employees WHERE militaryNumber = '{$_POST['militaryNumber']}'");
$response['success'] = true;
break;

case 'getDailyStatus':
$result = $db->query("
SELECT e.*, d.checkIn, d.checkOut, d.exitReason
FROM employees e
LEFT JOIN dailyStatus d ON e.militaryNumber = d.militaryNumber
");

$data = [];
while ($row = $result->fetchArray(SQLITE3_ASSOC)) {
$data[] = $row;
}
$response['data'] = $data;
break;
}
} catch (Exception $e) {
$response['error'] = $e->getMessage();
}

echo json_encode($response);
exit;
}

// إذا لم يكن مسجل دخول
if (!isset($_SESSION['user']) && basename($_SERVER['PHP_SELF']) !== 'login.php') {
header("Location: login.php");
exit;
}
?>

<!DOCTYPE html>
<html lang="ar" dir="rtl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>نظام شؤون العاملين - القوات الخاصة</title>
<link href="https://c...content-available-to-author-only...r.net/npm/bootstrap@5.1.3/dist/css/bootstrap.rtl.min.css" rel="stylesheet">
<link href="https://c...content-available-to-author-only...e.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet">
<style>
/* نفس الأنماط الأصلية */
:root {
--primary-color: #2A3950;
--secondary-color: #3A4B63;
--accent-color: #4E6BFF;
--success-color: #00C853;
--warning-color: #FFC107;
--danger-color: #D32F2F;
--gradient-bg: linear-gradient(135deg, #f8f9fa 0%, #eef2f6 100%);
--glass-bg: rgba(255, 255, 255, 0.98);
}

body {
background: var(--gradient-bg);
font-family: 'Tajawal', sans-serif;
min-height: 100vh;
color: var(--primary-color);
}

.header-title {
font-size: 2.8rem;
font-weight: 800;
letter-spacing: -1px;
background: linear-gradient(45deg, var(--primary-color), var(--accent-color));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
text-shadow: 2px 2px 4px rgba(0,0,0,0.1);
}

.glassmorphism {
background: var(--glass-bg);
backdrop-filter: blur(12px);
border-radius: 20px;
box-shadow: 0 8px 32px rgba(31, 38, 135, 0.1);
border: 1px solid rgba(255, 255, 255, 0.3);
transition: transform 0.3s, box-shadow 0.3s;
}

.stat-card {
border: none;
border-radius: 15px;
background: var(--glass-bg);
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
cursor: pointer;
padding: 1.5rem;
}

.stat-card:hover {
transform: translateY(-5px);
box-shadow: 0 12px 24px rgba(0,0,0,0.1);
}

.scrollable-table {
max-height: 60vh;
overflow-y: auto;
border-radius: 12px;
}

.fixed-sidebar {
background: var(--glass-bg);
box-shadow: 4px 0 15px rgba(0,0,0,0.05);
position: fixed;
right: 0;
top: 0;
height: 100vh;
width: 280px;
transition: right 0.3s;
z-index: 1000;
}

.nav-link {
color: var(--primary-color);
font-weight: 500;
border-radius: 10px;
transition: all 0.3s;
padding: 0.75rem 1.5rem;
margin: 0.25rem 0;
}

.nav-link:hover {
background: rgba(78, 107, 255, 0.1);
transform: translateX(-5px);
}

.btn-modern {
border: none;
border-radius: 10px;
padding: 12px 24px;
font-weight: 600;
transition: all 0.3s;
position: relative;
overflow: hidden;
background: var(--accent-color);
color: white;
}

.btn-modern:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255,255,255,0.1);
opacity: 0;
transition: 0.3s;
}

.btn-modern:hover:before {
opacity: 1;
}

.table-modern {
--bs-table-bg: transparent;
border-collapse: separate;
border-spacing: 0 8px;
width: 100%;
}

.table-modern thead {
background: var(--primary-color);
color: white;
position: sticky;
top: 0;
}

.table-modern th {
border: none;
padding: 1rem;
font-weight: 600;
font-size: 1.1rem;
}

.table-modern td {
background: var(--glass-bg);
vertical-align: middle;
padding: 1.2rem;
border-bottom: 2px solid #f8f9fa;
}

.table-modern tr {
transition: transform 0.3s;
}

.table-modern tr:hover {
transform: translateX(5px);
}

.badge-modern {
padding: 0.5rem 1rem;
border-radius: 8px;
font-weight: 600;
font-size: 0.9rem;
background: var(--accent-color);
color: white;
}

.chart-container {
background: var(--glass-bg);
border-radius: 20px;
padding: 1.5rem;
box-shadow: 0 8px 16px rgba(0,0,0,0.05);
}

@media (max-width: 768px) {
.header-title {
font-size: 2rem;
}

.stat-card {
margin-bottom: 1.5rem;
}

.fixed-sidebar {
width: 100%;
}
}

/* أنماط لوحة المدير الجديدة */
.admin-panel-section {
display: none;
background: var(--glass-bg);
border-radius: 20px;
padding: 2rem;
margin-top: 2rem;
}

.admin-stats-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
gap: 1.5rem;
margin-bottom: 2rem;
}

.admin-card {
background: var(--glass-bg);
padding: 1.5rem;
border-radius: 15px;
box-shadow: 0 4px 12px rgba(0,0,0,0.05);
transition: transform 0.3s;
}

.admin-card:hover {
transform: translateY(-5px);
}

.permission-badge {
padding: 0.5rem 1rem;
border-radius: 8px;
font-size: 0.9rem;
background: rgba(78, 107, 255, 0.1);
color: var(--accent-color);
}

.activity-log {
max-height: 500px;
overflow-y: auto;
padding: 1rem;
background: var(--glass-bg);
border-radius: 15px;
}
/* ... جميع الأنماط الأصلية ... */
</style>
</head>
<body>

<?php if (!isset($_SESSION['user'])): ?>
<!-- نموذج الدخول -->
<div class="modal fade show d-block" tabindex="-1">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<form id="loginForm">
<div class="modal-header bg-primary text-white">
<h5 class="modal-title">تسجيل الدخول</h5>
</div>
<div class="modal-body">
<div class="mb-3">
<label>اسم المستخدم</label>
<input type="text" name="username" class="form-control" required>
</div>
<div class="mb-3">
<label>كلمة المرور</label>
<input type="password" name="password" class="form-control" required>
</div>
</div>
<div class="modal-footer">
<button type="submit" class="btn btn-primary">دخول</button>
</div>
</form>
</div>
</div>
</div>

<?php else: ?>
<!-- الواجهة الرئيسية -->
<nav id="sidebar" class="d-flex flex-column p-3 glassmorphism fixed-sidebar">
<!-- نفس محتوى القائمة الجانبية -->

style="right: -280px;">

<div class="sidebar-header">
<h4 class="text-primary mb-4">القائمة الرئيسية</h4>
</div>

<ul class="nav flex-column flex-grow-1">
<li class="nav-item">
<button class="nav-link btn btn-link text-start" onclick="showDashboard()">
<i class="fas fa-home me-2"></i>اللوحة الرئيسية
</button>
</li>
<li class="nav-item">
<button class="nav-link btn btn-link text-start" onclick="showEmployeeManagement()">
<i class="fas fa-users-cog me-2"></i>إدارة الأفراد
</button>
</li>
<li class="nav-item">
<button class="nav-link btn btn-link text-start" onclick="showDailyStatus()">
<i class="fas fa-calendar-day me-2"></i>الوضعية اليومية
</button>
</li>
<li class="nav-item">
<button class="nav-link btn btn-link text-start" onclick="showReports()">
<i class="fas fa-chart-pie me-2"></i>التقارير
</button>
</li>
<li class="nav-item">
<button class="nav-link btn btn-link text-start" data-bs-toggle="modal" data-bs-target="#settingsModal">
<i class="fas fa-cogs me-2"></i>الإعدادات
</button>
</li>
</ul>

<!-- العناصر الأصلية -->
<li class="nav-item">
<button class="nav-link btn btn-link text-start" onclick="showAdminPanel()">
<i class="fas fa-user-shield me-2"></i>لوحة المدير
</button>
</li>

</nav>


<!-- زر فتح القائمة -->
<button class="btn btn-modern fixed-top m-3" onclick="toggleSidebar()">
<i class="fas fa-bars me-2"></i> القائمة
</button>



<!-- قسم لوحة المدير -->
<div class="admin-panel-section" id="adminPanel">
<button class="btn btn-modern mb-4" onclick="returnToMain()">
<i class="fas fa-arrow-right me-2"></i>العودة للوحة الرئيسية
</button>

<h2 class="header-title mb-4">لوحة المدير</h2>

<div class="admin-stats-grid">
<div class="admin-card">
<div class="d-flex align-items-center">
<div class="flex-grow-1">
<h5 class="mb-2">المستخدمون النشطون</h5>
<h2 class="mb-0 text-primary" id="activeUsersCount">0</h2>
</div>
<i class="fas fa-user-check fs-1 text-primary"></i>
</div>
</div>

<div class="admin-card">
<div class="d-flex align-items-center">
<div class="flex-grow-1">
<h5 class="mb-2">العمليات اليومية</h5>
<h2 class="mb-0 text-success" id="dailyActivities">0</h2>
</div>
<i class="fas fa-tasks fs-1 text-success"></i>
</div>
</div>

<div class="admin-card">
<div class="d-flex align-items-center">
<div class="flex-grow-1">
<h5 class="mb-2">الإنذارات</h5>
<h2 class="mb-0 text-danger" id="adminAlerts">0</h2>
</div>
<i class="fas fa-bell fs-1 text-danger"></i>
</div>
</div>
</div>

<div class="row g-4">
<div class="col-md-8">
<div class="admin-card">
<h5 class="mb-3">نشاط النظام</h5>
<canvas id="adminActivityChart"></canvas>
</div>
</div>

<div class="col-md-4">
<div class="admin-card">
<h5 class="mb-3">الإحصائيات السريعة</h5>
<ul class="list-group">
<li class="list-group-item d-flex justify-content-between align-items-center">
المستخدمون المصرح لهم
<span class="badge-modern" id="authorizedUsers">0</span>
</li>
<li class="list-group-item d-flex justify-content-between align-items-center">
التعديلات الأخيرة
<span class="badge-modern bg-warning" id="recentChanges">0</span>
</li>
</ul>
</div>
</div>
</div>

<!-- قسم إدارة المستخدمين -->
<div class="mt-5" id="adminUsersSection">
<div class="d-flex justify-content-between align-items-center mb-4">
<h4>إدارة المستخدمين</h4>
<button class="btn btn-modern" onclick="showUserForm()">
<i class="fas fa-user-plus me-2"></i>مستخدم جديد
</button>
</div>

<div class="scrollable-table">
<table class="table table-modern">
<thead>
<tr>
<th>اسم المستخدم</th>
<th>الدور</th>
<th>الصلاحيات</th>
<th>الحالة</th>
<th>الإجراءات</th>
</tr>
</thead>
<tbody id="adminUsersTable"></tbody>
</table>
</div>
</div>
</div>








<!-- نافذة إضافة مستخدم جديد -->
<div class="modal fade" id="userFormModal">
<div class="modal-dialog">
<div class="modal-content glassmorphism">
<div class="modal-header bg-success text-white">
<h5 class="modal-title">إضافة مستخدم جديد</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
</div>
<div class="modal-body">
<form id="userForm">
<div class="mb-3">
<label>اسم المستخدم</label>
<input type="text" class="form-control" id="newUsername" required>
</div>
<div class="mb-3">
<label>كلمة المرور</label>
<input type="password" class="form-control" id="newPassword" required>
</div>
<div class="mb-3">
<label>الدور</label>
<select class="form-select" id="userRole" required>
<option value="admin">مدير</option>
<option value="supervisor">مشرف</option>
<option value="user">مستخدم عادي</option>
</select>
</div>
<div class="mb-3">
<label>الصلاحيات</label>
<div class="form-check">
<input class="form-check-input" type="checkbox" id="perm1">
<label class="form-check-label" for="perm1">إدارة المستخدمين</label>
</div>
<div class="form-check">
<input class="form-check-input" type="checkbox" id="perm2">
<label class="form-check-label" for="perm2">تعديل الإعدادات</label>
</div>
</div>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">رجوع</button>
<button type="button" class="btn btn-primary" onclick="saveUser()">حفظ</button>
</div>
</div>
</div>
</div>










<!-- باقي عناصر الواجهة -->
<div class="main-content p-4">
<h1 class="header-title text-center mb-5">مرحباً بك في نظام شؤون العاملين</h1>

<div class="row g-4">
<div class="col-md-6">
<div class="stat-card" onclick="showVacationAlerts()">
<div class="d-flex justify-content-between align-items-center">
<div>
<h4 class="text-danger"><i class="fas fa-exclamation-triangle me-2"></i>إنذارات الإجازات</h4>
<p class="text-muted mb-0">الأفراد المتجاوزين المدة المسموحة</p>
</div>
<span class="badge-modern" id="vacationAlertsCount">0</span>
</div>
</div>
</div>

<div class="col-md-6">
<div class="stat-card" onclick="show24DaysAlert()">
<div class="d-flex justify-content-between align-items-center">
<div>
<h4 class="text-warning"><i class="fas fa-bell me-2"></i>إكمال المدة</h4>
<p class="text-muted mb-0">الأفراد المكتملين 24 يوم دوام</p>
</div>
<span class="badge-modern bg-warning" id="days24AlertCount">0</span>
</div>
</div>
</div>
</div>

<div class="dashboard-stats mt-4">
<div class="row g-4">
<div class="col-md-4">
<div class="stat-card text-center">
<h3 class="text-primary" id="totalEmployees">0</h3>
<p class="text-muted mb-0">إجمالي الأفراد</p>
</div>
</div>
<div class="col-md-4">
<div class="stat-card text-center">
<h3 class="text-success" id="presentEmployees">0</h3>
<p class="text-muted mb-0">حاضرين الآن</p>
</div>
</div>
<div class="col-md-4">
<div class="stat-card text-center" onclick="showMissions()"> <!-- أضف هنا -->
<h3 class="text-info" id="missionsCount">0</h3>
<p class="text-muted mb-0">في مهمات</p>
</div>
</div>
</div>
</div>
</div>

<!-- واجهة إدارة الأفراد -->
<div class="modal fade" id="employeeManagementModal" tabindex="-1">
<div class="modal-dialog modal-xl">
<div class="modal-content glassmorphism">
<div class="modal-header bg-primary text-white">
<h5 class="modal-title"><i class="fas fa-users-cog me-2"></i>إدارة الأفراد</h5>
<button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"></button>
</div>
<div class="modal-body">
<div class="row mb-3">
<div class="col-md-4">
<button class="btn btn-success btn-modern" onclick="openEmployeeForm()">
<i class="fas fa-user-plus me-2"></i>إضافة جديد
</button>
</div>
<div class="col-md-8">
<input type="text" class="form-control" id="employeeSearch"
placeholder="ابحث بالاسم أو الرقم العسكري..." onkeyup="searchEmployees()">
</div>
</div>

<div class="scrollable-table">
<table class="table table-modern">
<thead>
<tr>
<th>الرقم العسكري</th>
<th>الاسم</th>
<th>الكنية</th>
<th>الوحدة</th>
<th>القسم</th>
<th>الشعبة</th>
<th>الإجراءات</th>
</tr>
</thead>
<tbody id="employeesTable"></tbody>
</table>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary btn-modern" data-bs-dismiss="modal">رجوع</button>
</div>
</div>
</div>
</div>

<!-- باقي النوافذ المنبثقة مع تطبيق التنسيقات الحديثة -->


<!-- نموذج إضافة/تعديل الفرد -->
<div class="modal fade" id="employeeFormModal" tabindex="-1">
<div class="modal-dialog modal-lg">
<div class="modal-content glassmorphism">
<div class="modal-header bg-success text-white">
<h5 class="modal-title" id="formTitle">إضافة فرد جديد</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
</div>
<div class="modal-body">
<form id="employeeForm" onsubmit="return handleEmployeeSubmit(event)">
<input type="hidden" id="editId">
<div class="row g-3">
<div class="col-md-6">
<label class="required">الرقم العسكري</label>
<input type="text" class="form-control" id="militaryNumber" required>
</div>
<div class="col-md-6">
<label class="required">الاسم</label>
<input type="text" class="form-control" id="firstName" required>
</div>
<div class="col-md-6">
<label class="required">الكنية</label>
<input type="text" class="form-control" id="lastName" required>
</div>
<div class="col-md-6">
<label class="required">الوحدة</label>
<select class="form-select" id="unit" required>
<option value="القيادة">القيادة</option>
<option>القيادة</option>
<option>القوى البشرية</option>
<option>العمليات</option>
<option>السيطرة</option>
<option>التدريب</option>
<option>الدعم والإمداد</option>
<option>الدعم القتالي</option>
<option>اللواء الأول</option>
<option>اللواء الثاني</option>
<option>اللواء الثالث</option>
<option>اللواء الرابع</option>
<option>اللواء الخامس</option>
<option> الكتيبة الأولى</option>
<option>الكتيبة الثانية</option>
<option>سرية التدخل</option>
<option>سرية القناصة</option>
<option>التوجيه المعنوي</option>
<option>الشرطة العسكرية</option>
<option>الإستخبارات</option>
</select>
</div>
<div class="col-md-6">
<label class="required">القسم</label>
<select class="form-select" id="department" required>
<option value="القيادة">القيادة</option>
<option>الأركان</option>
<option>البشرية</option>
<option>السيطرة</option>
<option>مشاة</option>
<option> دروع</option>
<option> التوجيه المعنوي</option>
<option> هندسه</option>
<option> شؤون العاملين</option>
<option>شؤون الأفراد</option>
<option>الصيانة</option>
<option>النقل</option>
<option>اللوجستي</option>
<option>الصيانة</option>
</select>
</div>
<div class="col-md-6">
<label>الشعبة</label>
<input type="text" class="form-control" id="section">
</div>
<div class="col-md-6">
<label>التخصص</label>
<input type="text" class="form-control" id="specialty">
</div>
<div class="col-md-6">
<label>المشرف المباشر</label>
<input type="text" class="form-control" id="supervisor">
</div>
<div class="col-md-6">
<label>المؤهل</label>
<input type="text" class="form-control" id="qualification">
</div>
<div class="col-md-6">
<label>رقم الهاتف</label>
<input type="tel" class="form-control" id="phone">
</div>
<div class="col-12">
<label>ملاحظات</label>
<textarea class="form-control" id="notes" rows="3"></textarea>
</div>
</div>
<div class="modal-footer mt-3">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">رجوع</button>
<button type="submit" class="btn btn-primary">حفظ</button>
</div>
</form>
</div>
</div>
</div>
</div>

<!-- واجهة الوضعية اليومية -->
<div class="modal fade" id="dailyStatusModal" tabindex="-1">
<div class="modal-dialog modal-xl">
<div class="modal-content glassmorphism">
<div class="modal-header bg-info text-white">
<h5 class="modal-title"><i class="fas fa-calendar-day me-2"></i>الوضعية اليومية</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
</div>
<div class="modal-body">
<div class="row mb-3">
<div class="col-md-6">
<input type="text" class="form-control" id="dailySearch"
placeholder="ابحث بالاسم أو الرقم العسكري..."
onkeyup="searchDailyStatus()">
</div>
<div class="col-md-6 text-end">
<button class="btn btn-primary me-2" onclick="exportDailyToExcel()">
<i class="fas fa-file-excel me-2"></i>تصدير لإكسل
</button>
<button class="btn btn-danger" onclick="printDailyStatus()">
<i class="fas fa-print me-2"></i>طباعة
</button>





<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">رجوع</button>

</div>
</div>

<div class="scrollable-table">
<table class="table table-hover table-striped">
<thead class="bg-light">
<tr>
<th>الرقم العسكري</th>
<th>الاسم</th>
<th>الوحدة</th>
<th>تاريخ الدخول</th>
<th>تاريخ الخروج</th>
<th>أيام الدخول</th>
<th>أيام الخروج</th>
<th>سبب الخروج</th>
<th>الإجراءات</th>
</tr>
</thead>
<tbody id="dailyStatusTable"></tbody>
</table>
</div>
</div>
</div>
</div>
</div>

<!-- نموذج تحديث الوضعية اليومية -->
<div class="modal fade" id="updateStatusModal" tabindex="-1">
<div class="modal-dialog">
<div class="modal-content glassmorphism">
<div class="modal-header bg-primary text-white">
<h5 class="modal-title">تحديث الوضعية اليومية</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
</div>

<div class="modal-body">
<form id="statusForm">
<input type="hidden" id="statusMilitaryNumber">
<div class="mb-3">
<label>الاسم:</label>
<input type="text" class="form-control" id="employeeName" disabled>
</div>
<div class="mb-3">
<label>الوحدة:</label>
<input type="text" class="form-control" id="employeeUnit" disabled>
</div>
<div class="mb-3">
<label>تاريخ الدخول</label>
<input type="date" class="form-control" id="checkInDate" required>
</div>
<div class="mb-3">
<label>تاريخ الخروج</label>
<input type="date" class="form-control" id="checkOutDate">
</div>
<div class="mb-3">
<label>سبب الخروج</label>
<select class="form-select" id="exitReason">
<option value="">اختر السبب</option>
<option>إجازة</option>
<option>مرضية</option>
<option>دورة</option>
<option>مهمة</option>
<option>أخرى</option>
</select>
</div>


<div class="mb-3">
<label class="form-label">حالة الفرد</label>
<select class="form-select" name="status" required>
<option value="">اختر الحالة</option>
<option>مرابط</option>
<option>مهمة</option>
<option>إجازة</option>
</select>
</div>
<div class="mb-3">
<label>ملاحظات</label>
<textarea class="form-control" id="statusNotes" rows="3"></textarea>
</div>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">رجوع</button>
<button type="button" class="btn btn-primary" onclick="saveDailyStatus()">حفظ</button>
</div>
</div>

</div>

</div>

<!-- واجهة التقارير -->
<div class="modal fade" id="reportsModal" tabindex="-1">
<div class="modal-dialog modal-xl">
<div class="modal-content glassmorphism">
<div class="modal-header bg-warning text-white">
<h5 class="modal-title"><i class="fas fa-chart-pie me-2"></i>التقارير</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
</div>
<div class="modal-body">
<div class="filter-group">
<div class="row g-3">
<div class="col-md-3">
<select class="form-select" id="filterType" onchange="toggleFilters()">
<option value="overview">نظرة عامة</option>
<option value="individual">تقرير فردي</option>
<option value="unit">حسب الوحدة</option>
<option value="department">حسب القسم</option>
</select>
</div>
<div class="col-md-3" id="individualFilter" style="display:none;">
<input type="text" class="form-control" id="employeeSearchReport"
placeholder="ابحث بالاسم أو الرقم العسكري">
</div>
<div class="col-md-3" id="unitFilter" style="display:none;">
<select class="form-select" id="unitSelect">
<option value="all">جميع الوحدات</option>
<option value="القيادة">القيادة</option>
<option>القيادة</option>
<option>القوى البشرية</option>
<option>العمليات</option>
<option>السيطرة</option>
<option>التدريب</option>
<option>الدعم والإمداد</option>
<option>الدعم القتالي</option>
<option>اللواء الأول</option>
<option>اللواء الثاني</option>
<option>اللواء الثالث</option>
<option>اللواء الرابع</option>
<option>اللواء الخامس</option>
<option> الكتيبة الأولى</option>
<option>الكتيبة الثانية</option>
<option>سرية التدخل</option>
<option>سرية القناصة</option>
<option>التوجيه المعنوي</option>
<option>الشرطة العسكرية</option>
<option>الإستخبارات</option>
</select>
</div>
<div class="col-md-3" id="departmentFilter" style="display:none;">
<select class="form-select" id="departmentSelect">
<option value="all">جميع الأقسام</option>
<option value="المشاة">المشاة</option>
<option>القيادة</option>
<option>الأركان</option>
<option>البشرية</option>
<option>السيطرة</option>
<option>مشاة</option>
<option> دروع</option>
<option> التوجيه المعنوي</option>
<option> هندسه</option>
<option> شؤون العاملين</option>
<option>شؤون الأفراد</option>
<option>الصيانة</option>
<option>النقل</option>
<option>اللوجستي</option>
<option>الصيانة</option>
</select>
</div>
<div class="col-md-3">
<input type="date" class="form-control" id="startDate">
</div>
<div class="col-md-3">
<input type="date" class="form-control" id="endDate">
</div>
</div>
</div>

<div id="reportContent">
<div class="row mb-4">
<div class="col-md-8">
<div class="chart-container">
<canvas id="statusChart"></canvas>
</div>
</div>
<div class="col-md-4">
<div class="card glassmorphism">
<div class="card-body">
<h5 class="card-title">إحصائيات سريعة</h5>
<ul class="list-group list-group-flush">
<li class="list-group-item d-flex justify-content-between align-items-center">
الحاضرون الآن
<span class="badge bg-success" id="reportPresentCount">0</span>
</li>
<li class="list-group-item d-flex justify-content-between align-items-center">
في المهمات
<span class="badge bg-info" id="reportMissionsCount">0</span>
</li>
<li class="list-group-item d-flex justify-content-between align-items-center">
في الإجازات
<span class="badge bg-warning" id="reportVacationsCount">0</span>
</li>
</ul>
</div>
</div>
</div>
</div>

<div class="scrollable-table">
<table class="table table-hover report-table">
<thead>
<tr>
<th>الاسم</th>
<th>الوحدة</th>
<th>القسم</th>
<th>حالة الحضور</th>
<th>تاريخ آخر تحديث</th>
<th>الأيام المنقضية</th>
</tr>
</thead>
<tbody id="reportTable"></tbody>
</table>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">رجوع</button>
<button class="btn btn-primary" onclick="exportReportToPDF()">
<i class="fas fa-file-pdf me-2"></i>PDF
</button>
<button class="btn btn-success" onclick="exportReportToExcel()">
<i class="fas fa-file-excel me-2"></i>Excel
</button>

<button class="btn btn-primary" onclick="printReport('تقرير')">
<i class="fas fa-print me-2"></i>طباعة
</button>


</div>
</div>
</div>
</div>

<!-- واجهة الإعدادات -->
<div class="modal fade" id="settingsModal" tabindex="-1">
<div class="modal-dialog">
<div class="modal-content glassmorphism">
<div class="modal-header bg-secondary text-white">
<h5 class="modal-title"><i class="fas fa-cogs me-2"></i>الإعدادات</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
</div>
<div class="modal-body">
<div class="mb-3">
<label>اللون الرئيسي</label>
<input type="color" class="form-control" id="primaryColor">
</div>
<div class="mb-3">
<button class="btn btn-danger w-100" onclick="clearLocalStorage()">
<i class="fas fa-trash me-2"></i>مسح جميع البيانات
</button>
</div>
<div class="mb-3">
<label>استيراد بيانات</label>
<input type="file" class="form-control" id="importFile" accept=".json">
</div>
<div class="mb-3">
<button class="btn btn-success w-100" onclick="exportAllData()">
<i class="fas fa-file-export me-2"></i>تصدير جميع البيانات
</button>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">رجوع</button>
</div>
</div>
</div>
</div>







<!-- جميع النوافذ المنبثقة -->
<?php endif; ?>

<script src="https://c...content-available-to-author-only...y.com/jquery-3.6.0.min.js"></script>
<script src="https://c...content-available-to-author-only...r.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
<script>
// معالجة تسجيل الدخول
$('#loginForm').submit(function(e) {
e.preventDefault();
$.post(window.location.href, {
action: 'login',
username: $('[name="username"]').val(),
password: $('[name="password"]').val()
}, function(res) {
if (res.success) location.reload();
else alert(res.error);
});
});

// دالة جلب الموظفين
function loadEmployees() {
$.post(window.location.href, {action: 'getEmployees'}, function(res) {
$('#employeesTable').html(res.data.map(emp => `
<tr>
<td>${emp.militaryNumber}</td>
<td>${emp.firstName}</td>
<td>${emp.lastName}</td>
<td>${emp.unit}</td>
<td>${emp.department}</td>
<td>${emp.section || '-'}</td>
<td>
<button class="btn btn-sm btn-warning" onclick="editEmployee('${emp.militaryNumber}')">
<i class="fas fa-edit"></i>
</button>
<button class="btn btn-sm btn-danger" onclick="deleteEmployee('${emp.militaryNumber}')">
<i class="fas fa-trash"></i>
</button>
</td>
</tr>
`).join(''));
});
}

// دالة الحفظ
function saveEmployee() {
const formData = $('#employeeForm').serializeArray();
const data = {action: 'saveEmployee'};
formData.forEach(item => data[item.name] = item.value);

$.post(window.location.href, data, function() {
loadEmployees();
$('#employeeFormModal').modal('hide');
});
}

// التهيئة الأولية
$(document).ready(function() {
loadEmployees();
loadDailyStatus();
});
</script>
</body>
</html>
language:
Python 3 (python  3.12)
created:
5 hours ago
visibility:
public

Share or Embed source code

Discover > Sphere Engine API

The brand new service which powers Ideone!

Discover > IDE Widget

Widget for compiling and running the source code in a web browser!