ultimatepos/catalog/index.html

1280 lines
60 KiB
HTML
Raw Permalink 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="fa" 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=Vazirmatn: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: 'Vazirmatn', 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-ar.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">
<!-- صفحه ۱: جلد -->
<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">
نسخه ۶.۹ · ۱۴۰۵<br>
فارسی · راست‌چین · تقویم شمسی
</div>
</div>
</div>
<!-- صفحه ۲: فهرست -->
<div class="sheet">
<div class="page-head">
<h2>فهرست مطالب</h2>
<span class="brand">سورنا POS</span>
</div>
<ul class="toc-list">
<li><span>معرفی سیستم</span><span>۳</span></li>
<li><span>این سیستم برای چه کسانی است؟</span><span>۳</span></li>
<li><span>امکانات اصلی در یک نگاه</span><span>۴</span></li>
<li><span>صفحه ورود</span><span>۵</span></li>
<li><span>داشبورد مدیریتی</span><span>۶</span></li>
<li><span>صندوق فروش (POS)</span><span>۷</span></li>
<li><span>مدیریت محصولات</span><span>۸</span></li>
<li><span>مشتریان و تامین‌کنندگان</span><span>۹</span></li>
<li><span>مدیریت خرید</span><span>۱۰</span></li>
<li><span>گزارش‌گیری</span><span>۱۱</span></li>
<li><span>حساب‌های مالی</span><span>۱۲</span></li>
<li><span>کاربران و دسترسی</span><span>۱۳</span></li>
<li><span>تنظیمات کسب‌وکار</span><span>۱۴</span></li>
<li><span>ماژول‌های تخصصی (۱ تا ۳)</span><span>۱۵</span></li>
<li><span>ماژول‌های تخصصی (۴ تا ۶)</span><span>۱۶</span></li>
<li><span>ماژول‌های تخصصی (۷ تا ۹)</span><span>۱۷</span></li>
<li><span>ماژول‌های تخصصی (۱۰ تا ۱۲)</span><span>۱۸</span></li>
<li><span>ماژول‌های تخصصی (۱۳ تا ۱۵)</span><span>۱۹</span></li>
<li><span>مزایا و مشخصات فنی</span><span>۲۰</span></li>
</ul>
<span class="page-num">۲</span>
</div>
<!-- صفحه ۳: معرفی -->
<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">+۳۰</div><div class="l">نوع گزارش</div></div>
<div class="stat"><div class="n">+۱۴</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">۳</span>
</div>
<!-- صفحه ۴: امکانات -->
<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>تعریف کالا، دسته و برند، بارکد، قیمت خرید/فروش، موجودی، هشدار کمبود، انقضا، واردات از اکسل</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>انتقال بین انبارها، تعدیل موجودی، گزارش ورود/خروج، ردیابی batch</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">۴</span>
</div>
<!-- صفحات اسکرین‌شات -->
<div class="sheet">
<span class="screen-tag">بخش ۱ از ۱۰</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">۵</span>
</div>
<div class="sheet">
<span class="screen-tag">بخش ۲ از ۱۰</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">نمودار فروش ۳۰ روز با تاریخ شمسی</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">۶</span>
</div>
<div class="sheet">
<span class="screen-tag">بخش ۳ از ۱۰</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">۷</span>
</div>
<div class="sheet">
<span class="screen-tag">بخش ۴ از ۱۰</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">واردات و خروجی اکسل</div>
<div class="cap-item">محصولات ترکیبی و متغیر</div>
<div class="cap-item">تاریخ انقضا و batch</div>
</div>
<span class="page-num">۸</span>
</div>
<div class="sheet">
<span class="screen-tag">بخش ۵ از ۱۰</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">ارسال پیامک و ایمیل</div>
<div class="cap-item">گزارش دفتر کل طرف حساب</div>
<div class="cap-item">واردات از فایل اکسل</div>
<div class="cap-item">تفکیک مشتری و تامین‌کننده</div>
</div>
<span class="page-num">۹</span>
</div>
<div class="sheet">
<span class="screen-tag">بخش ۶ از ۱۰</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">۱۰</span>
</div>
<div class="sheet">
<span class="screen-tag">بخش ۷ از ۱۰</span>
<div class="screen-title">گزارش‌گیری</div>
<p class="screen-desc">بیش از ۳۰ گزارش آماده برای تصمیم‌گیری: فروش، سود، موجودی، مالیات، عملکرد فروشنده و مشتریان برتر — با فیلتر تاریخ شمسی.</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">۱۱</span>
</div>
<div class="sheet">
<span class="screen-tag">بخش ۸ از ۱۰</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">۱۲</span>
</div>
<div class="sheet">
<span class="screen-tag">بخش ۹ از ۱۰</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">۱۳</span>
</div>
<div class="sheet">
<span class="screen-tag">بخش ۱۰ از ۱۰</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">۱۴</span>
</div>
<!-- ماژول‌ها — صفحه ۱ -->
<div class="sheet">
<div class="page-head">
<h2>ماژول‌های تخصصی</h2>
<span class="brand">سورنا POS · بخش ۱</span>
</div>
<p class="lead">هر ماژول جداگانه فعال می‌شود. فقط ماژول‌هایی را روشن کنید که کسب‌وکار شما به آن‌ها نیاز دارد.</p>
<div class="mod-detail">
<div class="mod-detail-head">
<span class="mod-num">۱</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">۲</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>کمپین بازاریابی و ارسال پیامک/ایمیل</li>
<li>تاریخچه کامل تعامل با هر مشتری</li>
<li>گزارش عملکرد فروشندگان</li>
</ul>
</div>
<div class="mod-detail">
<div class="mod-detail-head">
<span class="mod-num">۳</span>
<div><strong>منابع انسانی</strong> <span class="mod-en">Essentials / HRM</span></div>
</div>
<p class="mod-desc">مدیریت کارکنان در کنار فروش و انبار. حضور و غیاب، مرخصی، حقوق و وظایف روزانه — همه در همان سیستمی که برای POS استفاده می‌کنید، بدون نرم‌افزار جداگانه.</p>
<p class="mod-for"><strong>مناسب برای:</strong> شرکت‌هایی با ۵ تا ۵۰۰ نفر پرسنل که می‌خواهند HR و POS یکجا باشد.</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">۱۵</span>
</div>
<!-- ماژول‌ها — صفحه ۲ -->
<div class="sheet">
<div class="page-head">
<h2>ماژول‌های تخصصی</h2>
<span class="brand">سورنا POS · بخش ۲</span>
</div>
<div class="mod-detail">
<div class="mod-detail-head">
<span class="mod-num">۴</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">۵</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">۶</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">۱۶</span>
</div>
<!-- ماژول‌ها — صفحه ۳ -->
<div class="sheet">
<div class="page-head">
<h2>ماژول‌های تخصصی</h2>
<span class="brand">سورنا POS · بخش ۳</span>
</div>
<div class="mod-detail">
<div class="mod-detail-head">
<span class="mod-num">۷</span>
<div><strong>فروشگاه اینترنتی</strong> <span class="mod-en">WooCommerce</span></div>
</div>
<p class="mod-desc">اتصال فروش حضوری و آنلاین. اگر سایت WordPress با WooCommerce دارید، محصولات و موجودی بین سایت و POS همگام می‌ماند و سفارشات آنلاین مستقیم وارد سیستم می‌شوند.</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">۸</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">۹</span>
<div><strong>مدیریت انبار پیشرفته</strong> <span class="mod-en">Inventory Management</span></div>
</div>
<p class="mod-desc">کنترل دقیق‌تر موجودی برای کسب‌وکارهایی با کالای فاسدشدنی، سریال‌دار یا batch. مشخص می‌کنید کدام بچ اول فروخته شود و چه زمانی موجودی تمام می‌شود.</p>
<p class="mod-for"><strong>مناسب برای:</strong> داروخانه، مواد غذایی، لوازم الکترونیک سریال‌دار و انبارهای بزرگ.</p>
<ul class="mod-features">
<li>ردیابی batch و شماره سریال</li>
<li>مدیریت تاریخ انقضا (FIFO)</li>
<li>هشدار موجودی پیشرفته</li>
<li>گزارش گردش کالا (ورود/خروج)</li>
<li>تعدیل موجودی با دلیل</li>
<li>انتقال بین انبارها با ردیابی</li>
</ul>
</div>
<span class="page-num">۱۷</span>
</div>
<!-- ماژول‌ها — صفحه ۴ -->
<div class="sheet">
<div class="page-head">
<h2>ماژول‌های تخصصی</h2>
<span class="brand">سورنا POS · بخش ۴</span>
</div>
<div class="mod-detail">
<div class="mod-detail-head">
<span class="mod-num">۱۰</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 Code</li>
<li>نمایش قیمت و تصویر به‌روز</li>
<li>فیلتر دسته‌بندی</li>
<li>بدون نیاز به سایت جداگانه</li>
<li>همگام با موجودی سیستم</li>
</ul>
</div>
<div class="mod-detail">
<div class="mod-detail-head">
<span class="mod-num">۱۱</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">۱۲</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">۱۸</span>
</div>
<!-- ماژول‌ها — صفحه ۵ -->
<div class="sheet">
<div class="page-head">
<h2>ماژول‌های تخصصی</h2>
<span class="brand">سورنا POS · بخش ۵</span>
</div>
<div class="mod-detail">
<div class="mod-detail-head">
<span class="mod-num">۱۳</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">۱۴</span>
<div><strong>جدول اکسل</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">۱۵</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">۱۹</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>نسخه فعلی: ۶.۹</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">© ۱۴۰۵ شرکت سورنا صنعت خاوران — تمامی حقوق محفوظ است</p>
</div>
<span class="page-num">۲۰</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.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>