149 lines
6.4 KiB
HTML
149 lines
6.4 KiB
HTML
{% extends 'base.html' %}
|
|
{% load static i18n humanize %}
|
|
{% block customCSS %}
|
|
<style>
|
|
.card {
|
|
box-shadow: 0 2px 4px rgba(0,0,0,0.05);
|
|
border: none;
|
|
}
|
|
.card-header {
|
|
background-color: #f0f2f5;
|
|
font-weight: 600;
|
|
}
|
|
.table thead {
|
|
background-color: #f9fafb;
|
|
}
|
|
.empty-state {
|
|
text-align: center;
|
|
padding: 50px;
|
|
color: #aaa;
|
|
}
|
|
</style>
|
|
{% endblock customCSS %}
|
|
{% block content %}
|
|
<div class="container-fluid">
|
|
<!-- Welcome Row -->
|
|
<div class="d-flex justify-content-between align-items-center mb-3">
|
|
<h5 class="mb-0">مرحبًا</h5>
|
|
<div>
|
|
<button class="btn btn-phoenix-secondary dropdown-toggle"
|
|
data-bs-toggle="dropdown">الصفحة الرئيسية لـ </button>
|
|
</div>
|
|
</div>
|
|
<!-- Main Row -->
|
|
<div class="row">
|
|
<!-- Tasks -->
|
|
<div class="col-md-6 mb-4">
|
|
<div class="card h-100">
|
|
<div class="card-header">المهام المفتوحة الخاصة بي</div>
|
|
<div class="card-body p-0">
|
|
<table class="table table-hover align-middle mb-0">
|
|
<thead>
|
|
<tr>
|
|
<th>الموضوع</th>
|
|
<th>تاريخ الاستحقاق</th>
|
|
<th>الحالة</th>
|
|
<th>الأولوية</th>
|
|
<th>مرتبط بـ</th>
|
|
<th>اسم جهة الاتصال</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td>
|
|
<a href="#">Register for upcoming CRM Webinars</a>
|
|
</td>
|
|
<td>16/02/2025</td>
|
|
<td>Not Started</td>
|
|
<td>Low</td>
|
|
<td>King (Sample)</td>
|
|
<td>Kris Marrier (Sample)</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="#">Refer CRM Videos</a>
|
|
</td>
|
|
<td>18/02/2025</td>
|
|
<td>In Progress</td>
|
|
<td>Normal</td>
|
|
<td>Morlong Associates</td>
|
|
<td>Mitsue Tollner (Sample)</td>
|
|
</tr>
|
|
<!-- Add more rows as needed -->
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Meetings -->
|
|
<div class="col-md-6 mb-4">
|
|
<div class="card h-100">
|
|
<div class="card-header d-flex justify-content-between align-items-center">
|
|
<span>الاجتماعات الخاصة بي</span>
|
|
<span class="spinner-border spinner-border-sm text-muted"
|
|
role="status"
|
|
aria-hidden="true"></span>
|
|
</div>
|
|
<div class="card-body p-0">
|
|
<table class="table table-hover align-middle mb-0">
|
|
<thead>
|
|
<tr>
|
|
<th>العنوان</th>
|
|
<th>المرسل</th>
|
|
<th>إلى</th>
|
|
<th>اسم جهة الاتصال</th>
|
|
<th>مرتبط بـ</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td>Demo</td>
|
|
<td>03:12 16/02/2025</td>
|
|
<td>04:12 16/02/2025</td>
|
|
<td>Donette Foller (Sample)</td>
|
|
<td>Printing Dimensions</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Webinar</td>
|
|
<td>03:12 16/02/2025</td>
|
|
<td>04:12 16/02/2025</td>
|
|
<td>Leota Dilliard (Sample)</td>
|
|
<td>Commercial Press</td>
|
|
</tr>
|
|
<!-- Add more rows as needed -->
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Bottom Row -->
|
|
<div class="row">
|
|
<!-- Today's Leads -->
|
|
<div class="col-md-6 mb-4">
|
|
<div class="card h-100">
|
|
<div class="card-header">العملاء المحتملون لليوم</div>
|
|
<div class="card-body empty-state">
|
|
<img src="https://cdn-icons-png.flaticon.com/512/1828/1828945.png"
|
|
width="64"
|
|
alt="No Data">
|
|
<p class="mt-3">لم يتم العثور على أي العملاء المحتملون.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Deals Closed This Month -->
|
|
<div class="col-md-6 mb-4">
|
|
<div class="card h-100">
|
|
<div class="card-header">تم إقفال صفقات هذا الشهر</div>
|
|
<div class="card-body empty-state">
|
|
<img src="https://cdn-icons-png.flaticon.com/512/1828/1828945.png"
|
|
width="64"
|
|
alt="No Data">
|
|
<p class="mt-3">لم يتم العثور على أي صفقات.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endblock content %}
|