714 lines
66 KiB
HTML
714 lines
66 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="ar" dir="rtl">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>مولد ومطبع عقد شراكة Siro القانوني المطور</title>
|
||
<!-- Google Fonts: Amiri & Inter for highly clean and modern tech-corporate document rendering -->
|
||
<link href="https://fonts.googleapis.com/css2?family=Amiri:ital,wght@0,400;0,700;1,400&family=Inter:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
|
||
<!-- Tailwind CSS -->
|
||
<script src="https://cdn.tailwindcss.com"></script>
|
||
<script>
|
||
tailwind.config = {
|
||
theme: {
|
||
extend: {
|
||
fontFamily: {
|
||
sans: ['Inter', 'Amiri', 'sans-serif'],
|
||
serif: ['Inter', 'Amiri', 'serif'],
|
||
},
|
||
colors: {
|
||
legal: {
|
||
800: '#1e293b',
|
||
900: '#0f172a',
|
||
gold: '#c5a880',
|
||
goldHover: '#b3956d'
|
||
}
|
||
}
|
||
}
|
||
}
|
||
}
|
||
</script>
|
||
<style>
|
||
body {
|
||
background-color: #f8fafc;
|
||
}
|
||
|
||
/* Mockup standard sheet configuration */
|
||
.paper-sheet {
|
||
background: #ffffff;
|
||
box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.05), 0 2px 10px -4px rgba(0, 0, 0, 0.05);
|
||
position: relative;
|
||
transition: all 0.3s ease;
|
||
}
|
||
|
||
/* Dynamic interaction fields highlighting */
|
||
.highlight-field {
|
||
border-bottom: 1.5px dashed #c5a880;
|
||
color: #0f172a;
|
||
font-weight: 700;
|
||
padding: 0 4px;
|
||
transition: all 0.2s ease;
|
||
background-color: rgba(197, 168, 128, 0.06);
|
||
border-radius: 2px;
|
||
}
|
||
|
||
.highlight-field:empty::before {
|
||
content: ".......................................................";
|
||
color: #94a3b8;
|
||
font-weight: 300;
|
||
font-family: sans-serif;
|
||
}
|
||
|
||
/* Advanced Print configuration targeting exactly 3 compact pages */
|
||
@media print {
|
||
body {
|
||
background: #ffffff !important;
|
||
color: #000000 !important;
|
||
padding: 0 !important;
|
||
margin: 0 !important;
|
||
}
|
||
.no-print {
|
||
display: none !important;
|
||
}
|
||
.print-page {
|
||
border: none !important;
|
||
box-shadow: none !important;
|
||
padding: 0 !important;
|
||
margin: 0 !important;
|
||
width: 100% !important;
|
||
max-width: 100% !important;
|
||
height: auto !important;
|
||
background: transparent !important;
|
||
}
|
||
.contract-container {
|
||
border: none !important;
|
||
padding: 10mm 10mm !important;
|
||
}
|
||
.page-break {
|
||
page-break-after: always;
|
||
break-after: page;
|
||
margin-top: 20px;
|
||
height: 0;
|
||
}
|
||
@page {
|
||
size: A4;
|
||
margin: 12mm 12mm;
|
||
}
|
||
.table-header-print {
|
||
background-color: #f8fafc !important;
|
||
-webkit-print-color-adjust: exact;
|
||
print-color-adjust: exact;
|
||
}
|
||
}
|
||
</style>
|
||
</head>
|
||
<body class="font-sans text-slate-800 antialiased min-h-screen flex flex-col">
|
||
|
||
<!-- Top Navbar (hidden on print) -->
|
||
<header class="bg-legal-900 text-white py-3.5 px-6 shadow-md border-b border-legal-gold/20 no-print sticky top-0 z-50">
|
||
<div class="max-w-7xl mx-auto flex flex-col md:flex-row justify-between items-center gap-4">
|
||
<div class="flex items-center gap-3">
|
||
<div class="bg-gradient-to-tr from-legal-gold to-amber-500 p-2 rounded-xl">
|
||
<svg class="w-6 h-6 text-legal-900" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M9 20l-5.447-2.724A1 1 0 013 16.382V5.618a1 1 0 011.447-.894L9 7m0 13l6-3m-6 3V7m6 10l4.553 2.276A1 1 0 0021 18.382V7.618a1 1 0 00-.553-.894L15 4m0 13V4m0 0L9 7"></path>
|
||
</svg>
|
||
</div>
|
||
<div>
|
||
<h1 class="text-lg font-bold tracking-wide flex items-center gap-2"><span class="text-legal-gold font-extrabold">Siro</span></h1>
|
||
<p class="text-[10px] text-slate-400">توليد وطباعة العقد القانوني للجمهورية العربية السورية</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex items-center gap-3">
|
||
<button onclick="window.print();" class="bg-legal-gold hover:bg-legal-goldHover text-legal-900 px-5 py-2 rounded-lg font-bold shadow-lg shadow-legal-gold/20 flex items-center gap-2 transition-all duration-200 transform active:scale-95 text-sm">
|
||
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 17h2a2 2 0 002-2v-4a2 2 0 00-2-2H5a2 2 0 00-2 2v4a2 2 0 002 2h2m2 4h10a2 2 0 002-2v-4a2 2 0 00-2-2H9a2 2 0 00-2 2v4a2 2 0 002 2zm8-12V5a2 2 0 00-2-2H9a2 2 0 00-2 2v4h10z"></path>
|
||
</svg>
|
||
طباعة العقد (حفظ PDF)
|
||
</button>
|
||
</div>
|
||
</div>
|
||
</header>
|
||
|
||
<!-- Main Content Layout -->
|
||
<div class="flex-1 max-w-7xl w-full mx-auto p-4 md:p-6 grid grid-cols-1 lg:grid-cols-12 gap-6 items-start">
|
||
|
||
<!-- Controls Sidebar Panel (hidden on print) -->
|
||
<aside class="lg:col-span-4 bg-white p-5 rounded-xl shadow-sm border border-slate-200 no-print space-y-5">
|
||
<div class="border-b border-slate-100 pb-3">
|
||
<h2 class="text-base font-bold text-legal-900 flex items-center gap-2">
|
||
<svg class="w-4 h-4 text-legal-gold" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2.5 2.5 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z"></path>
|
||
</svg>
|
||
لوحة التحكم الذكية بالعقد
|
||
</h2>
|
||
<p class="text-[11px] text-slate-500 mt-0.5">البيانات القانونية للمؤسسين معبأة تلقائياً من وثائق السفر الرسمية.</p>
|
||
</div>
|
||
|
||
<!-- Inputs Sections -->
|
||
<div class="space-y-4">
|
||
|
||
<div class="bg-slate-50 p-3 rounded-lg space-y-2.5 border border-slate-100">
|
||
<h3 class="text-[10px] font-bold text-slate-400 uppercase tracking-wider">التواريخ والمعلومات الأساسية</h3>
|
||
<div>
|
||
<label class="block text-[11px] text-slate-600 font-semibold mb-1">تاريخ تحرير العقد</label>
|
||
<input type="text" id="input-date" value="14/06/2026م" placeholder="مثال: 14/06/2026م" class="w-full text-xs px-2.5 py-1.5 bg-white border border-slate-200 rounded focus:outline-none focus:border-legal-gold">
|
||
</div>
|
||
</div>
|
||
|
||
<div class="bg-slate-50 p-3 rounded-lg space-y-2.5 border border-slate-100">
|
||
<h3 class="text-[10px] font-bold text-slate-400 uppercase tracking-wider">البيانات الرسمية للمؤسسين (الطرف الأول)</h3>
|
||
<div>
|
||
<label class="block text-[11px] text-slate-600 font-semibold mb-1">حمزه عايد طحيمر الغويريين</label>
|
||
<input type="text" id="input-id-1" value="9841029780، وجواز سفر رقم: S0212294" placeholder="الرقم الوطني وجواز السفر" class="w-full text-xs px-2.5 py-1.5 bg-white border border-slate-200 rounded focus:outline-none focus:border-legal-gold">
|
||
</div>
|
||
<div>
|
||
<label class="block text-[11px] text-slate-600 font-semibold mb-1">فراس قاسم احمد مقابله</label>
|
||
<input type="text" id="input-id-2" value="9851026092، وجواز سفر رقم: S0401805" placeholder="الرقم الوطني وجواز السفر" class="w-full text-xs px-2.5 py-1.5 bg-white border border-slate-200 rounded focus:outline-none focus:border-legal-gold">
|
||
</div>
|
||
</div>
|
||
|
||
<div class="bg-slate-50 p-3 rounded-lg space-y-2.5 border border-slate-100">
|
||
<h3 class="text-[10px] font-bold text-slate-400 uppercase tracking-wider">الهوية / الرقم الوطني (الطرف الثاني)</h3>
|
||
<div>
|
||
<label class="block text-[11px] text-slate-600 font-semibold mb-1">رقم هوية الشريك المستثمر (محمد عمر محمد المجفت)</label>
|
||
<input type="text" id="input-id-3" value="9851001081، وجواز سفر رقم: Q765174" placeholder="أدخل رقم هوية محمد عمر محمد المجفت عند توفرها" class="w-full text-xs px-2.5 py-1.5 bg-white border border-slate-200 rounded focus:outline-none focus:border-legal-gold">
|
||
</div>
|
||
<div>
|
||
<label class="block text-[11px] text-slate-600 font-semibold mb-1">إرفاق صورة جواز السفر (للملحق)</label>
|
||
<input type="file" id="input-passport-file" accept="image/*" class="w-full text-xs px-2.5 py-1.5 bg-white border border-slate-200 rounded focus:outline-none focus:border-legal-gold">
|
||
</div>
|
||
</div>
|
||
|
||
<div class="bg-slate-50 p-3 rounded-lg space-y-3.5 border border-slate-100">
|
||
<div class="flex justify-between items-center">
|
||
<h3 class="text-[10px] font-bold text-slate-400 uppercase tracking-wider">حصص الأرباح التشغيلية %</h3>
|
||
<span id="share-indicator" class="text-[10px] font-bold px-1.5 py-0.5 rounded-full bg-red-100 text-red-600">
|
||
المجموع: <span id="share-sum">0</span>%
|
||
</span>
|
||
</div>
|
||
|
||
<div class="grid grid-cols-3 gap-2">
|
||
<div>
|
||
<label class="block text-[10px] text-slate-500 mb-0.5">حمزة %</label>
|
||
<input type="number" id="input-share-1" value="25" min="0" max="100" class="w-full text-xs px-2 py-1 bg-white border border-slate-200 rounded focus:outline-none focus:border-legal-gold">
|
||
</div>
|
||
<div>
|
||
<label class="block text-[10px] text-slate-500 mb-0.5">فراس %</label>
|
||
<input type="number" id="input-share-2" value="25" min="0" max="100" class="w-full text-xs px-2 py-1 bg-white border border-slate-200 rounded focus:outline-none focus:border-legal-gold">
|
||
</div>
|
||
<div>
|
||
<label class="block text-[10px] text-slate-500 mb-0.5">محمد %</label>
|
||
<input type="number" id="input-share-3" value="50" min="0" max="100" class="w-full text-xs px-2 py-1 bg-white border border-slate-200 rounded focus:outline-none focus:border-legal-gold">
|
||
</div>
|
||
</div>
|
||
|
||
<div id="share-validation-msg" class="text-[11px] p-2 rounded bg-red-50 text-red-700 font-medium leading-relaxed">
|
||
⚠️ مجموع الحصص يجب أن يكون 100% لتصحيح صياغة العقد.
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<!-- Guidelines / Best Practices for print -->
|
||
<div class="p-3.5 rounded-lg border border-legal-gold/20 bg-legal-900 text-white space-y-1.5">
|
||
<h4 class="text-xs font-bold text-legal-gold flex items-center gap-1">
|
||
<svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
|
||
</svg>
|
||
دليل حفظ مستند PDF مثالي:
|
||
</h4>
|
||
<ul class="text-[11px] text-slate-300 space-y-1 list-disc list-inside">
|
||
<li>تأكد من تفعيل خيار <b class="text-legal-gold">رسومات الخلفية</b> في خيارات الطباعة بالمتصفح.</li>
|
||
<li>ألغِ خيار <b class="text-legal-gold">الرؤوس والتذييلات</b> لإلغاء روابط المواقع.</li>
|
||
<li>استخدم خيار "حفظ بتنسيق PDF" لإنتاج ملف جاهز فوري.</li>
|
||
</ul>
|
||
</div>
|
||
</aside>
|
||
|
||
<!-- Document Sheet Area -->
|
||
<main class="lg:col-span-8 flex flex-col items-center">
|
||
|
||
<div class="w-full max-w-[210mm] paper-sheet print-page rounded-xl border border-slate-200 overflow-hidden mb-6 transition-all duration-300">
|
||
|
||
<!-- Inner formal border (Configured to use clean modern font-serif mapping to Inter) -->
|
||
<div class="contract-container p-6 md:p-10 lg:p-12 text-slate-900 font-serif text-justify text-[13.5px] leading-relaxed" id="contract-document">
|
||
|
||
<!-- Official Header & Siro Logo -->
|
||
<div class="flex flex-col items-center text-center border-b-2 border-slate-800 pb-4 mb-6">
|
||
|
||
<!-- Official Premium Siro Logo -->
|
||
<div class="mb-3">
|
||
<img src="logo.png" class="h-14 mx-auto" alt="Siro Logo">
|
||
</div>
|
||
<h1 class="text-base md:text-lg font-bold text-slate-950 font-sans tracking-wide">عقد شراكة واستثمار تجاري لتشغيل تطبيق "Siro"</h1>
|
||
<p class="text-sm font-bold text-slate-800 font-sans">في الجمهورية العربية السورية</p>
|
||
|
||
<div class="w-full flex justify-between items-center text-[10px] font-sans text-slate-500 mt-2.5 px-2">
|
||
<span><strong>الرقم المرجعي:</strong> SIRO-INV-SY-2026-001</span>
|
||
<span><strong>تاريخ التحرير:</strong> <span id="sync-contract-date" class="font-bold text-slate-900">14/06/2026م</span></span>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Intro Block -->
|
||
<div class="space-y-5">
|
||
<p class="leading-normal">
|
||
تم تحرير هذا العقد وتوثيقه في اليوم الموافق
|
||
<span id="sync-text-date" class="highlight-field">14/06/2026م</span> ميلادي، بين كلٍّ من:
|
||
</p>
|
||
|
||
<!-- Parties Info -->
|
||
<div class="space-y-3">
|
||
<div>
|
||
<h3 class="font-sans font-bold text-slate-950 border-r-3 border-legal-gold pr-2 text-[13px]">الطرف الأول (المؤسسون – الشريك الإداري والتقني):</h3>
|
||
<ol class="list-decimal list-inside pr-3 mt-1 space-y-1">
|
||
<li>
|
||
<strong>السيد/ حمزه عايد طحيمر الغويريين</strong>، أردني الجنسية، يحمل الرقم الوطني/جواز السفر
|
||
<span id="sync-p1" class="highlight-field">9841029780، وجواز سفر رقم: S0212294</span>، ويُشار إليه بـ <strong>"الشريك المؤسس الأول"</strong>.
|
||
</li>
|
||
<li>
|
||
<strong>السيد/ فراس قاسم احمد مقابله</strong>، أردني الجنسية، يحمل الرقم الوطني/جواز السفر
|
||
<span id="sync-p2" class="highlight-field">9851026092، وجواز سفر رقم: S0401805</span>، ويُشار إليه بـ <strong>"الشريك المؤسس الثاني"</strong>.
|
||
</li>
|
||
</ol>
|
||
<p class="text-[11px] text-slate-500 italic pr-3 mt-0.5 font-sans">
|
||
(ويُشار إليهما مجتمعَيْن بـ <strong>"الطرف الأول"</strong> أو <strong>"الشركاء المؤسسون"</strong>).
|
||
</p>
|
||
</div>
|
||
|
||
<div>
|
||
<h3 class="font-sans font-bold text-slate-950 border-r-3 border-legal-gold pr-2 text-[13px]">الطرف الثاني (الشريك المستثمر):</h3>
|
||
<div class="pr-3 mt-1">
|
||
<strong>السيد/ محمد عمر محمد المجفت</strong>، أردني الجنسية، يحمل الرقم الوطني / رقم الهوية
|
||
<span id="sync-p3" class="highlight-field">9851001081، وجواز سفر رقم: Q765174</span>، ويُشار إليه بـ <strong>"الطرف الثاني"</strong> أو <strong>"الشريك المستثمر"</strong>.
|
||
</div>
|
||
<p class="text-[11px] text-slate-500 italic pr-3 mt-0.5 font-sans">
|
||
(ويُشار إلى الأطراف الثلاثة مجتمعين بـ <strong>"الشركاء"</strong> أو <strong>"أطراف العقد"</strong>).
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Preamble -->
|
||
<div>
|
||
<h3 class="font-sans font-extrabold text-slate-950 text-[14px] mb-1">التمهيد</h3>
|
||
<div class="space-y-2">
|
||
<p>
|
||
<strong>حيث إن</strong> الطرف الأول يمتلك ويُدير منظومة برمجية ومنصة تقنية متطورة للنقل الذكي وتسهيل التنقل الحضري وتوصيل الركاب تحمل اسم <strong>"Siro"</strong> ومصممة وفق أحدث المعايير الهندسية والبرمجية العالمية؛
|
||
</p>
|
||
<p>
|
||
<strong>وحيث إن</strong> الطرف الثاني (الشريك المستثمر) يرغب في تقديم تمويل استثماري لتغطية تكاليف إطلاق التطبيق وتشغيله وتسويقه داخل السوق السورية مقابل حصة من صافي الأرباح التشغيلية؛
|
||
</p>
|
||
<p>
|
||
<strong>وحيث إن</strong> إرادة الأطراف الثلاثة قد التقت على تأسيس شراكة تجارية واستثمارية مشتركة قائمة على الشفافية والالتزام المتبادل؛
|
||
</p>
|
||
<p class="font-bold border-r-2 border-slate-400 pr-2">
|
||
فقد اتفق الأطراف — بعد إقرارهم بكامل أهليتهم القانونية للتعاقد — على ما يلي:
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Articles and clauses flow -->
|
||
<div class="space-y-4 pt-2">
|
||
|
||
<div>
|
||
<h4 class="font-sans font-bold text-slate-950 text-[13px] mb-0.5">المادة الأولى: نطاق التمهيد</h4>
|
||
<p>يُعدّ التمهيد المذكور أعلاه جزءاً لا يتجزأ من هذا العقد، ويُقرأ ويُفسَّر ضمن سياقه.</p>
|
||
</div>
|
||
|
||
<div>
|
||
<h4 class="font-sans font-bold text-slate-950 text-[13px] mb-0.5">المادة الثانية: موضوع العقد والنطاق الجغرافي</h4>
|
||
<ol class="list-decimal list-inside space-y-1">
|
||
<li>موضوع هذا العقد هو تنظيم العلاقة التجارية والاستثمارية بين الأطراف لتشغيل واستغلال تطبيق <strong>"Siro"</strong> تجارياً وخدمياً وتسويقياً.</li>
|
||
<li>يقتصر النطاق الجغرافي لهذا العقد حصراً على أراضي <strong>الجمهورية العربية السورية</strong>. ولا يشمل هذا العقد أي سوق أو دولة أخرى يعمل فيها التطبيق أو قد يتوسع إليها مستقبلاً.</li>
|
||
<li>لا يجوز توسيع النطاق الجغرافي لهذا العقد إلا بموجب ملحق تعديلي خطّي موقّع من جميع الأطراف.</li>
|
||
<li><strong>حق الأولوية في التوسع الدولي:</strong> في حال رغبة الطرف الأول في توسيع النطاق الجغرافي للمشروع وتشغيل تطبيق Siro في أي دولة أو سوق خارج الجمهورية العربية السورية، يلتزم الطرف الأول بعرض هذه الفرصة الاستثمارية الجديدة على الطرف الثاني خطياً قبل عرضها على أي طرف ثالث. ويكون للطرف الثاني حق الأولوية (Right of First Refusal) في الاستثمار والمشاركة في السوق الجديد بذات الشروط أو بشروط يتم التوافق عليها، على أن يبدي الطرف الثاني رغبته خطياً خلال مدة لا تتجاوز <strong>أسبوعاً واحداً (7 أيام)</strong> من تاريخ استلام العرض المكتوب، وفي حال انقضاء هذه المدة دون رد أو في حال اعتذاره خطياً، يحق للطرف الأول التعاقد مع مستثمرين آخرين بحرية تامة ودون أي التزام تجاه الطرف الثاني.</li>
|
||
</ol>
|
||
</div>
|
||
|
||
<div>
|
||
<h4 class="font-sans font-bold text-slate-950 text-[13px] mb-0.5">المادة الثالثة: رأس المال الاستثماري وآلية الدفع</h4>
|
||
<ol class="list-decimal list-inside space-y-1">
|
||
<li>يلتزم الطرف الثاني بتقديم رأس مال استثماري إجمالي قدره <strong>مائة وثمانون ألف دولار أمريكي (180,000 USD)</strong> لتمويل عمليات إطلاق المشروع وتشغيله في سوريا.</li>
|
||
<li>يُسدَّد رأس المال الاستثماري على دفعات مجدولة ومرنة يتم التوافق عليها ودياً بين الأطراف بما يتماشى مع خطة العمل والاحتياجات التشغيلية للمشروع.</li>
|
||
<li>تُودع جميع المبالغ والدفعات الاستثمارية في الحساب المصرفي التجاري للشركة في المملكة الأردنية الهاشمية، وذلك بعد إتمام تأسيس وتسجيل الشركة رسمياً وفتح حسابها التجاري في الأردن، لضمان وتسهيل انسياب وحركة الأموال التشغيلية والاستثمارية دخولاً وخروجاً.</li>
|
||
</ol>
|
||
</div>
|
||
|
||
<!-- Page Break for elegant Print Layout -->
|
||
<div class="page-break no-print my-4 border-t-2 border-dashed border-slate-200"></div>
|
||
|
||
<div>
|
||
<h4 class="font-sans font-bold text-slate-950 text-[13px] mb-0.5">المادة الرابعة: التزامات الأطراف</h4>
|
||
<div class="space-y-3">
|
||
<div>
|
||
<h5 class="font-bold text-slate-900 text-[12.5px]">أولاً: التزامات الطرف الأول (الشركاء المؤسسون)</h5>
|
||
<ol class="list-decimal list-inside space-y-1 pr-3 mt-1">
|
||
<li>يتحمل الطرف الأول المسؤولية الكاملة والحصرية عن الجوانب التقنية والفنية والتشغيلية والإدارية للتطبيق، بما يشمل — دون حصر — التطوير البرمجي، وإدارة الخوادم، والصيانة الدورية، وإصلاح الأعطال الفنية، وإدارة فريق العمل التقني.</li>
|
||
<li>إصدار التحديثات والتطويرات المستمرة لتطبيقَيْ الراكب والسائق بما يتلاءم مع متطلبات السوق السورية ويضمن تنافسية المنتج.</li>
|
||
<li>تقديم تقريب أداء تشغيلي ومالي للطرف الثاني بشكل <strong>شهري</strong> يتضمن: عدد الرحلات المنفذة، عدد السائقين والركاب النشطين، الإيرادات الإجمالية، المصروفات التشغيلية، وصافي الأرباح.</li>
|
||
<li>ضمان استمرارية الخدمة وتوفّر التطبيق لمستخدميه بنسبة لا تقل عن <strong>95%</strong> من أيام التشغيل الشهري (باستثناء حالات القوة القاهرة والصيانة المجدولة).</li>
|
||
<li>الالتحاق والالتزام بالعمل الفني والتقني المستمر والدؤوب على تحديث وتطوير وصيانة نظام وتطبيقات Siro بانتظام، لضمان استقرار الخدمة وتشغيلها بكفاءة عالية وتلبية احتياجات السوق السورية.</li>
|
||
</ol>
|
||
</div>
|
||
|
||
<div>
|
||
<h5 class="font-bold text-slate-900 text-[12.5px]">ثانياً: التزامات الطرف الثاني (الشريك المستثمر)</h5>
|
||
<ol class="list-decimal list-inside space-y-1 pr-3 mt-1">
|
||
<li>الالتزام بسداد كامل رأس المال الاستثماري المتفق عليه (180,000 دولار أمريكي) وفق جدول الدفعات المحدد في المادة الثالثة.</li>
|
||
<li>المساهمة الفعّالة بخبراته اللوجستية والعلاقاتية لتسهيل العمل التجاري داخل السوق السورية ودعم عمليات التسجيل والتوسع الميداني.</li>
|
||
<li class="font-semibold text-slate-950 bg-slate-50 p-1.5 rounded border-r-2 border-slate-300">
|
||
التعهد بمنح الطرف الأول الصلاحية الكاملة والمستقلة في اتخاذ القرارات الفنية والهندسية والبرمجية الخاصة بالتطبيق لضمان سير العمل واستقراره التشغيلي والتقني دون إعاقة؛
|
||
</li>
|
||
<li>التعاون الكامل مع الطرف الأول في توفير أي متطلبات إدارية أو تنظيمية أو حكومية تلزم لتشغيل المشروع داخل سوريا.</li>
|
||
</ol>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div>
|
||
<h4 class="font-sans font-bold text-slate-950 text-[13px] mb-0.5">المادة الخامسة: نسب الشراكة وتوزيع الأرباح</h4>
|
||
<ol class="list-decimal list-inside space-y-2">
|
||
<li>يتم توزيع <strong>صافي الأرباح التشغيلية</strong> الناتجة عن تشغيل التطبيق في سوريا — بعد خصم كافة المصاريف التشغيلية والإدارية، وتكاليف الخوادم والبنية التحتية، والضرائب والرسوم الحكومية، وأجور فريق الدعم الفني والميداني — وفق النسب التالية:</li>
|
||
</ol>
|
||
|
||
<!-- Table Block Inside Paper -->
|
||
<div class="my-3 overflow-x-auto">
|
||
<table class="w-full border-collapse border border-slate-800 text-center text-xs font-sans">
|
||
<thead>
|
||
<tr class="table-header-print bg-slate-50 text-slate-900 font-bold border-b border-slate-800">
|
||
<th class="border border-slate-800 p-2 text-right pr-4">الشريك</th>
|
||
<th class="border border-slate-800 p-2">الصفة التعاقدية</th>
|
||
<th class="border border-slate-800 p-2 w-1/4">الحصة من صافي الأرباح</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr class="border-b border-slate-800">
|
||
<td class="border border-slate-800 p-2 text-right pr-4 font-bold">حمزه عايد طحيمر الغويريين</td>
|
||
<td class="border border-slate-800 p-2 text-slate-600">الشريك المؤسس الأول</td>
|
||
<td class="border border-slate-800 p-2 font-bold"><span id="sync-table-share-1" class="text-slate-950 text-sm">25</span>%</td>
|
||
</tr>
|
||
<tr class="border-b border-slate-800">
|
||
<td class="border border-slate-800 p-2 text-right pr-4 font-bold">فراس قاسم احمد مقابله</td>
|
||
<td class="border border-slate-800 p-2 text-slate-600">الشريك المؤسس الثاني</td>
|
||
<td class="border border-slate-800 p-2 font-bold"><span id="sync-table-share-2" class="text-slate-950 text-sm">25</span>%</td>
|
||
</tr>
|
||
<tr class="border-b border-slate-800">
|
||
<td class="border border-slate-800 p-2 text-right pr-4 font-bold">محمد عمر محمد المجفت</td>
|
||
<td class="border border-slate-800 p-2 text-slate-600">الشريك المستثمر (الطرف الثاني)</td>
|
||
<td class="border border-slate-800 p-2 font-bold"><span id="sync-table-share-3" class="text-slate-950 text-sm">50</span>%</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
|
||
<ol class="list-decimal list-inside space-y-1" start="2">
|
||
<li>تُوزَّع الأرباح بصفة <strong>ربع سنوية</strong> (كل ثلاثة أشهر ميلادية) بناءً على القوائم المالية المعتمدة والمدقّقة لعمليات التطبيق في سوريا.</li>
|
||
<li>لا تُوزَّع الأرباح إلا بعد تخصيص <strong>احتياطي تشغيلي</strong> بنسبة لا تقل عن <strong>10%</strong> من صافي الأرباح لتغطية الطوارئ والنفقات المستقبلية، ويتم الاتفاق بين الشركاء على آلية التصرف في هذا الاحتياطي.</li>
|
||
</ol>
|
||
</div>
|
||
|
||
<div>
|
||
<h4 class="font-sans font-bold text-slate-950 text-[13px] mb-0.5">المادة السادسة: فسخ العقد وتصفية الشراكة</h4>
|
||
<ol class="list-decimal list-inside space-y-1">
|
||
<li class="font-semibold text-slate-950">
|
||
في حال فسخ هذا العقد أو تصفية المشروع لأي سبب كان قبل استرداد الطرف الثاني لكامل رأس ماله الاستثماري، يكون للطرف الثاني الأولوية المطلقة في الحصول على المبالغ المتبقية والغير مصروفة من رأس ماله الفعلي (بعد خصم كافة النفقات التشغيلية والرواتب والمصاريف الإعلانية المنقضية والمثبتة محاسبياً) من أي عوائد تشغيلية متراكمة أو أصول ملموسة قابلة للتسييل مرتبطة بنشاط المشروع في سوريا حصراً، دون أن يحق له مطالبة الشركاء شخصياً بأي مبالغ تم صرفها وتسييرها في النفقات المذكورة.
|
||
</li>
|
||
<li>يتم تصفية جميع الحقوق والالتزامات المالية العالقة بين الأطراف عند الفسخ أو التصفية بما يتوافق مع القواعد القانونية والتجارية السائدة، وبما يضمن عدم الإضرار بأي طرف.</li>
|
||
</ol>
|
||
</div>
|
||
|
||
<div>
|
||
<h4 class="font-sans font-bold text-slate-950 text-[13px] mb-0.5">المادة السابعة: الملكية الفكرية والعلامة التجارية</h4>
|
||
<ol class="list-decimal list-inside space-y-1">
|
||
<li class="bg-amber-100/40 p-2.5 rounded border-r-4 border-legal-gold leading-relaxed font-semibold text-slate-950">
|
||
يُقرّ ويتفق جميع الأطراف صراحةً على أن الكود المصدري (Source Code) والبرمجي لتطبيق "Siro" بجميع إصداراته (الراكب، السائق، لوحة الإدارة)، وكافة التصاميم والبنية الهندسية وقواعد البيانات والخوارزميات والعلامة التجارية والاسم التجاري والشعار، هي ملكية خاصة وحصرية ومطلقة وأبدية وتؤول بالكامل وتحديداً للسيد <span class="text-slate-950 font-extrabold border-b-2 border-legal-gold/70 pb-0.5">حمزه عايد طحيمر الغويريين بمفرده وبشكل أبدّي</span> دون غيره، ولا يحق لأي طرف آخر (بما فيهم الشريك الثاني فراس مقابلة والمستثمر محمد عمر محمد المجفت) منازعته عليها أو الادعاء بأي حقوق عليها تحت أي ظرف كان.
|
||
</li>
|
||
<li>لا يُنشئ هذا العقد ولا يمنح الطرف الثاني (الشريك المستثمر) أو الشريك الثاني (فراس مقابله) أي حق من حقوق الملكية الفكرية أو الصناعية أو الأدبية على الكود المصدري أو التطبيق أو العلامة التجارية، لا كلياً ولا جزئياً، سواء أثناء سريان العقد أو بعد انتهائه.</li>
|
||
<li>يقتصر حق الطرف الثاني على <strong>الحصص المالية من صافي الأرباح التشغيلية</strong> الناتجة عن تشغيل التطبيق في النطاق الجغرافي المحدد في هذا العقد حصراً.</li>
|
||
</ol>
|
||
</div>
|
||
|
||
<!-- Page Break for elegant Print Layout -->
|
||
<div class="page-break no-print my-4 border-t-2 border-dashed border-slate-200"></div>
|
||
|
||
<div>
|
||
<h4 class="font-sans font-bold text-slate-950 text-[13px] mb-0.5">المادة الثامنة: الإدارة واتخاذ القرارات</h4>
|
||
<ol class="list-decimal list-inside space-y-1">
|
||
<li>يتولى الطرف الأول (الشركاء المؤسسون) <strong>الإدارة التقنية والفنية والتشغيلية الكاملة</strong> للتطبيق، ويملكان حصرياً صلاحية اتخاذ جميع القرارات البرمجية والهندسية والفنية دون الرجوع للطرف الثاني.</li>
|
||
<li>تُتّخذ <strong>القرارات الاستراتيجية والتجارية الكبرى</strong> — كالتوسع الجغرافي، أو تغيير نموذج التسعير، أو الدخول في شراكات تجارية مع أطراف ثالثة — بالتشاور والإجماع بين الشركاء الثلاثة.</li>
|
||
<li>في حال عدم التوافق على قرار تجاري أو استراتيجي، يُعرض الأمر على <strong>محكّم تجاري مستقل</strong> يُتّفق عليه بين الأطراف لإصدار رأي استشاري ملزم.</li>
|
||
</ol>
|
||
</div>
|
||
|
||
<div>
|
||
<h4 class="font-sans font-bold text-slate-950 text-[13px] mb-0.5">المادة التاسعة: السرية وعدم الإفشاء</h4>
|
||
<ol class="list-decimal list-inside space-y-1">
|
||
<li>يلتزم جميع الأطراف بالحفاظ التام على سرية كافة المعلومات التقنية والمالية والتجارية والتسويقية المتعلقة بالمشروع، وعدم إفشائها أو تسريبها أو إتاحتها لأي طرف ثالث بأي وسيلة كانت.</li>
|
||
<li>يسري التزام السرية أثناء فترة العقد و<strong>لمدة سنتين (2) ميلاديتين</strong> بعد انتهائه أو فسخه لأي سبب كان.</li>
|
||
<li>... يُستثنى من حكم السرية: المعلومات التي تصبح متاحة للعموم بشكل مشروع دون خطأ من الطرف المُفشي، أو المعلومات المطلوبة بموجب أمر قضائي أو تنظيمي واجب النفاذ.</li>
|
||
</ol>
|
||
</div>
|
||
|
||
<div>
|
||
<h4 class="font-sans font-bold text-slate-950 text-[13px] mb-0.5">المادة العاشرة: عدم المنافسة — المشروطة بنشاط الشركة</h4>
|
||
<ol class="list-decimal list-inside space-y-1">
|
||
<li>يتعهد جميع الشركاء — طوال فترة سريان هذا العقد وما دام المشروع نشطاً وفعالاً تشغيلياً وتجارياً — بعدم القيام بأي مما يلي:
|
||
<ul class="list-disc list-inside pr-3 mt-1 space-y-0.5">
|
||
<li>تأسيس أو المشاركة أو الاستثمار في أي شركة أو تطبيق أو منصة تقدم خدمات النقل الذكي أو توصيل الركاب داخل الجمهورية العربية السورية.</li>
|
||
<li>تقديم خدمات استشارية تقنية أو تجارية لأي منافس مباشر لتطبيق "Siro" في السوق السورية.</li>
|
||
</ul>
|
||
</li>
|
||
<li><strong>يُشترط لسريان بند عدم المنافسة</strong> أن يكون مشروع تطبيق "Siro" في سوريا <strong>نشطاً ومستمراً في تقديم خدماته</strong> فعلياً وبشكل دوري يمكن إثباته.</li>
|
||
<li>في حال توقّف المشروع عن العمل التشغيلي في سوريا لمدة تتجاوز <strong>تسعين (90) يوماً متتالياً</strong> — لأي سبب كان باستثناء القوة القاهرة — يُعتبر بند عدم المنافسة **ملغى ولاغياً تلقائياً** بحق جميع الأطراف، ويحق لأي شريك ممارسة أي نشاط تجاري مشابه بحرية تامة ودون قيد أو شرط.</li>
|
||
</ol>
|
||
</div>
|
||
|
||
<div>
|
||
<h4 class="font-sans font-bold text-slate-950 text-[13px] mb-0.5">المادة الحادية عشرة: مدة العقد وتجديده</h4>
|
||
<ol class="list-decimal list-inside space-y-1">
|
||
<li>يسري هذا العقد اعتباراً من تاريخ توقيعه ويمتد لمدة **سنتين (2) ميلاديتين** قابلة للتجديد لفترات مماثلة بموافقة الأطراف.</li>
|
||
<li>يُجدَّد العقد تلقائياً لفترات مماثلة ما لم يُخطر أحد الأطراف الآخرين خطياً برغبته في عدم التجديد قبل **تسعين (90) يوماً** من تاريخ انتهاء المدة الساري.</li>
|
||
<li>في حال عدم التجديد، تُصفّى الحقوق والالتزامات المالية القائمة بين الأطراف وفق أحكام هذا العقد.</li>
|
||
</ol>
|
||
</div>
|
||
|
||
<div>
|
||
<h4 class="font-sans font-bold text-slate-950 text-[13px] mb-0.5">المادة الثانية عشرة: الانسحاب والتخارج</h4>
|
||
<ol class="list-decimal list-inside space-y-1">
|
||
<li>يحق للطرف الثاني (الشريك المستثمر) الانسحاب من هذه الشراكة بموجب إشعار خطي مسبق بمدة لا تقل عن **مائة وعشرين (120) يوماً**.</li>
|
||
<li><strong>في حال رغبة الطرف الثاني في الانسحاب:</strong>
|
||
<ul class="list-disc list-inside pr-3 mt-1 space-y-0.5">
|
||
<li class="font-semibold text-slate-950">
|
||
يحق له المطالبة بالجزء غير المسترد (المتبقي والغير مصروف محاسبياً) من رأس ماله الاستثماري الفعلي فقط من العوائد التشغيلية المتراكمة، دون أن يحق له بأي حال من الأحوال المطالبة أو استرجاع أي مبالغ تم صرفها كرواتب، أو نفقات تشغيلية، أو إعلانية، أو أجور للمنصة، وذلك وفق خطة سداد مجدولة يُتّفق عليها بين الأطراف لا تتجاوز **اثني عشر (12) شهراً** من تاريخ الانسحاب الفعلي.
|
||
</li>
|
||
<li>تنقضي حصته في الأرباح المستقبلية اعتباراً من تاريخ نفاذ الانسحاب.</li>
|
||
</ul>
|
||
</li>
|
||
<li class="font-bold bg-slate-50 p-2.5 rounded border-r-3 border-slate-400 leading-relaxed">
|
||
<strong>ثالثاً: ضمان الاستمرارية والالتزام التشغيلي للطرف الأول وحالات العجز القاهر:</strong> نظراً لأن الجانب التشغيلي والتقني يمثّل عماد وجوهر هذا العقد، يلتزم الطرف الأول (الشريكان المؤسسان حمزه عايد وفراس مقابله) بالالتزام التام بتقديم خدماتهما التشغيلية والبرمجية طوال مدة سريان هذا العقد ولا يملك أحدهما حق الانسحاب الفردي الاختياري الذي يعطل المنصة. وفي حال طرأ ظرف طبي أو صحي أو عجز قاهر كلي يثبت رسمياً يمنع أحدهما من الاستمرار، يلتزم الطرف المتأثر بضمان نقل سلس وفوري وخالٍ من العيوب لكافة مهامه الفنية والتشغيلية ورموز لوحات التحكم وقواعد البيانات إلى الطرف الآخر لضمان بقاء التطبيق فعالاً ومحمياً، وتتم تسوية حقوقه ودياً دون المساس بكيان وتدفق المشروع واستثمار الطرف الثاني.
|
||
</li>
|
||
</ol>
|
||
</div>
|
||
|
||
<div>
|
||
<h4 class="font-sans font-bold text-slate-950 text-[13px] mb-0.5">المادة الثالثة عشرة: الضمانات والمسؤولية وعقد بذل العناية</h4>
|
||
<ol class="list-decimal list-inside space-y-1">
|
||
<li>يُقرّ الطرف الأول بأن التطبيق خالٍ من أي رهن أو حجز أو حق للغير يمنع تشغيله واستثماره تجارياً وفق هذا العقد.</li>
|
||
<li>يُقرّ الطرف الثاني بأن مصادر التمويل المستخدمة في الاستثمار مشروعة وقانونية وغير مرتبطة بأي نشاط محظور قانوناً.</li>
|
||
<li class="bg-amber-50/50 p-2.5 rounded border-r-3 border-legal-gold">
|
||
<strong>بند بذل العناية وحماية المسؤولية من الخسائر (سوء الطالع):</strong> يُقر ويوافق الشركاء صراحةً على أن طبيعة التزام الطرف الأول تجاه تشغيل وتطوير التطبيق هي **التزام ببذل عناية مهنية فائقة ودؤوبة وليس التزاماً بتحقيق نتيجة أو ضمان ربح**. يلتزم الطرف الأول ببذل أقصى جهوده الفنية والتقنية والإدارية بناءً على خطة العمل والتجارب التشغيلية السابقة المدروسة، دون أي تعهد أو ضمانة صريحة أو ضمنية بتحقيق عوائد مالية أو أرباح محددة، أو تجنيب المشروع الخسائر التشغيلية.
|
||
</li>
|
||
<li class="bg-amber-50/50 p-2.5 rounded border-r-3 border-legal-gold">
|
||
بناءً على البند السابق، لا يتحمل الطرف الأول أي مسؤولية شخصية أو تضامنية عن الخسائر التشغيلية أو التجارية أو المالية الطبيعية التي قد تصيب المشروع في السوق السورية نتيجة لظروف السوق، أو المنافسة التجارية، أو تقلبات البيئة الاستثمارية والظروف العامة (سوء الطالع)، وتُغطى هذه الخسائر — إن وُجدت — من رأس مال المشروع أو عوائده التشغيلية، شريطة خلو تصرفات الطرف الأول من أي غش، أو تقصير متعمد، أو إهمال جسيم يثبت قضائياً بحق الطرف الأول.
|
||
</li>
|
||
<li>يلتزم الطرف الأول ببذل العناية المهنية اللازمة لحماية بيانات المستخدمين والسائقين، والامتثال لأفضل ممارسات أمن المعلومات.</li>
|
||
</ol>
|
||
</div>
|
||
|
||
<div>
|
||
<h4 class="font-sans font-bold text-slate-950 text-[13px] mb-0.5">المادة الرابعة عشرة: القوة القاهرة</h4>
|
||
<p>لا يُعدّ أي طرف مُخِلاً بالتزاماته بموجب هذا العقد إذا حال دون تنفيذها ظرف من ظروف القوة القاهرة، وتشمل — دون حصر: الحروب، الكوارث الطبيعية، الأوبئة، القرارات الحكومية القاهرة، العقوبات الدولية، أو انقطاص شبكة الإنترنت الكامل في الدولة.</p>
|
||
</div>
|
||
|
||
<div>
|
||
<h4 class="font-sans font-bold text-slate-950 text-[13px] mb-0.5">المادة الخامسة عشرة: تعديل العقد</h4>
|
||
<p>لا يجوز تعديل أو تغيير أي بند من بنود هذا العقد إلا بموجب **ملحق تعديلي خطّي** موقَّع من جميع الأطراف الثلاثة ومؤرَّخ، ويُعتبر أي تعديل شفهي أو ضمني باطلاً ولا يُعتدّ به.</p>
|
||
</div>
|
||
|
||
<div>
|
||
<h4 class="font-sans font-bold text-slate-950 text-[13px] mb-0.5">المادة السادسة عشرة: القانون الواجب التطبيق وفض النزاعات</h4>
|
||
<ol class="list-decimal list-inside space-y-1">
|
||
<li>يخضع هذا العقد وتفسيره وتنفيذه للقوانين التجارية المعمول بها.</li>
|
||
<li>في حال نشوء أي خلاف أو نزاع بين الأطراف بشأن تفسير أو تنفيذ أي بند من بنود هذا العقد، يتم حله وفق الترتيب التالي:
|
||
<ul class="list-disc list-inside pr-3 mt-1 space-y-0.5">
|
||
<li><strong>أولاً:</strong> التسوية الودية المباشرة بين الأطراف خلال مدة لا تتجاوز <strong>ثلاثين (30) يوماً</strong> من تاريخ الإخطار بالنزاع.</li>
|
||
<li><strong>ثانياً:</strong> اللجوء إلى <strong>التحكيم التجاري</strong> أمام محكّم أو هيئة تحكيمية مستقلة يتفق عليها الأطراف، ويكون حكم التحكيم نهائياً وملزماً.</li>
|
||
<li><strong>ثالثاً:</strong> في حال تعذّر التحكيم، يُرفع النزاع أمام <strong>المحكمة المختصة</strong> المتفق عليها بين الأطراف.</li>
|
||
</ul>
|
||
</li>
|
||
</ol>
|
||
</div>
|
||
|
||
<div>
|
||
<h4 class="font-sans font-bold text-slate-950 text-[13px] mb-0.5">المادة السابعة عشرة: أحكام ختامية</h4>
|
||
<ol class="list-decimal list-inside space-y-1">
|
||
<li>يمثّل هذا العقد كامل الاتفاق بين الأطراف فيما يتعلق بموضوعه، ويُلغي أي اتفاقات شفهية أو مكتوبة سابقة بين الأطراف بشأن نفس الموضوع.</li>
|
||
<li>في حال بطلان أي بند من بنود هذا العقد أو عدم قابليته للتنفيذ، تظل البنود الأخرى صحيحة ونافذة ومُلزِمة.</li>
|
||
<li>حُرّر هذا العقد من <strong>ثلاث (3) نسخ أصلية</strong> متطابقة بيد كل طرف نسخة للعمل بموجبها عند اللزوم.</li>
|
||
</ol>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<!-- Formal Signatures Page with styling -->
|
||
<div class="mt-8 space-y-6">
|
||
<h3 class="font-sans font-extrabold text-slate-950 text-[14px] border-b border-slate-800 pb-1.5">توقيعات أطراف العقد والشهود</h3>
|
||
|
||
<div class="overflow-x-auto">
|
||
<table class="w-full border-collapse border border-slate-800 text-center text-xs font-sans">
|
||
<thead>
|
||
<tr class="table-header-print bg-slate-50 text-slate-900 font-bold border-b border-slate-800">
|
||
<th class="border border-slate-800 p-2">الصفة التعاقدية</th>
|
||
<th class="border border-slate-800 p-2 text-right pr-4">الاسم الكامل</th>
|
||
<th class="border border-slate-800 p-2 w-1/4">التوقيع</th>
|
||
<th class="border border-slate-800 p-2 w-1/5">التاريخ</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr class="border-b border-slate-800">
|
||
<td class="border border-slate-800 p-2.5 text-slate-700 font-medium">الشريك المؤسس الأول</td>
|
||
<td class="border border-slate-800 p-2.5 text-right pr-4 font-bold">حمزه عايد طحيمر الغويريين</td>
|
||
<td class="border border-slate-800 p-2.5 text-slate-400">.......................</td>
|
||
<td class="border border-slate-800 p-2.5 font-bold sync-text-table-date">14/06/2026م</td>
|
||
</tr>
|
||
<tr class="border-b border-slate-800">
|
||
<td class="border border-slate-800 p-2.5 text-slate-700 font-medium">الشريك المؤسس الثاني</td>
|
||
<td class="border border-slate-800 p-2.5 text-right pr-4 font-bold">فراس قاسم احمد مقابله</td>
|
||
<td class="border border-slate-800 p-2.5 text-slate-400">.......................</td>
|
||
<td class="border border-slate-800 p-2.5 font-bold sync-text-table-date">14/06/2026م</td>
|
||
</tr>
|
||
<tr class="border-b border-slate-800">
|
||
<td class="border border-slate-800 p-2.5 text-slate-700 font-medium">الشريك المستثمر (الطرف الثاني)</td>
|
||
<td class="border border-slate-800 p-2.5 text-right pr-4 font-bold">محمد عمر محمد المجفت</td>
|
||
<td class="border border-slate-800 p-2.5 text-slate-400">.......................</td>
|
||
<td class="border border-slate-800 p-2.5 font-bold sync-text-table-date">14/06/2026م</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
|
||
<!-- Witnesses Section -->
|
||
<div class="grid grid-cols-1 md:grid-cols-2 gap-4 pt-2 text-xs font-sans">
|
||
<div class="border border-slate-300 p-3 rounded-lg space-y-1.5">
|
||
<span class="font-bold text-slate-900">شاهد أول (اختياري):</span>
|
||
<div class="text-slate-500 text-[11px]">الاسم: _____________________________________</div>
|
||
<div class="text-slate-500 text-[11px]">التوقيع: ___________________________________</div>
|
||
</div>
|
||
<div class="border border-slate-300 p-3 rounded-lg space-y-1.5">
|
||
<span class="font-bold text-slate-900">شاهد ثانٍ (اختياري):</span>
|
||
<div class="text-slate-500 text-[11px]">الاسم: _____________________________________</div>
|
||
<div class="text-slate-500 text-[11px]">التوقيع: ___________________________________</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Appendix: Passport Copy -->
|
||
<div class="page-break no-print my-6 border-t-2 border-dashed border-slate-300"></div>
|
||
<div class="mt-8 space-y-4" id="appendix-section">
|
||
<h3 class="font-sans font-extrabold text-slate-950 text-[14px] border-b border-slate-800 pb-1.5">المرفقات: صورة جواز سفر الشريك المستثمر (الطرف الثاني)</h3>
|
||
<div class="flex flex-col items-center justify-center p-6 border border-dashed border-slate-300 rounded-lg bg-slate-50/50">
|
||
<img id="passport-preview" class="max-h-[140mm] max-w-full rounded shadow-sm border border-slate-200" src="" alt="جواز سفر الشريك المستثمر" style="display: none;">
|
||
<div id="passport-placeholder" class="text-center py-10 text-slate-400 text-xs font-sans">
|
||
<svg class="w-12 h-12 mx-auto mb-2 opacity-50" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M3 9a2 2 0 012-2h.93a2 2 0 001.664-.89l.812-1.22A2 2 0 0110.07 4h3.86a2 2 0 011.664.89l.812 1.22A2 2 0 0018.07 7H19a2 2 0 012 2v9a2 2 0 01-2 2H5a2 2 0 01-2-2V9z"></path>
|
||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M15 13a3 3 0 11-6 0 3 3 0 016 0z"></path>
|
||
</svg>
|
||
<span>لم يتم إرفاق صورة جواز السفر بعد. استخدم خيار التحميل في لوحة التحكم الجانبية لإرفاق الصورة وطباعتها مع العقد.</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</main>
|
||
|
||
</div>
|
||
|
||
<!-- Script syncing dynamic elements instantly -->
|
||
<script>
|
||
// Form Controls Inputs
|
||
const inputId1 = document.getElementById('input-id-1');
|
||
const inputId2 = document.getElementById('input-id-2');
|
||
const inputId3 = document.getElementById('input-id-3');
|
||
const inputDate = document.getElementById('input-date');
|
||
const inputPassportFile = document.getElementById('input-passport-file');
|
||
|
||
const inputShare1 = document.getElementById('input-share-1');
|
||
const inputShare2 = document.getElementById('input-share-2');
|
||
const inputShare3 = document.getElementById('input-share-3');
|
||
|
||
// Document target Sync spans
|
||
const syncP1 = document.getElementById('sync-p1');
|
||
const syncP2 = document.getElementById('sync-p2');
|
||
const syncP3 = document.getElementById('sync-p3');
|
||
const syncTextDate = document.getElementById('sync-text-date');
|
||
const syncContractDate = document.getElementById('sync-contract-date');
|
||
const syncTableDates = document.querySelectorAll('.sync-text-table-date');
|
||
|
||
const syncTableShare1 = document.getElementById('sync-table-share-1');
|
||
const syncTableShare2 = document.getElementById('sync-table-share-2');
|
||
const syncTableShare3 = document.getElementById('sync-table-share-3');
|
||
|
||
const shareSumEl = document.getElementById('share-sum');
|
||
const shareIndicator = document.getElementById('share-indicator');
|
||
const shareValidationMsg = document.getElementById('share-validation-msg');
|
||
|
||
const passportPreview = document.getElementById('passport-preview');
|
||
const passportPlaceholder = document.getElementById('passport-placeholder');
|
||
|
||
// Event Handling
|
||
inputId1.addEventListener('input', (e) => syncP1.textContent = e.target.value);
|
||
inputId2.addEventListener('input', (e) => syncP2.textContent = e.target.value);
|
||
inputId3.addEventListener('input', (e) => syncP3.textContent = e.target.value);
|
||
|
||
inputDate.addEventListener('input', (e) => {
|
||
const val = e.target.value || '14/06/2026م';
|
||
syncTextDate.textContent = val;
|
||
syncContractDate.textContent = val;
|
||
syncTableDates.forEach(el => el.textContent = val);
|
||
});
|
||
|
||
// Passport Image Loader
|
||
inputPassportFile.addEventListener('change', (e) => {
|
||
const file = e.target.files[0];
|
||
if (file) {
|
||
const reader = new FileReader();
|
||
reader.onload = function(evt) {
|
||
passportPreview.src = evt.target.result;
|
||
passportPreview.style.display = 'block';
|
||
passportPlaceholder.style.display = 'none';
|
||
};
|
||
reader.readAsDataURL(file);
|
||
} else {
|
||
passportPreview.src = '';
|
||
passportPreview.style.display = 'none';
|
||
passportPlaceholder.style.display = 'block';
|
||
}
|
||
});
|
||
|
||
// Math verification of total percentage shares
|
||
function calculateShares() {
|
||
const s1 = parseFloat(inputShare1.value) || 0;
|
||
const s2 = parseFloat(inputShare2.value) || 0;
|
||
const s3 = parseFloat(inputShare3.value) || 0;
|
||
|
||
const total = s1 + s2 + s3;
|
||
shareSumEl.textContent = total;
|
||
|
||
syncTableShare1.textContent = s1;
|
||
syncTableShare2.textContent = s2;
|
||
syncTableShare3.textContent = s3;
|
||
|
||
if (total === 100) {
|
||
shareIndicator.className = "text-[10px] font-bold px-2 py-0.5 rounded-full bg-emerald-100 text-emerald-700";
|
||
shareValidationMsg.className = "text-[11px] p-2 rounded bg-emerald-50 text-emerald-800 border border-emerald-200 font-semibold leading-relaxed";
|
||
shareValidationMsg.innerHTML = "✅ مجموع النسب متوازن (100%). المستند آمن وجاهز تماماً للطباعة كـ PDF.";
|
||
} else {
|
||
shareIndicator.className = "text-[10px] font-bold px-2 py-0.5 rounded-full bg-red-100 text-red-600";
|
||
shareValidationMsg.className = "text-[11px] p-2 rounded bg-red-50 text-red-700 border border-red-200 font-medium leading-relaxed";
|
||
shareValidationMsg.innerHTML = `⚠️ مجموع الحصص الحالي هو <b>${total}%</b>. يرجى تعديل الأرقام ليكون الإجمالي 100% لمطابقة شروط العقد الأساسية.`;
|
||
}
|
||
}
|
||
|
||
inputShare1.addEventListener('input', calculateShares);
|
||
inputShare2.addEventListener('input', calculateShares);
|
||
inputShare3.addEventListener('input', calculateShares);
|
||
|
||
calculateShares();
|
||
</script>
|
||
</body>
|
||
</html> |