125 lines
7.9 KiB
PHP
125 lines
7.9 KiB
PHP
<?php require_once 'i18n.php'; ?>
|
|
<!DOCTYPE html>
|
|
<html lang="<?php echo $current_lang; ?>" dir="<?php echo get_lang_dir(); ?>">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title><?php echo t('dashboard'); ?></title>
|
|
<meta name="description" content="تطبيق داخلي لمدير المدرسة يقرأ الإيميلات ويقترح ردودًا. Built with Flatlogic Generator.">
|
|
<meta name="keywords" content="إدارة المدرسة, مساعد بريد, ذكاء اصطناعي, ردود تلقائية, تنظيم الايميلات, التعليم, إدارة, إنتاجية, Built with Flatlogic Generator">
|
|
<meta property="og:title" content="<?php echo t('dashboard'); ?>">
|
|
<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 -->
|
|
<?php if (get_lang_dir() === '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">
|
|
<?php else: ?>
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
|
|
<?php endif; ?>
|
|
<!-- Bootstrap Icons -->
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css" rel="stylesheet">
|
|
<!-- Google Fonts (Tajawal for Arabic, Poppins for LTR) -->
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<?php if (get_lang_dir() === 'rtl'): ?>
|
|
<link href="https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700&display=swap" rel="stylesheet">
|
|
<?php else: ?>
|
|
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap" rel="stylesheet">
|
|
<?php endif; ?>
|
|
<!-- 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"><?php echo t('dashboard'); ?></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> <?php echo t('language'); ?>
|
|
</button>
|
|
<ul class="dropdown-menu" aria-labelledby="langDropdown">
|
|
<li><a class="dropdown-item <?php if($current_lang == 'ar') echo 'active'; ?>" href="?lang=ar"><?php echo t('arabic'); ?></a></li>
|
|
<li><a class="dropdown-item <?php if($current_lang == 'en') echo 'active'; ?>" href="?lang=en"><?php echo t('english'); ?></a></li>
|
|
<li><a class="dropdown-item <?php if($current_lang == 'fr') echo 'active'; ?>" href="?lang=fr"><?php echo t('french'); ?></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> <?php echo t('manual_entry'); ?></a>
|
|
<a href="settings.php" class="btn btn-light ms-2" title="<?php echo t('settings'); ?>"><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="<?php echo t('health_check'); ?>...">
|
|
<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"><?php echo t('select_message_to_display'); ?></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"><?php echo t('message_content_here'); ?></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> <?php echo t('reply'); ?></button>
|
|
<button class="btn btn-outline-secondary"><i class="bi bi-reply-all-fill me-1"></i> <?php echo t('reply_all'); ?></button>
|
|
<button class="btn btn-outline-secondary"><i class="bi bi-arrow-right-short me-1"></i> <?php echo t('forward'); ?></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"><?php echo t('ai_assistant'); ?></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><?php echo t('message_summary'); ?></h6>
|
|
<p id="ai-summary" class="text-muted small"><?php echo t('select_message_for_summary'); ?></p>
|
|
</div>
|
|
<div class="mb-4">
|
|
<h6><i class="bi bi-lightbulb me-2"></i><?php echo t('suggested_actions'); ?></h6>
|
|
<div id="ai-actions" class="d-flex flex-wrap gap-2">
|
|
<span class="badge bg-secondary bg-opacity-25 text-dark-emphasis"><?php echo t('no_suggested_actions'); ?></span>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<h6><i class="bi bi-pencil-square me-2"></i><?php echo t('suggested_replies'); ?></h6>
|
|
<div id="ai-replies" class="list-group list-group-flush">
|
|
<div class="list-group-item text-muted small"><?php echo t('select_message_for_replies'); ?></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>
|