ultimatepos/catalog/index-ar.html

1280 lines
58 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="ar" dir="rtl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>كتالوج سورنا POS | شركة سورنا صناعة خاوران</title>
<link href="https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
<style>
:root {
--navy: #0c2340;
--navy-mid: #163a5f;
--blue: #2563eb;
--blue-light: #dbeafe;
--text: #111827;
--muted: #4b5563;
--line: #d1d5db;
--bg: #eef2f7;
--white: #ffffff;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
body {
font-family: 'Tajawal', 'Segoe UI', Tahoma, sans-serif;
background: var(--bg);
color: var(--text);
line-height: 1.85;
font-size: 14px;
}
/* ===== Toolbar ===== */
.toolbar {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 1000;
background: var(--navy);
color: #fff;
padding: 12px 24px;
display: flex;
align-items: center;
justify-content: space-between;
box-shadow: 0 2px 12px rgba(0,0,0,.2);
}
.toolbar-title { font-weight: 600; font-size: 15px; }
.toolbar-actions { display: flex; gap: 10px; }
.btn {
border: none;
cursor: pointer;
font-family: inherit;
font-size: 13px;
font-weight: 600;
padding: 10px 20px;
border-radius: 8px;
transition: .2s;
}
.btn-primary {
background: var(--blue);
color: #fff;
}
.btn-primary:hover { background: #1d4ed8; }
.btn-outline {
background: transparent;
color: #fff;
border: 1px solid rgba(255,255,255,.35);
}
.btn-outline:hover { background: rgba(255,255,255,.1); }
.toolbar-hint {
font-size: 12px;
opacity: .75;
margin-top: 4px;
}
/* ===== A4 Sheets ===== */
.catalog {
max-width: 210mm;
margin: 80px auto 48px;
padding: 0 16px;
}
.sheet {
background: var(--white);
width: 210mm;
min-height: 297mm;
margin: 0 auto 24px;
padding: 18mm 16mm;
box-shadow: 0 4px 24px rgba(0,0,0,.08);
position: relative;
overflow: hidden;
}
.sheet-cover {
padding: 0;
display: flex;
flex-direction: column;
min-height: 297mm;
}
.cover-top {
flex: 1;
background: linear-gradient(145deg, var(--navy) 0%, var(--navy-mid) 55%, #1e4a7a 100%);
color: #fff;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
padding: 48px 32px;
}
.cover-logo {
width: 72px;
height: 72px;
border: 2px solid rgba(255,255,255,.4);
border-radius: 16px;
display: flex;
align-items: center;
justify-content: center;
font-size: 28px;
font-weight: 800;
margin-bottom: 28px;
letter-spacing: -1px;
}
.cover-top h1 {
font-size: 42px;
font-weight: 800;
margin-bottom: 12px;
letter-spacing: -.5px;
}
.cover-top .tagline {
font-size: 17px;
font-weight: 300;
opacity: .92;
max-width: 420px;
line-height: 1.9;
}
.cover-bottom {
padding: 28px 32px;
display: flex;
justify-content: space-between;
align-items: center;
border-top: 4px solid var(--blue);
}
.cover-bottom .company { font-weight: 700; font-size: 16px; color: var(--navy); }
.cover-bottom .meta { font-size: 12px; color: var(--muted); text-align: left; line-height: 1.7; }
/* ===== Page header ===== */
.page-head {
border-bottom: 2px solid var(--navy);
padding-bottom: 10px;
margin-bottom: 22px;
display: flex;
justify-content: space-between;
align-items: flex-end;
}
.page-head h2 {
font-size: 22px;
font-weight: 700;
color: var(--navy);
}
.page-head .brand {
font-size: 11px;
color: var(--muted);
font-weight: 500;
}
.page-num {
position: absolute;
bottom: 12mm;
left: 16mm;
font-size: 11px;
color: var(--muted);
}
/* ===== Typography ===== */
h3 {
font-size: 16px;
font-weight: 700;
color: var(--navy-mid);
margin: 20px 0 10px;
}
h3:first-of-type { margin-top: 0; }
p { margin-bottom: 12px; color: var(--text); }
.lead {
font-size: 15px;
color: var(--muted);
margin-bottom: 18px;
}
.simple-list {
list-style: none;
padding: 0;
}
.simple-list li {
padding: 7px 0;
padding-right: 18px;
position: relative;
border-bottom: 1px solid #f0f0f0;
font-size: 13.5px;
}
.simple-list li::before {
content: '';
position: absolute;
right: 0;
top: 15px;
width: 6px;
height: 6px;
background: var(--blue);
border-radius: 50%;
}
.simple-list li:last-child { border-bottom: none; }
/* ===== Two columns ===== */
.cols-2 {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
}
.box {
border: 1px solid var(--line);
border-radius: 8px;
padding: 16px;
}
.box-title {
font-weight: 700;
font-size: 14px;
color: var(--navy);
margin-bottom: 10px;
padding-bottom: 8px;
border-bottom: 2px solid var(--blue-light);
}
/* ===== Stats ===== */
.stats {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 12px;
margin: 20px 0;
}
.stat {
text-align: center;
padding: 16px 8px;
background: #f8fafc;
border: 1px solid var(--line);
border-radius: 8px;
}
.stat .n { font-size: 22px; font-weight: 800; color: var(--blue); }
.stat .l { font-size: 11px; color: var(--muted); margin-top: 4px; }
/* ===== TOC ===== */
.toc-list { list-style: none; }
.toc-list li {
display: flex;
justify-content: space-between;
padding: 10px 0;
border-bottom: 1px dotted var(--line);
font-size: 14px;
}
.toc-list li span:last-child { color: var(--muted); }
/* ===== Feature table ===== */
.feat-table {
width: 100%;
border-collapse: collapse;
font-size: 13px;
margin-top: 12px;
}
.feat-table th {
background: var(--navy);
color: #fff;
padding: 10px 12px;
text-align: right;
font-weight: 600;
}
.feat-table td {
padding: 10px 12px;
border-bottom: 1px solid var(--line);
vertical-align: top;
}
.feat-table tr:nth-child(even) td { background: #f9fafb; }
.feat-table td:first-child {
font-weight: 600;
color: var(--navy);
width: 28%;
}
/* ===== Screenshot page ===== */
.screen-tag {
display: inline-block;
background: var(--blue-light);
color: var(--blue);
font-size: 11px;
font-weight: 700;
padding: 3px 10px;
border-radius: 4px;
margin-bottom: 8px;
}
.screen-title {
font-size: 20px;
font-weight: 700;
color: var(--navy);
margin-bottom: 6px;
}
.screen-desc {
font-size: 13.5px;
color: var(--muted);
margin-bottom: 14px;
}
.screen-img-wrap {
border: 1px solid var(--line);
border-radius: 6px;
overflow: hidden;
margin: 14px 0;
}
.screen-img-wrap img {
width: 100%;
display: block;
}
.cap-list {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 6px 16px;
margin-top: 12px;
}
.cap-item {
font-size: 12.5px;
padding-right: 14px;
position: relative;
}
.cap-item::before {
content: '✓';
position: absolute;
right: 0;
color: var(--blue);
font-weight: 700;
font-size: 11px;
}
/* ===== Modules ===== */
.mod-detail {
border: 1px solid var(--line);
border-radius: 8px;
padding: 14px 16px;
margin-bottom: 14px;
page-break-inside: avoid;
}
.mod-detail:last-child { margin-bottom: 0; }
.mod-detail-head {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 8px;
}
.mod-num {
background: var(--navy);
color: #fff;
font-size: 11px;
font-weight: 700;
width: 26px;
height: 26px;
border-radius: 6px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.mod-detail-head strong {
font-size: 14px;
color: var(--navy);
}
.mod-detail-head .mod-en {
font-size: 11px;
color: var(--muted);
font-weight: 400;
}
.mod-for {
font-size: 12px;
color: var(--navy-mid);
margin-bottom: 8px;
padding: 6px 10px;
background: #f0f7ff;
border-radius: 4px;
border-right: 3px solid var(--blue);
}
.mod-for strong { color: var(--navy); }
.mod-desc {
font-size: 12.5px;
color: var(--text);
margin-bottom: 8px;
line-height: 1.8;
}
.mod-features {
list-style: none;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 3px 12px;
}
.mod-features li {
font-size: 11.5px;
color: var(--muted);
padding-right: 12px;
position: relative;
}
.mod-features li::before {
content: '•';
position: absolute;
right: 0;
color: var(--blue);
font-weight: 700;
}
/* ===== Footer sheet ===== */
.closing {
text-align: center;
padding-top: 40px;
}
.closing h2 {
font-size: 28px;
color: var(--navy);
margin-bottom: 12px;
}
.closing p { color: var(--muted); font-size: 14px; }
.contact-box {
margin: 32px auto 0;
max-width: 360px;
border: 2px solid var(--navy);
border-radius: 10px;
padding: 24px;
}
.contact-box .company-name {
font-size: 18px;
font-weight: 800;
color: var(--navy);
margin-bottom: 8px;
}
/* ===== Print / PDF ===== */
@page {
size: A4;
margin: 0;
}
@media print {
body { background: #fff; font-size: 12px; }
.no-print { display: none !important; }
.catalog { margin: 0; padding: 0; max-width: none; }
.sheet {
width: 210mm;
min-height: 297mm;
margin: 0;
padding: 18mm 16mm;
box-shadow: none;
page-break-after: always;
break-after: page;
}
.sheet:last-child { page-break-after: auto; }
.screen-img-wrap { break-inside: avoid; }
.page-num { position: fixed; }
}
@media screen and (max-width: 800px) {
.sheet { width: 100%; min-height: auto; }
.cols-2, .cap-list, .mod-grid, .stats { grid-template-columns: 1fr; }
.toolbar { flex-direction: column; gap: 10px; align-items: stretch; }
}
/* PDF generating overlay */
.pdf-overlay {
display: none;
position: fixed;
inset: 0;
background: rgba(0,0,0,.6);
z-index: 2000;
align-items: center;
justify-content: center;
color: #fff;
font-size: 18px;
font-weight: 600;
}
.pdf-overlay.active { display: flex; }
</style>
</head>
<body>
<!-- Toolbar -->
<div class="toolbar no-print">
<div>
<div class="toolbar-title">كتالوج سورنا POS</div>
<div class="toolbar-hint">للطباعة: A4 · الهوامش «افتراضية» · تفعيل «الرسومات الخلفية»</div>
</div>
<div class="toolbar-actions">
<a class="btn btn-outline" href="index.html" style="text-decoration:none;display:inline-flex;align-items:center">فارسی</a>
<button class="btn btn-outline" onclick="window.print()">معاينة الطباعة</button>
<button class="btn btn-primary" id="btnPdf">تحميل PDF</button>
</div>
</div>
<div class="pdf-overlay no-print" id="pdfOverlay">جارٍ إنشاء PDF…</div>
<div class="catalog" id="catalog">
<!-- صفحه 1: جلد -->
<div class="sheet sheet-cover">
<div class="cover-top">
<div class="cover-logo">SP</div>
<h1>سورنا POS</h1>
<p class="tagline">نظام متكامل للبيع والمخزون والمحاسبة وإعداد التقارير<br>للأعمال التجارية</p>
</div>
<div class="cover-bottom">
<div class="company">شركة سورنا صناعة خاوران</div>
<div class="meta">
الإصدار 6.9 · 2026<br>
عربي · من اليمين لليسار · تقويم هجري
</div>
</div>
</div>
<!-- صفحه 2: فهرست -->
<div class="sheet">
<div class="page-head">
<h2>فهرس المحتويات</h2>
<span class="brand">سورنا POS</span>
</div>
<ul class="toc-list">
<li><span>تعريف النظام</span><span>3</span></li>
<li><span>لمن هذا النظام؟</span><span>3</span></li>
<li><span>الميزات الرئيسية في لمحة</span><span>4</span></li>
<li><span>صفحة تسجيل الدخول</span><span>5</span></li>
<li><span>لوحة التحكم الإدارية</span><span>6</span></li>
<li><span>نقطة البيع (POS)</span><span>7</span></li>
<li><span>إدارة المنتجات</span><span>8</span></li>
<li><span>العملاء والموردون</span><span>9</span></li>
<li><span>إدارة المشتريات</span><span>10</span></li>
<li><span>إعداد التقارير</span><span>11</span></li>
<li><span>الحسابات المالية</span><span>12</span></li>
<li><span>المستخدمون والصلاحيات</span><span>13</span></li>
<li><span>إعدادات العمل</span><span>14</span></li>
<li><span>الوحدات المتخصصة (13)</span><span>15</span></li>
<li><span>الوحدات المتخصصة (46)</span><span>16</span></li>
<li><span>الوحدات المتخصصة (79)</span><span>17</span></li>
<li><span>الوحدات المتخصصة (1012)</span><span>18</span></li>
<li><span>الوحدات المتخصصة (1315)</span><span>19</span></li>
<li><span>المزايا والمواصفات الفنية</span><span>20</span></li>
</ul>
<span class="page-num">2</span>
</div>
<!-- صفحه 3: معرفی -->
<div class="sheet">
<div class="page-head">
<h2>تعريف النظام</h2>
<span class="brand">شركة سورنا صناعة خاوران</span>
</div>
<p class="lead">
<strong>سورنا POS</strong> برنامج شامل لإدارة الأعمال يجمع المبيعات والمخزون والمشتريات والعملاء والمحاسبة والتقارير في لوحة واحدة. تم تعريب هذا النظام بواسطة <strong>شركة سورنا صناعة خاوران</strong>: واجهة عربية، من اليمين لليسار، وتقويم هجري.
</p>
<div class="stats">
<div class="stat"><div class="n">+30</div><div class="l">نوع التقرير</div></div>
<div class="stat"><div class="n">+14</div><div class="l">وحدة متخصصة</div></div>
<div class="stat"><div class="n"></div><div class="l">منتج وعميل</div></div>
<div class="stat"><div class="n">RTL</div><div class="l">واجهة عربية</div></div>
</div>
<h3>ماذا يفعل سورنا POS؟</h3>
<ul class="simple-list">
<li>تسجيل المبيعات من نقطة البيع بسرعة وطباعة الفاتورة</li>
<li>إدارة مخزون البضائع في مستودع واحد أو عدة فروع</li>
<li>تسجيل المشتريات من الموردين ومتابعة الديون</li>
<li>الاحتفاظ بملفات العملاء ورصيد حساب كل طرف</li>
<li>تسجيل الإيرادات والمصروفات وعرض الوضع المالي</li>
<li>إنشاء تقارير المبيعات والأرباح والمخزون وأداء الموظفين</li>
<li>تعريف مستخدم بصلاحيات مخصصة لكل قسم</li>
</ul>
<h3>لمن هذا النظام؟</h3>
<div class="cols-2">
<div class="box">
<div class="box-title">المتاجر وتجارة الجملة</div>
<p style="font-size:13px;color:var(--muted);margin:0">متاجر الملابس والأجهزة المنزلية والمواد الغذائية والقرطاسية وأي عمل يبيع بضائع ويحتاج نقطة بيع ومخزون.</p>
</div>
<div class="box">
<div class="box-title">المطاعم والمقاهي</div>
<p style="font-size:13px;color:var(--muted);margin:0">مع وحدة المطعم: إدارة الطاولات وطلبات المطبخ والقائمة والبيع السريع.</p>
</div>
<div class="box">
<div class="box-title">وحدة الإنتاج</div>
<p style="font-size:13px;color:var(--muted);margin:0">مع وحدة الإنتاج: صيغة التصنيع والمواد الخام والإنتاج ومراقبة مخزون المنتجات نصف المصنعة.</p>
</div>
<div class="box">
<div class="box-title">الشركات متعددة الفروع</div>
<p style="font-size:13px;color:var(--muted);margin:0">إدارة مركزية لعدة متاجر ومستودعات منفصلة وتقارير مجمعة من جميع الفروع.</p>
</div>
</div>
<span class="page-num">3</span>
</div>
<!-- صفحه 4: امکانات -->
<div class="sheet">
<div class="page-head">
<h2>الميزات الرئيسية في لمحة</h2>
<span class="brand">سورنا POS</span>
</div>
<table class="feat-table">
<thead>
<tr>
<th>القسم</th>
<th>الوصف</th>
</tr>
</thead>
<tbody>
<tr>
<td>نقطة البيع</td>
<td>بيع سريع، بحث بالباركود/الاسم، خصم، ضريبة، دفع نقدي/بطاقة/شيك، طباعة فاتورة، اختيار عميل، إرجاع بضاعة</td>
</tr>
<tr>
<td>المنتجات</td>
<td>تعريف البضاعة والفئة والعلامة والباركود وأسعار الشراء/البيع والمخزون وتنبيه النقص وانتهاء الصلاحية واستيراد Excel</td>
</tr>
<tr>
<td>العملاء</td>
<td>تسجيل بيانات الاتصال والتصنيف ورصيد المدين/الدائن وسجل المشتريات وإرسال SMS</td>
</tr>
<tr>
<td>الموردون</td>
<td>ملف المورد وتسجيل الشراء ومتابعة الدفع وتقرير الديون</td>
</tr>
<tr>
<td>المشتريات</td>
<td>فاتورة شراء ومرتجع شراء وأمر شراء وتحديث المخزون تلقائياً</td>
</tr>
<tr>
<td>المبيعات</td>
<td>فاتورة بيع وعرض سعر وتسليم جزئي ومرتجع بيع ومتابعة الدفع</td>
</tr>
<tr>
<td>المخزون</td>
<td>نقل بين المستودعات وتعديل المخزون وتقرير الدخول/الخروج وتتبع الدفعات</td>
</tr>
<tr>
<td>المحاسبة</td>
<td>حسابات الدفع وتسجيل المعاملات والميزانية والأرباح والخسائر والموازنة</td>
</tr>
<tr>
<td>التقارير</td>
<td>المبيعات والأرباح والمخزون والضرائب والمستخدمون والعملاء — تصدير PDF وExcel</td>
</tr>
<tr>
<td>المستخدمون</td>
<td>الدور والصلاحية وتقييد الفرع وتسجيل النشاط وساعات العمل</td>
</tr>
</tbody>
</table>
<span class="page-num">4</span>
</div>
<!-- صفحات اسکرین‌شات -->
<div class="sheet">
<span class="screen-tag">القسم 1 من 10</span>
<div class="screen-title">صفحة تسجيل الدخول</div>
<p class="screen-desc">نقطة البداية للعمل مع النظام. يسجل كل مستخدم الدخول باسم المستخدم وكلمة المرور ويصل فقط إلى الأقسام التي حددها المدير.</p>
<div class="screen-img-wrap"><img src="screenshots/login.png" alt="صفحة تسجيل الدخول"></div>
<div class="cap-list">
<div class="cap-item">دخول آمن باسم المستخدم وكلمة المرور</div>
<div class="cap-item">واجهة عربية كاملة من اليمين لليسار</div>
<div class="cap-item">عرض اسم النظام والعمل</div>
<div class="cap-item">إمكانية استعادة كلمة المرور</div>
<div class="cap-item">دعم لغات متعددة</div>
<div class="cap-item">متوافق مع المتصفح والجوال</div>
</div>
<span class="page-num">5</span>
</div>
<div class="sheet">
<span class="screen-tag">القسم 2 من 10</span>
<div class="screen-title">لوحة التحكم الإدارية</div>
<p class="screen-desc">أول صفحة بعد تسجيل الدخول. يرى المدير في لمحة حالة المبيعات والمشتريات والديون والتنبيهات المهمة — دون الحاجة لتقرير منفصل.</p>
<div class="screen-img-wrap"><img src="screenshots/dashboard.png" alt="داشبورد"></div>
<div class="cap-list">
<div class="cap-item">ملخص مبيعات اليوم والأسبوع والشهر</div>
<div class="cap-item">رسم بياني للمبيعات 30 يوماً بالتقويم الهجري</div>
<div class="cap-item">تنبيه نقص المخزون واقتراب انتهاء الصلاحية</div>
<div class="cap-item">قائمة المدفوعات المتأخرة</div>
<div class="cap-item">ملخص المشتريات والمصروفات</div>
<div class="cap-item">وصول سريع للأقسام الأكثر استخداماً</div>
</div>
<span class="page-num">6</span>
</div>
<div class="sheet">
<span class="screen-tag">القسم 3 من 10</span>
<div class="screen-title">نقطة البيع (POS)</div>
<p class="screen-desc">قلب النظام للبيع اليومي. يبحث البائع عن المنتج ويضيفه للسلة ويمنح خصماً ويطبع الفاتورة — كل ذلك في ثوانٍ.</p>
<div class="screen-img-wrap"><img src="screenshots/pos.png" alt="نقطة البيع"></div>
<div class="cap-list">
<div class="cap-item">بحث بالاسم أو SKU أو الباركود</div>
<div class="cap-item">دفع نقدي وبطاقة وشيك ومختلط</div>
<div class="cap-item">خصم نسبي أو مبلغ ثابت</div>
<div class="cap-item">اختيار عميل وتسجيل دين</div>
<div class="cap-item">طباعة فاتورة وإيصال</div>
<div class="cap-item">اختصارات لوحة المفاتيح للسرعة</div>
<div class="cap-item">إدارة الصندوق والوردية</div>
<div class="cap-item">تعليق الفاتورة واستعادتها</div>
</div>
<span class="page-num">7</span>
</div>
<div class="sheet">
<span class="screen-tag">القسم 4 من 10</span>
<div class="screen-title">إدارة المنتجات</div>
<p class="screen-desc">قائمة كاملة بالبضائع مع إمكانية البحث والتصفية والتعديل الجماعي. كل منتج يمكن أن يكون له وحدات وأسعار ومخزون منفصل في كل مستودع.</p>
<div class="screen-img-wrap"><img src="screenshots/products.png" alt="المنتجات"></div>
<div class="cap-list">
<div class="cap-item">تعريف الاسم وSKU والباركود والصورة</div>
<div class="cap-item">التصنيف والعلامة التجارية</div>
<div class="cap-item">سعر الشراء والبيع وهامش الربح</div>
<div class="cap-item">مخزون فوري لكل مستودع</div>
<div class="cap-item">تنبيه الحد الأدنى للمخزون</div>
<div class="cap-item">استيراد وتصدير Excel</div>
<div class="cap-item">منتجات مركبة ومتغيرة</div>
<div class="cap-item">تاريخ انتهاء الصلاحية والدفعة</div>
</div>
<span class="page-num">8</span>
</div>
<div class="sheet">
<span class="screen-tag">القسم 5 من 10</span>
<div class="screen-title">العملاء والموردون</div>
<p class="screen-desc">ملف كامل لكل طرف حساب: بيانات الاتصال ورصيد المدين أو الدائن وسجل المعاملات وإمكانية التصنيف للخصم أو التقرير.</p>
<div class="screen-img-wrap"><img src="screenshots/contacts.png" alt="العملاء"></div>
<div class="cap-list">
<div class="cap-item">تسجيل الاسم والهاتف والعنوان ورقم الهوية</div>
<div class="cap-item">رصيد الحساب الفوري</div>
<div class="cap-item">سجل المشتريات والمدفوعات</div>
<div class="cap-item">تصنيف العملاء</div>
<div class="cap-item">إرسال SMS وبريد إلكتروني</div>
<div class="cap-item">تقرير دفتر الأستاذ للطرف</div>
<div class="cap-item">استيراد من ملف Excel</div>
<div class="cap-item">فصل العميل والمورد</div>
</div>
<span class="page-num">9</span>
</div>
<div class="sheet">
<span class="screen-tag">القسم 6 من 10</span>
<div class="screen-title">إدارة المشتريات</div>
<p class="screen-desc">تسجيل فاتورة شراء من المورد. مع كل شراء يُحدَّث مخزون المستودع تلقائياً ويُسجَّل الدين للمورد.</p>
<div class="screen-img-wrap"><img src="screenshots/purchases.png" alt="المشتريات"></div>
<div class="cap-list">
<div class="cap-item">تسجيل فاتورة شراء بالتفاصيل</div>
<div class="cap-item">اختيار المورد والمستودع</div>
<div class="cap-item">تسجيل دفع جزئي أو كامل</div>
<div class="cap-item">مرتجع شراء</div>
<div class="cap-item">أمر شراء (Purchase Order)</div>
<div class="cap-item">تحديث المخزون تلقائياً</div>
<div class="cap-item">حساب الضريبة والخصم</div>
<div class="cap-item">طباعة وإرسال الفاتورة</div>
</div>
<span class="page-num">10</span>
</div>
<div class="sheet">
<span class="screen-tag">القسم 7 من 10</span>
<div class="screen-title">إعداد التقارير</div>
<p class="screen-desc">أكثر من 30 تقريراً جاهزاً لاتخاذ القرار: المبيعات والأرباح والمخزون والضرائب وأداء البائع وأفضل العملاء — مع تصفية بالتاريخ الهجري.</p>
<div class="screen-img-wrap"><img src="screenshots/reports.png" alt="التقارير"></div>
<div class="cap-list">
<div class="cap-item">تقرير المخزون وقيمة المستودع</div>
<div class="cap-item">تقرير مبيعات يومي/شهري</div>
<div class="cap-item">أرباح وخسائر كل منتج</div>
<div class="cap-item">تقرير ضريبي</div>
<div class="cap-item">أداء المستخدمين والصندوق</div>
<div class="cap-item">أفضل العملاء والموردين</div>
<div class="cap-item">تصدير PDF وExcel</div>
<div class="cap-item">تصفية حسب الفرع والتاريخ</div>
</div>
<span class="page-num">11</span>
</div>
<div class="sheet">
<span class="screen-tag">القسم 8 من 10</span>
<div class="screen-title">الحسابات المالية</div>
<p class="screen-desc">إدارة التدفق النقدي: تعريف حساب بنكي وصندوق وتسجيل الإيرادات والمصروفات وعرض الميزانية المالية للعمل.</p>
<div class="screen-img-wrap"><img src="screenshots/accounts.png" alt="حساب‌ها"></div>
<div class="cap-list">
<div class="cap-item">تعريف حساب نقدي وبنكي وبطاقة</div>
<div class="cap-item">تسجيل إيداع وسحب</div>
<div class="cap-item">تحويل بين الحسابات</div>
<div class="cap-item">ميزانية فورية</div>
<div class="cap-item">تقرير الأرباح والخسائر</div>
<div class="cap-item">موازنة شهرية</div>
<div class="cap-item">ربط بفاتورة البيع/الشراء</div>
<div class="cap-item">تقرير التدفق النقدي</div>
</div>
<span class="page-num">12</span>
</div>
<div class="sheet">
<span class="screen-tag">القسم 9 من 10</span>
<div class="screen-title">المستخدمون والصلاحيات</div>
<p class="screen-desc">كل موظف يصل فقط للأقسام المسموح بها. يحدد المدير الأدوار ويمكنه تقييد الصلاحية حتى مستوى «عرض فقط».</p>
<div class="screen-img-wrap"><img src="screenshots/users.png" alt="المستخدمون"></div>
<div class="cap-list">
<div class="cap-item">تعريف مستخدم بدور</div>
<div class="cap-item">صلاحية جزئية لكل قسم</div>
<div class="cap-item">تقييد بفرع محدد</div>
<div class="cap-item">تسجيل النشاط (Activity Log)</div>
<div class="cap-item">تحديد ساعات العمل</div>
<div class="cap-item">أدوار معرّفة مسبقاً</div>
<div class="cap-item">تعطيل دون حذف</div>
<div class="cap-item">كلمة المرور والأمان</div>
</div>
<span class="page-num">13</span>
</div>
<div class="sheet">
<span class="screen-tag">القسم 10 من 10</span>
<div class="screen-title">إعدادات العمل</div>
<p class="screen-desc">تهيئة كاملة للنظام: بيانات الشركة والفروع والضرائب وقالب الفاتورة والطابعة وتفعيل الوحدات — إعداد مرة واحدة، جاهز دائماً.</p>
<div class="screen-img-wrap"><img src="screenshots/settings.png" alt="تنظیمات"></div>
<div class="cap-list">
<div class="cap-item">بيانات الشركة والشعار</div>
<div class="cap-item">تعريف الفرع والمستودع</div>
<div class="cap-item">معدل الضريبة والعملة</div>
<div class="cap-item">قالب وحجم الفاتورة</div>
<div class="cap-item">ربط طابعة حرارية</div>
<div class="cap-item">تفعيل/تعطيل الوحدات</div>
<div class="cap-item">اختصارات لوحة المفاتيح</div>
<div class="cap-item">نسخ احتياطي واستعادة</div>
</div>
<span class="page-num">14</span>
</div>
<!-- ماژول‌ها — صفحه 1 -->
<div class="sheet">
<div class="page-head">
<h2>الوحدات المتخصصة</h2>
<span class="brand">سورنا POS · الجزء 1</span>
</div>
<p class="lead">تُفعَّل كل وحدة على حدة. فعّل فقط الوحدات التي يحتاجها عملك.</p>
<div class="mod-detail">
<div class="mod-detail-head">
<span class="mod-num">1</span>
<div><strong>المحاسبة المتقدمة</strong> <span class="mod-en">Accounting</span></div>
</div>
<p class="mod-desc">للأعمال التي تحتاج محاسبة مزدوجة وتقارير مالية احترافية. تُسجَّل فواتير البيع والشراء تلقائياً في دفتر الحسابات دون إدخال يدوي متكرر.</p>
<p class="mod-for"><strong>مناسب لـ:</strong> الشركات التي لديها محاسب أو تحتاج ميزانية وأرباح وخسائر رسمية.</p>
<ul class="mod-features">
<li>تعريف دفتر الحسابات (أصول، خصوم، إيرادات، مصروفات)</li>
<li>تسجيل قيد محاسبي يدوي وتلقائي</li>
<li>ميزان المراجعة والميزانية العمومية</li>
<li>تقرير أرباح وخسائر دوري</li>
<li>موازنة ومقارنة بالأداء الفعلي</li>
<li>ربط مباشر بفاتورة البيع والشراء</li>
</ul>
</div>
<div class="mod-detail">
<div class="mod-detail-head">
<span class="mod-num">2</span>
<div><strong>إدارة علاقات العملاء</strong> <span class="mod-en">CRM</span></div>
</div>
<p class="mod-desc">أداة بيع ومتابعة العملاء. من لحظة دخول العميل المحتمل حتى إبرام العقد، جميع المراحل قابلة للمتابعة.</p>
<p class="mod-for"><strong>مناسب لـ:</strong> فريق المبيعات والوكالات وشركات الخدمات وأي عمل بدورة مبيعات طويلة.</p>
<ul class="mod-features">
<li>تسجيل وإدارة العملاء المحتملين (Lead)</li>
<li>قمع مبيعات بمراحل قابلة للتخصيص</li>
<li>جدولة اتصال واجتماع وتذكير</li>
<li>حملة تسويق وإرسال SMS/بريد</li>
<li>سجل كامل للتفاعل مع كل عميل</li>
<li>تقرير أداء مندوبي المبيعات</li>
</ul>
</div>
<div class="mod-detail">
<div class="mod-detail-head">
<span class="mod-num">3</span>
<div><strong>الموارد البشرية</strong> <span class="mod-en">Essentials / HRM</span></div>
</div>
<p class="mod-desc">إدارة الموظفين إلى جانب المبيعات والمخزون. الحضور والغياب والإجازات والرواتب والمهام اليومية — كلها في نفس نظام نقطة البيع دون برنامج منفصل.</p>
<p class="mod-for"><strong>مناسب لـ:</strong> الشركات من 5 إلى 500 موظف تريد دمج الموارد البشرية ونقطة البيع.</p>
<ul class="mod-features">
<li>تسجيل حضور وغياب (يدوي أو بجهاز)</li>
<li>طلب وموافقة إجازة</li>
<li>حساب الرواتب والمزايا</li>
<li>مهام (To-Do) وتعيين للموظف</li>
<li>تقويم الأحداث والتذكيرات</li>
<li>إدارة الوثائق والملفات الشخصية</li>
</ul>
</div>
<span class="page-num">15</span>
</div>
<!-- ماژول‌ها — صفحه 2 -->
<div class="sheet">
<div class="page-head">
<h2>الوحدات المتخصصة</h2>
<span class="brand">سورنا POS · الجزء 2</span>
</div>
<div class="mod-detail">
<div class="mod-detail-head">
<span class="mod-num">4</span>
<div><strong>الإنتاج</strong> <span class="mod-en">Manufacturing</span></div>
</div>
<p class="mod-desc">للمصانع ووحدات الإنتاج. عرّف المواد الخام واكتب صيغة التصنيع ومع كل أمر إنتاج يُخصم المخزون ويُضاف المنتج النهائي للمستودع.</p>
<p class="mod-for"><strong>مناسب لـ:</strong> المصنع وورشة الإنتاج وتعبئة المواد الغذائية وأي وحدة تحوّل المواد الخام إلى منتج.</p>
<ul class="mod-features">
<li>صيغة تصنيع (BOM) لكل منتج</li>
<li>إصدار أمر إنتاج</li>
<li>خصم تلقائي للمواد الخام من المخزون</li>
<li>حساب التكلفة الكاملة الفعلية</li>
<li>تسجيل الهدر ومرتجع المواد</li>
<li>تقرير إنتاج يومي وشهري</li>
</ul>
</div>
<div class="mod-detail">
<div class="mod-detail-head">
<span class="mod-num">5</span>
<div><strong>الإصلاحات</strong> <span class="mod-en">Repair</span></div>
</div>
<p class="mod-desc">مخصص لورش إصلاح الجوال والحاسوب والأجهزة المنزلية وأي عمل يستلم أجهزة العملاء. يرى العميل حالة الإصلاح برمز التتبع وتُفوتر خدماتك وقطع الغيار.</p>
<p class="mod-for"><strong>مناسب لـ:</strong> ورشة جوال وحاسوب وأجهزة منزلية وسيارات وخدمات ما بعد البيع.</p>
<ul class="mod-features">
<li>استلام جهاز بصورة ووصف العطل</li>
<li>رمز تتبع للعميل</li>
<li>الحالات: قيد الانتظار، قيد الإصلاح، جاهز للتسليم</li>
<li>تسجيل قطع مستهلكة وخصم من المخزون</li>
<li>فاتورة خدمات وأجرة</li>
<li>تقرير إصلاحات وإيراد الخدمات</li>
</ul>
</div>
<div class="mod-detail">
<div class="mod-detail-head">
<span class="mod-num">6</span>
<div><strong>إدارة المشاريع</strong> <span class="mod-en">Project</span></div>
</div>
<p class="mod-desc">لشركات المقاولات والوكالات والفرق التي تعمل على عدة مشاريع. الميزانية والموعد والمهام وساعات العمل لكل مشروع في مكان واحد.</p>
<p class="mod-for"><strong>مناسب لـ:</strong> مقاولات ووكالة إعلانات وشركة برمجيات وفرق قائمة على المشاريع.</p>
<ul class="mod-features">
<li>تعريف مشروع بميزانية وتاريخ انتهاء</li>
<li>مهمة ومهمة فرعية بأولوية</li>
<li>تعيين أعضاء ومسؤول كل مهمة</li>
<li>تسجيل ساعات العمل على المشروع</li>
<li>إرفاق ملف وملاحظة</li>
<li>تقرير التقدم والتكلفة الفعلية</li>
</ul>
</div>
<span class="page-num">16</span>
</div>
<!-- ماژول‌ها — صفحه 3 -->
<div class="sheet">
<div class="page-head">
<h2>الوحدات المتخصصة</h2>
<span class="brand">سورنا POS · الجزء 3</span>
</div>
<div class="mod-detail">
<div class="mod-detail-head">
<span class="mod-num">7</span>
<div><strong>المتجر الإلكتروني</strong> <span class="mod-en">WooCommerce</span></div>
</div>
<p class="mod-desc">ربط البيع الحضوري والإلكتروني. إذا لديك موقع WordPress مع WooCommerce تتزامن المنتجات والمخزون ويدخل الطلبات الإلكترونية مباشرة للنظام.</p>
<p class="mod-for"><strong>مناسب لـ:</strong> المتاجر التي تبيع حضورياً وإلكترونياً (WooCommerce).</p>
<ul class="mod-features">
<li>ربط بموقع WooCommerce</li>
<li>مزامنة المنتج والسعر والمخزون</li>
<li>استلام طلب إلكتروني في لوحة POS</li>
<li>تحديث المخزون بعد كل بيع</li>
<li>إدارة موحدة للعملاء</li>
<li>تقرير مبيعات إلكترونية وحضورية</li>
</ul>
</div>
<div class="mod-detail">
<div class="mod-detail-head">
<span class="mod-num">8</span>
<div><strong>إدارة الأصول</strong> <span class="mod-en">Asset Management</span></div>
</div>
<p class="mod-desc">تسجيل ومتابعة الأصول الثابتة: آلات وحاسوب محمول وسيارات وأثاث. اعرف مكان كل أصل ومن يستخدمه وقيمته الدفترية.</p>
<p class="mod-for"><strong>مناسب لـ:</strong> الشركات ذات الأصول الثابتة الكثيرة: معدات وسيارات مؤسسية وحواسيب الموظفين.</p>
<ul class="mod-features">
<li>تسجيل أصل برقم تسلسلي وقيمة</li>
<li>تعيين لموظف أو قسم</li>
<li>حساب الإهلاك الدوري</li>
<li>جدول صيانة وإصلاحات</li>
<li>نقل وإتلاف الأصل</li>
<li>تقرير القيمة الإجمالية للأصول</li>
</ul>
</div>
<div class="mod-detail">
<div class="mod-detail-head">
<span class="mod-num">9</span>
<div><strong>إدارة المخزون المتقدمة</strong> <span class="mod-en">Inventory Management</span></div>
</div>
<p class="mod-desc">تحكم أدق بالمخزون للأعمال ذات البضائع القابلة للتلف أو المسلسلة أو الدفعية. تحدد أي دفعة تُباع أولاً ومتى ينفد المخزون.</p>
<p class="mod-for"><strong>مناسب لـ:</strong> صيدلية ومواد غذائية وإلكترونيات مسلسلة ومستودعات كبيرة.</p>
<ul class="mod-features">
<li>تتبع الدفعة والرقم التسلسلي</li>
<li>إدارة تاريخ انتهاء الصلاحية (FIFO)</li>
<li>تنبيه مخزون متقدم</li>
<li>تقرير حركة البضاعة (دخول/خروج)</li>
<li>تعديل المخزون بسبب</li>
<li>نقل بين المستودعات مع تتبع</li>
</ul>
</div>
<span class="page-num">17</span>
</div>
<!-- ماژول‌ها — صفحه 4 -->
<div class="sheet">
<div class="page-head">
<h2>الوحدات المتخصصة</h2>
<span class="brand">سورنا POS · الجزء 4</span>
</div>
<div class="mod-detail">
<div class="mod-detail-head">
<span class="mod-num">10</span>
<div><strong>كتالوج المنتجات</strong> <span class="mod-en">Product Catalogue</span></div>
</div>
<p class="mod-desc">عرض المنتجات إلكترونياً للعميل دون بيع. يرى العميل قائمة الأسعار والصور المحدّثة بمسح QR أو فتح الرابط.</p>
<p class="mod-for"><strong>مناسب لـ:</strong> مطعم (قائمة رقمية) ومعرض وواجهة متجر وكتالوج B2B.</p>
<ul class="mod-features">
<li>صفحة عامة للمنتجات برابط مخصص</li>
<li>قائمة رقمية برمز QR</li>
<li>عرض سعر وصورة محدّثة</li>
<li>تصفية التصنيف</li>
<li>دون الحاجة لموقع منفصل</li>
<li>متزامن مع مخزون النظام</li>
</ul>
</div>
<div class="mod-detail">
<div class="mod-detail-head">
<span class="mod-num">11</span>
<div><strong>المطعم والحجز</strong> <span class="mod-en">Restaurant</span></div>
</div>
<p class="mod-desc">ميزة داخلية للمطعم والمقهى والوجبات السريعة. عرّف الطاولات على خريطة الصالة وأرسل الطلب من الصندوق للمطبخ وقسّم الفاتورة.</p>
<p class="mod-for"><strong>مناسب لـ:</strong> مطعم ومقهى ووجبات سريعة ومقهى-مطعم وأي عمل بطلب على الطاولة.</p>
<ul class="mod-features">
<li>خريطة طاولات وحالة الإشغال</li>
<li>طلب من POS لشاشة المطبخ</li>
<li>قائمة طعام مصنّفة</li>
<li>حجز طاولة بتاريخ ووقت</li>
<li>تقسيم الفاتورة بين الضيوف</li>
<li>ربط بالصندوق وخصم مخزون المواد</li>
</ul>
</div>
<div class="mod-detail">
<div class="mod-detail-head">
<span class="mod-num">12</span>
<div><strong>منشئ الصفحات</strong> <span class="mod-en">CMS</span></div>
</div>
<p class="mod-desc">إنشاء صفحات ويب بسيطة داخل النظام: الرئيسية ومن نحن واتصل بنا والمدونة. للأعمال التي تريد حضوراً إلكترونياً دون تصميم موقع من الصفر.</p>
<p class="mod-for"><strong>مناسب لـ:</strong> الأعمال التي تريد موقعاً بسيطاً دون تكلفة تصميم منفصلة.</p>
<ul class="mod-features">
<li>محرر صفحات بقالب جاهز</li>
<li>صفحة هبوط (Landing Page)</li>
<li>مدونة وأخبار</li>
<li>نموذج اتصل بنا</li>
<li>إدارة قائمة وتذييل الموقع</li>
<li>نشر دون معرفة برمجية</li>
</ul>
</div>
<span class="page-num">18</span>
</div>
<!-- ماژول‌ها — صفحه 5 -->
<div class="sheet">
<div class="page-head">
<h2>الوحدات المتخصصة</h2>
<span class="brand">سورنا POS · الجزء 5</span>
</div>
<div class="mod-detail">
<div class="mod-detail-head">
<span class="mod-num">13</span>
<div><strong>إدارة أعمال متعددة</strong> <span class="mod-en">Superadmin / SaaS</span></div>
</div>
<p class="mod-desc">للشركات التي تؤجّر سورنا POS لعملائها. على خادم واحد تُدار عدة أعمال منفصلة لكل منها باقة وقيودها.</p>
<p class="mod-for"><strong>مناسب لـ:</strong> مزودو SaaS ووكلاء بيع البرمجيات وشركات IT بعدة عملاء.</p>
<ul class="mod-features">
<li>إنشاء عمل جديد لكل عميل</li>
<li>تعريف باقة اشتراك (عدد المستخدمين والفروع)</li>
<li>إدارة الاشتراك والتجديد</li>
<li>لوحة إدارة مركزية Superadmin</li>
<li>فصل كامل لبيانات كل عميل</li>
<li>مناسب لنموذج SaaS والوكالة</li>
</ul>
</div>
<div class="mod-detail">
<div class="mod-detail-head">
<span class="mod-num">14</span>
<div><strong>جدول Excel</strong> <span class="mod-en">Spreadsheet</span></div>
</div>
<p class="mod-desc">جدول بيانات إلكتروني داخل النظام. للقوائم الداخلية والحسابات السريعة ومشاركة البيانات بين الموظفين — دون تصدير Excel وإعادة الاستيراد.</p>
<p class="mod-for"><strong>مناسب لـ:</strong> الفرق التي تشارك قائمة أسعار أو مخزون مؤقت أو تقريراً داخلياً.</p>
<ul class="mod-features">
<li>إنشاء جدول شبيه Excel</li>
<li>صيغة وحساب الخلية</li>
<li>مشاركة مع مستخدم أو دور محدد</li>
<li>ربط بالمهام (To-Do)</li>
<li>حفظ في نفس قاعدة بيانات النظام</li>
<li>مناسب للتقارير المؤقتة والداخلية</li>
</ul>
</div>
<div class="mod-detail">
<div class="mod-detail-head">
<span class="mod-num">15</span>
<div><strong>واجهة برمجة التطبيقات</strong> <span class="mod-en">Connector / API</span></div>
</div>
<p class="mod-desc">ربط سورنا POS ببرامج وتطبيقات أخرى. يمكن للمطورين ربط تطبيق جوال مخصص أو موقع أو نظام محاسبة خارجي بـ POS.</p>
<p class="mod-for"><strong>مناسب لـ:</strong> الشركات التي تريد تطبيق جوال مخصصاً أو تكاملاً مع نظام آخر.</p>
<ul class="mod-features">
<li>API RESTful لبيانات POS</li>
<li>الوصول للمنتج والبيع والعميل</li>
<li>مصادقة آمنة برمز</li>
<li>أساس تطبيق جوال للبائعين</li>
<li>تكامل مع أنظمة خارجية</li>
<li>وثائق للمطورين</li>
</ul>
</div>
<p style="margin-top:16px;font-size:12.5px;color:var(--muted);padding:12px 14px;background:#f8fafc;border-radius:6px;border:1px solid var(--line)">
<strong style="color:var(--navy)">ملاحظة:</strong> جميع الوحدات اختيارية. في إعدادات العمل فعّل فقط الوحدات المطلوبة — يبقى النظام أبسط وأسرع.
</p>
<span class="page-num">19</span>
</div>
<!-- مزایا و فنی -->
<div class="sheet">
<div class="page-head">
<h2>المزايا والمواصفات الفنية</h2>
<span class="brand">شركة سورنا صناعة خاوران</span>
</div>
<div class="cols-2">
<div>
<h3>لماذا سورنا POS؟</h3>
<ul class="simple-list">
<li>عربي بالكامل — واجهة وتقرير وفاتورة</li>
<li>تقويم هجري في جميع الأقسام</li>
<li>تثبيت على خادمك — بياناتك لديك</li>
<li>فروع ومستودعات متعددة</li>
<li>دون حد لعدد المنتجات والعملاء</li>
<li>تقارير PDF وExcel</li>
<li>دعم وتدريب من شركة سورنا صناعة خاوران</li>
</ul>
</div>
<div>
<h3>المواصفات الفنية</h3>
<ul class="simple-list">
<li>المنصة: Laravel (PHP)</li>
<li>قاعدة البيانات: MySQL / MariaDB</li>
<li>المتصفح: Chrome وFirefox وEdge</li>
<li>الخادم: Linux أو Windows</li>
<li>الإصدار الحالي: 6.9</li>
<li>اللغة: عربي (افتراضي)</li>
<li>المنطقة الزمنية: Asia/Tehran</li>
<li>صيغة التاريخ: Y/m/d هجري</li>
</ul>
</div>
</div>
<div class="closing">
<h2>شركة سورنا صناعة خاوران</h2>
<p>سورنا POS — حل متكامل لإدارة الأعمال</p>
<div class="contact-box">
<div class="company-name">شركة سورنا صناعة خاوران</div>
<p style="margin:0;font-size:13px;color:var(--muted)">تشغيل · تدريب · دعم · تخصيص</p>
</div>
<p style="margin-top:28px;font-size:12px;color:#9ca3af">© 2026 شركة سورنا صناعة خاوران — جميع الحقوق محفوظة</p>
</div>
<span class="page-num">20</span>
</div>
</div>
<!-- html2pdf -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/html2pdf.js/0.10.1/html2pdf.bundle.min.js"></script>
<script>
document.getElementById('btnPdf').addEventListener('click', async function () {
const overlay = document.getElementById('pdfOverlay');
overlay.classList.add('active');
await document.fonts.ready;
const element = document.getElementById('catalog');
const opt = {
margin: 0,
filename: 'Sorena-POS-Catalog-AR.pdf',
image: { type: 'jpeg', quality: 0.95 },
html2canvas: {
scale: 2,
useCORS: true,
letterRendering: true,
scrollY: 0,
windowWidth: element.scrollWidth
},
jsPDF: { unit: 'mm', format: 'a4', orientation: 'portrait' },
pagebreak: { mode: ['css', 'legacy'], before: '.sheet', avoid: '.screen-img-wrap' }
};
try {
await html2pdf().set(opt).from(element).save();
} catch (e) {
alert('خطأ في إنشاء PDF. استخدم «معاينة الطباعة» واختر «Save as PDF».');
console.error(e);
}
overlay.classList.remove('active');
});
</script>
</body>
</html>