115 lines
6.9 KiB
PHP
115 lines
6.9 KiB
PHP
<!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>
|
|
<meta name="description" content="تطبيق داخلي لمدير المدرسة يقرأ الإيميلات ويقترح ردودًا. Built with Flatlogic Generator.">
|
|
<meta name="keywords" content="إدارة المدرسة, مساعد بريد, ذكاء اصطناعي, ردود تلقائية, تنظيم الايميلات, التعليم, إدارة, إنتاجية, Built with Flatlogic Generator">
|
|
<meta property="og:title" content="مساعد البريد الذكي">
|
|
<meta property="og:description" content="تطبيق داخلي لمدير المدرسة يقرأ الإيميلات ويقترح ردودًا. Built with Flatlogic Generator.">
|
|
<meta property="og:image" content="">
|
|
<meta name="twitter:card" content="summary_large_image">
|
|
<meta name="twitter:image" content="">
|
|
|
|
<!-- Bootstrap 5 RTL -->
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.rtl.min.css" rel="stylesheet" integrity="sha384-nU14brUcp6StFntEOOEBvcJm4huWjB0OcIeQ3fltAfSmuZFrkAif0T+UtNGlKKQv" crossorigin="anonymous">
|
|
<!-- Bootstrap Icons -->
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css" rel="stylesheet">
|
|
<!-- Google Fonts (Tajawal) -->
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700&display=swap" rel="stylesheet">
|
|
<!-- Custom CSS -->
|
|
<link rel="stylesheet" href="assets/css/custom.css?v=<?php echo time(); ?>">
|
|
</head>
|
|
<body>
|
|
|
|
<main class="container-fluid vh-100 d-flex flex-column">
|
|
<header class="row border-bottom py-2">
|
|
<div class="col d-flex align-items-center">
|
|
<i class="bi bi-robot fs-3 text-primary me-3"></i>
|
|
<h4 class="mb-0">مساعد البريد الذكي</h4>
|
|
</div>
|
|
<div class="col-auto d-flex align-items-center">
|
|
<div class="dropdown">
|
|
<button class="btn btn-outline-secondary dropdown-toggle" type="button" id="langDropdown" data-bs-toggle="dropdown" aria-expanded="false">
|
|
<i class="bi bi-translate me-1"></i> العربية
|
|
</button>
|
|
<ul class="dropdown-menu" aria-labelledby="langDropdown">
|
|
<li><a class="dropdown-item active" href="#">العربية</a></li>
|
|
<li><a class="dropdown-item" href="#">English</a></li>
|
|
</ul>
|
|
</div>
|
|
<a href="manual_email.php" class="btn btn-outline-primary ms-2"><i class="bi bi-plus-circle me-1"></i> إدخال يدوي</a>
|
|
<a href="settings.php" class="btn btn-light ms-2" title="الإعدادات"><i class="bi bi-gear"></i></a>
|
|
</div>
|
|
</header>
|
|
|
|
<div class="row flex-grow-1 overflow-hidden">
|
|
<!-- Email List Column -->
|
|
<div id="email-list-col" class="col-md-3 border-end p-0 d-flex flex-column">
|
|
<div class="p-3 border-bottom">
|
|
<div class="input-group">
|
|
<input type="text" class="form-control" placeholder="بحث في البريد...">
|
|
<button class="btn btn-outline-secondary" type="button"><i class="bi bi-search"></i></button>
|
|
</div>
|
|
</div>
|
|
<div id="email-list-container" class="flex-grow-1 overflow-auto">
|
|
<!-- Email items will be injected here by JS -->
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Email Detail Column -->
|
|
<div id="email-detail-col" class="col-md-5 p-0 d-flex flex-column">
|
|
<div class="p-3 border-bottom bg-light">
|
|
<h5 id="email-subject" class="mb-1">اختر رسالة لعرضها</h5>
|
|
<small id="email-from" class="text-muted"></small>
|
|
</div>
|
|
<div id="email-body-container" class="flex-grow-1 p-4 overflow-auto">
|
|
<p class="text-muted">محتوى الرسالة سيظهر هنا.</p>
|
|
</div>
|
|
<div id="email-attachments" class="p-3 border-top bg-light">
|
|
<!-- Attachments will be injected here by JS -->
|
|
</div>
|
|
<div class="p-3 border-top d-flex gap-2">
|
|
<button class="btn btn-primary"><i class="bi bi-reply-fill me-1"></i> رد</button>
|
|
<button class="btn btn-outline-secondary"><i class="bi bi-reply-all-fill me-1"></i> رد على الكل</button>
|
|
<button class="btn btn-outline-secondary"><i class="bi bi-arrow-right-short me-1"></i> تمرير</button>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- AI Assistant Column -->
|
|
<div id="ai-assistant-col" class="col-md-4 border-start p-0 d-flex flex-column bg-light">
|
|
<div class="p-3 border-bottom d-flex align-items-center">
|
|
<i class="bi bi-magic fs-5 text-primary me-2"></i>
|
|
<h5 class="mb-0">المساعد الذكي</h5>
|
|
</div>
|
|
<div id="ai-assistant-body" class="flex-grow-1 p-4 overflow-auto">
|
|
<div class="mb-4">
|
|
<h6><i class="bi bi-card-text me-2"></i>ملخص الرسالة</h6>
|
|
<p id="ai-summary" class="text-muted small">اختر رسالة ليقوم المساعد بتلخيصها.</p>
|
|
</div>
|
|
<div class="mb-4">
|
|
<h6><i class="bi bi-lightbulb me-2"></i>إجراءات مقترحة</h6>
|
|
<div id="ai-actions" class="d-flex flex-wrap gap-2">
|
|
<span class="badge bg-secondary bg-opacity-25 text-dark-emphasis">لا إجراءات مقترحة</span>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<h6><i class="bi bi-pencil-square me-2"></i>الردود المقترحة</h6>
|
|
<div id="ai-replies" class="list-group list-group-flush">
|
|
<div class="list-group-item text-muted small">اختر رسالة لعرض الردود المقترحة.</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
|
|
<!-- Bootstrap 5 JS -->
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
|
|
<!-- Custom JS -->
|
|
<script src="assets/js/main.js?v=<?php echo time(); ?>"></script>
|
|
</body>
|
|
</html> |