PageSourceSearch

https://mansoooj.com/user/cart

html mansoooj.com collected 2026-10-10 01:03:24 UTC 186,543 bytes, 3,843 lines download raw bytes

1<!DOCTYPE html>
2<html lang="ar" dir="rtl">
3
4<head>
5    
6    
7    <link rel="preload" as="font" type="font/woff2" href="https://mansoooj.com/assets/front/fonts/FFShamelFamily-SemiRoundBook.woff2" crossorigin>
8    <link rel="preload" as="font" type="font/woff2" href="https://mansoooj.com/assets/front/fonts/FFShamelFamily-SemiRoundBold.woff2" crossorigin>
9
10    <link rel="canonical" href="https://mansoooj.com/user/cart" />
11    <meta name="google-site-verification" content="maDu79rgSr8wNT1RWoNWUJYyaNKbiGe9VYV5qk6C_5M" />
12
13    <!-- Google Tag Manager -->
14<script>
vendor: 359 bytes, lines 14-18
14(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
15            new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
16        j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
17        'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
18    })(window,document,'script','dataLayer','
18GTM-N23HQGF
vendor: 6 bytes, lines 18-20
18');
19
20
21</script>
21
22<!-- End Google Tag Manager -->
vendor: 73 bytes, lines 22-24
22
23
24        <script async src="https://www.googletagmanager.com/gtag/js?id=
24G-YG5CDMY0YW
vendor: 12 bytes, line 24
24"></script>
25<script>
26  
vendor: 134 bytes, lines 26-30
26window.dataLayer = window.dataLayer || [];
27  function gtag(){dataLayer.push(arguments);}
28  gtag('js', new Date());
29
30  gtag('config', '
30G-YG5CDMY0YW
vendor: 7 bytes, lines 30-32
30');
31
32  
32// GA renders in <head>, before the course page defines VIEW_CONTENT_FOR_APPS (pushed to the
33  // head stack). Defer view_item until the DOM is parsed so the global is available.
34  window.addEventListener('DOMContentLoaded', function () {
35    if (typeof VIEW_CONTENT_FOR_APPS != "undefined" && VIEW_CONTENT_FOR_APPS && !window.gaViewItemFired) {
36      gtag('event', 'view_item', {
37        currency: VIEW_CONTENT_FOR_APPS.currency || 'SAR',
38        value: Number(VIEW_CONTENT_FOR_APPS.value) || 0,
39        items: [{
40          item_id: String(VIEW_CONTENT_FOR_APPS.content_id),
41          item_name: VIEW_CONTENT_FOR_APPS.content_name,
42          item_category: VIEW_CONTENT_FOR_APPS.content_type || 'product',
43          price: Number(VIEW_CONTENT_FOR_APPS.value) || 0,
44          quantity: 1
45        }]
46      });
47      window.gaViewItemFired = true;
48    }
49
50    // Same deal for the checkout page: BEGIN_CHECKOUT_FOR_APPS is pushed to the
51    // head stack by payment.blade.php, after this block has already parsed.
52    if (typeof BEGIN_CHECKOUT_FOR_APPS != "undefined" && BEGIN_CHECKOUT_FOR_APPS
53        && BEGIN_CHECKOUT_FOR_APPS.items && BEGIN_CHECKOUT_FOR_APPS.items.length
54        && !window.gaBeginCheckoutFired) {
55      gtag('event', 'begin_checkout', {
56        currency: BEGIN_CHECKOUT_FOR_APPS.currency || 'SAR',
57        value: Number(BEGIN_CHECKOUT_FOR_APPS.value) || 0,
58        items: BEGIN_CHECKOUT_FOR_APPS.items
59      });
60      window.gaBeginCheckoutFired = true;
61    }
62  });
63
64    // if (PAID_AMOUNT_FOR_APPS != undefined && PAID_AMOUNT_FOR_APPS > 0) {
65  //
66  //   gtag('event', 'purchase', {
67  //     transaction_id: TRANSACTION_ID,
68  //     value: PAID_AMOUNT_FOR_APPS,
69  //     currency: 'SAR',
70  //     items: []
71  //   });
72  // }
73</script>
73
74
75
76        <title>سلة المشتريات | منسوج</title>
77    
78    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
79        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
80    <meta http-equiv="x-ua-compatible" content="ie=edge">
81
82        <meta name="keywords"
83          content="دورات اونلاين,دورات مجانية,تعلم عن بعد,دورات اونلاين مجانا,دورات مجانية اون لاين بشهادات معتمدة,دورات مجانية اون لاين بشهادات معتمدة 2021,دورات تدريبية,كورسات أونلاين,دورات تصميم أزياء">
84    <meta name="description"
85          content="نسعى من منسوج لإثراء محتوى ثقافي و تعليمي بفن و مهارات صناعة الأزياء في الوطن العربي .">
86
87
88    <meta name="robots" content="noodp,noydir"/>
89  <meta name="robots" content="index,follow"/>
90  <meta name="robots" content="ALL"/>
91  <meta property="og:type" content="article"/>
92  <meta property="og:title" content="منسوج"/>
93  <meta property="og:description" content="نسعى من منسوج لإثراء محتوى ثقافي و تعليمي بفن و مهارات صناعة الأزياء في الوطن العربي ."/>
94  <meta property="og:image" content="https://etfi7gf6te7pcqlxvkng5vhnuu0uqwop.lambda-url.eu-north-1.on.aws/u/90b552e9fab7c84c049355bfb7c7fc5c2394f9c0/uploads/images/2021/02/A41Hh.jpg?host=osarh.pro"/>
95  <meta property="og:image:width" content="1024"/>
96  <meta property="og:image:height" content="576"/>
97  <meta property="og:url" content="https://mansoooj.com/user/cart"/>
98  <meta property="og:site_name" content="منسوج"/>
99  <meta name="twitter:card" content="summary_large_image"/>
100  <meta name="twitter:domain" content="https://mansoooj.com/user/cart"/>
101  <meta name="twitter:site" content=""/>
102  <meta name="twitter:creator" content=""/>
103  <meta name="twitter:image:src" content="https://etfi7gf6te7pcqlxvkng5vhnuu0uqwop.lambda-url.eu-north-1.on.aws/u/90b552e9fab7c84c049355bfb7c7fc5c2394f9c0/uploads/images/2021/02/A41Hh.jpg?host=osarh.pro"/>
104  <meta name="twitter:description" content="نسعى من منسوج لإثراء محتوى ثقافي و تعليمي بفن و مهارات صناعة الأزياء في الوطن العربي ."/>
105  <meta name="twitter:title" content="منسوج"/>
106  <meta name="twitter:url" content="https://mansoooj.com/user/cart"/>
107  <meta name="description" content="نسعى من منسوج لإثراء محتوى ثقافي و تعليمي بفن و مهارات صناعة الأزياء في الوطن العربي ."/>
108  <meta name="keywords" content="دورات اونلاين,دورات مجانية,تعلم عن بعد,دورات اونلاين مجانا,دورات مجانية اون لاين بشهادات معتمدة,دورات مجانية اون لاين بشهادات معتمدة 2021,دورات تدريبية,كورسات أونلاين,دورات تصميم أزياء"/>
109  <meta name="author" content=""/>
110  <meta name="rating" content="General"/>
111
112            <link rel="shortcut icon" href="https://etfi7gf6te7pcqlxvkng5vhnuu0uqwop.lambda-url.eu-north-1.on.aws/u/90b552e9fab7c84c049355bfb7c7fc5c2394f9c0/D68b12BQFvRkVY8o8YCu.png?host=osarh.pro"/>
113        <link href="https://mansoooj.com/assets/front/css/bundle.css?_MTkzMw==" rel="stylesheet" type="text/css">
114    <link href="https://mansoooj.com/assets/front/css/bundle/intlTelInput.css?_MTkzMw==" rel="stylesheet" type="text/css">
115        
116    <link rel="stylesheet" href="https://mansoooj.com/front/css/jquery.datetimepicker.min.css">
117
118    
118<script>
119        window.tamaraWidgetConfig = {
120            lang: "ar",
121            country: "SA",
122            publicKey: "02909e2b-0975-43af-b67f-c8354d962656"
123        }
124    </script>
124
125    
125<script defer type="text/javascript" src="https://cdn.tamara.co/widget-v2/tamara-widget.js"></script>
125
126
127    
128    <style>
129        .cart-quantity-controls {
130            display: flex;
131            flex-direction: column;
132            gap: 8px;
133        }
134
135        .quantity-selector-cart {
136            display: flex;
137            align-items: center;
138            gap: 0;
139            border: 1px solid #e0e0e0;
140            border-radius: 6px;
141            overflow: hidden;
142            width: fit-content;
143            background: #fff;
144        }
145
146        .quantity-selector-cart .quantity-btn {
147            background: #f8f9fa;
148            border: none;
149            padding: 8px 12px;
150            cursor: pointer;
151            display: flex;
152            align-items: center;
153            justify-content: center;
154            transition: all 0.2s ease;
155            color: #6c757d;
156            font-size: 12px;
157        }
158
159        .quantity-selector-cart .quantity-btn:hover {
160            background: #e9ecef;
161            color: #495057;
162        }
163
164        .quantity-selector-cart .quantity-btn:disabled {
165            background: #f8f9fa;
166            color: #adb5bd;
167            cursor: not-allowed;
168        }
169
170        .quantity-selector-cart .quantity-input-cart {
171            border: none;
172            text-align: center;
173            width: 50px;
174            padding: 8px 4px;
175            font-size: 14px;
176            font-weight: 500;
177            background: #fff;
178            color: #495057;
179        }
180
181        .quantity-selector-cart .quantity-input-cart:focus {
182            outline: none;
183            box-shadow: none;
184        }
185
186        .quantity-info-cart {
187            margin-top: 4px;
188        }
189
190        .quantity-info-cart small {
191            font-size: 11px;
192            color: #6c757d;
193        }
194
195        .cart-quantity-loading {
196            opacity: 0.6;
197            pointer-events: none;
198        }
199
200        .cart-quantity-error {
201            color: #dc3545;
202            font-size: 11px;
203            margin-top: 4px;
204        }
205
206        .cart-quantity-success {
207            color: #28a745;
208            font-size: 11px;
209            margin-top: 4px;
210        }
211
212        .cart-item-variant {
213            margin-top: 6px;
214            font-size: 13px;
215            color: #6c757d;
216        }
217
218        @media (max-width: 768px) {
219            .quantity-selector-cart {
220                width: 100%;
221                max-width: 140px;
222            }
223
224            .quantity-selector-cart .quantity-btn {
225                padding: 6px 10px;
226                font-size: 11px;
227            }
228
229            .quantity-selector-cart .quantity-input-cart {
230                width: 40px;
231                padding: 6px 2px;
232                font-size: 13px;
233            }
234        }
235    </style>
236
237    <link href="https://mansoooj.com/assets/front/css/style.css?_MTkzMw==" rel="stylesheet" type="text/css">
238    <link href="https://mansoooj.com/assets/front/css/responsive.css?_MTkzMw==" rel="stylesheet" type="text/css">
239    <link href="https://mansoooj.com/assets/front/css/helpers.css?_MTkzMw==" rel="stylesheet" type="text/css">
240    <link href="https://mansoooj.com/assets/front/css/custom.css?_MTkzMw==" rel="stylesheet" type="text/css">
241
242    
242<script>
243        const  mydir= 'ar'
244    </script>
244
245    
246
247    <base href="https://mansoooj.com">
248
249    
250    
250<script src="https://mansoooj.com/js/lazy.js?_MTkzMw==" defer></script>
250
251
252    <style>
253        :root {
254            --primary: #594a7d;
255            --secondary: #6aa9af;
256        }
257        .colored {
258            background-color: #3ddc87; /* defines the background color of the image */
259            mask: url('twitter-verified-badge.svg') no-repeat center / contain;
260            -webkit-mask: url('twitter-verified-badge.svg') no-repeat center / contain;
261            display: inline-block;
262            width: 20px;
263            height: 26px;
264            margin-right: 15px;
265            vertical-align: middle;
266        }
267
268        .footer-logo-wrap .social-ul li {
269            height: 100% !important;
270        }
271
272        .footer-logo-wrap .social-ul {
273            height: 30px !important;
274        }
275
276        svg.symbol {
277            width: 1em;          /* Inherits the font size (scales with text size) */
278            height: 1em;         /* Matches text height */
279            fill: currentColor;  /* Inherits text color */
280            vertical-align: middle; /* Aligns with text baseline */
281        }
282    </style>
283
284    <style>.trainer-section-text h1, .trainer-section-text h3, .trainer-cons-text h3, .team_notification_title,
285    .trainer-section-text h5, .section-title h2, .blog-item .blog-content .blog-meta .category, .course-item .course-content h3 a:hover {
286        color: #594a7d !important
287    }
288
289    .partners-section .owl-carousel .owl-dots .owl-dot.active {
290        background: #594a7d !important;
291    }
292
293    .landing-home-section .owl-carousel .owl-dots .owl-dot.active {
294        background: #594a7d !important;
295    }
296
297    .new-stats-item b, .title_junk {
298        color: #594a7d !important;
299    }
300
301    .course-item .course-footer .price, .blog-item .blog-content .blog-meta a:hover, .big-blog-item .blog-content .category:hover {
302        color: #6aa9af !important
303    }
304
305    .course-path-item .course-content {
306        display: flex;
307        flex-direction: column;
308        min-height: 230px;
309        height: auto !important;
310    }
311
312    .course-path-item .course-content h3 {
313        height: auto;
314        min-height: 42px;
315        margin-bottom: 10px;
316        color: #000000;
317    }
318
319    .course-path-item .course-footer {
320        position: static !important;
321        display: flex;
322        flex-wrap: wrap;
323        gap: 10px;
324        align-items: center;
325        margin-top: auto;
326        padding: 14px 0 0;
327        line-height: normal;
328    }
329
330    .course-path-item .course-footer .price {
331        display: flex;
332        flex-wrap: wrap;
333        gap: 10px;
334        min-width: 0;
335        align-items: center;
336    }
337
338    .course-path-item .course-footer .price span {
339        margin-inline-end: 0;
340    }
341
342    .path-card-heading,
343    .path-card-actions {
344        display: flex;
345        align-items: center;
346        justify-content: space-between;
347        gap: 10px;
348    }
349
350    .path-card-courses {
351        display: grid;
352        gap: 7px;
353        min-height: 0;
354        margin: 3px 0 12px;
355        padding: 0;
356        list-style: none;
357    }
358
359    .path-card-courses li {
360        overflow: hidden;
361        color: #8a8e98;
362        font-size: 12px;
363        line-height: 1.35;
364        text-overflow: ellipsis;
365        white-space: nowrap;
366    }
367
368    .path-card-actions {
369        flex: 1 0 100%;
370        flex-wrap: wrap;
371        margin-top: 8px;
372    }
373
374    .path-card-primary-action,
375    .path-card-secondary-action {
376        display: inline-flex;
377        min-height: 42px;
378        padding: 8px 12px;
379        align-items: center;
380        justify-content: center;
381        border-radius: 10px;
382        font-size: 13px;
383        font-weight: 700;
384        line-height: 1.35;
385        text-decoration: none !important;
386        text-align: center;
387    }
388
389    .path-card-primary-action {
390        flex: 1 1 auto;
391        color: #fff !important;
392    }
393
394    .path-card-secondary-action {
395        background: #fff;
396        color: #594a7d !important;
397        border: 1px solid #E4EAF1;
398    }
399
400    .course-item .course-content.course-content--text-action {
401        display: flex;
402        flex-direction: column;
403        min-height: 180px;
404        height: auto !important;
405    }
406
407    .course-item .course-footer.course-footer--text-action {
408        position: static !important;
409        display: flex;
410        flex-wrap: wrap;
411        gap: 10px;
412        align-items: center;
413        margin-top: auto;
414        padding: 12px 0 0;
415        line-height: normal;
416    }
417
418    .course-item .course-footer.course-footer--text-action .price {
419        display: flex;
420        flex-wrap: wrap;
421        gap: 8px;
422        min-width: 0;
423        align-items: center;
424    }
425
426    .course-item .course-footer.course-footer--text-action .price span {
427        margin-inline-end: 0;
428    }
429
430    .course-card-status {
431        display: inline-flex;
432        min-height: 38px;
433        max-width: 100%;
434        margin-inline-start: auto;
435        padding: 7px 14px;
436        align-items: center;
437        justify-content: center;
438        border: 1px solid currentColor;
439        border-radius: 50px;
440        background: #fff;
441        font-size: 12px;
442        font-weight: 700;
443        line-height: 1.35;
444        text-align: center;
445        white-space: normal;
446    }
447
448    .course-card-status--warning {
449        background: color-mix(in srgb, #594a7d 10%, #fff);
450        color: #594a7d !important;
451        border-color: #594a7d !important;
452    }
453
454    .course-card-status--danger {
455        background: color-mix(in srgb, #6aa9af 12%, #fff);
456        color: #6aa9af !important;
457        border-color: #6aa9af !important;
458    }
459
460    .trainer-cons-text a, .owl-carousel .owl-nav div:hover, .mobile-ul, .button {
461        background: #6aa9af !important
462    }
463
464    .inner-page-form .form-footer .form-submit button {
465        background: #594a7d;
466    }
467
468    .course-overview-section-title:before, .search-form .seach-filters a.active, .courses-tabs a:hover, .courses-tabs a.active, .noUi-connect, .noUi-touch-area, .search-form .mobile-search-type, section.inner-courses, .check-radio-item.radio label:after,
469    .check-radio-item input:checked + label:before, .step-title i, .free-course-wrap a.add-cart, .view-payment:hover, .view-cart, .payment-status-wrap a,
470    .certificate-download a:hover, .primary--btn, .path-card-primary-action {
471        background: #594a7d !important;
472        border-color: #594a7d !important;
473    }
474
475    .choose-method {
476        background: #594a7d;
477    }
478
479    .add-course .wrap a, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
480        background: #594a7d !important;
481    }
482
483    .add-course .wrap a:hover, .added-text svg {
484        background: #6aa9af !important;
485    }
486
487    .header-item > a:hover {
488        color: #594a7d;
489    }
490
491    .course-tab-content .trainer-details a {
492        color: #594a7d !important;
493    }
494
495        .mobile-ul-wrap a.logout {
496        color: #fff;
497    }
498
499    [style='color:#ff6498'] {
500        color: #6aa9af !important;
501    }
502    
503    .course-overview-section-title, .course-overview-section-title, .course-contents-wrapper .course-content-item a, .more-content-items,
504    .trainer-big-item .trainer-details h3, .trainer-big-item .trainer-details h3 a, .search-form input, .filter-title, .search-result span,
505    .profile-page-title, .gift-form .form-title, .information-page-en-name, .step-title, .course-content-title h3, .course-content-item.active .video-item .title, .cart-title,
506    .cart-item .cart-item-details .price, .cart-item:hover h3, .cart-subtotal-item, .methods-tabs li a.active,
507    .payment-items-table thead th, .payment-items-table td a:hover, .payment-items-table th a:hover, .inner-page-form.certificate i, .swal-title,
508    .payment-status-wrap h3, .course-text-details .price span:first-child, .course-nav-tabs li a.active, .cart-subtotal-item.total .value {
509        color: #594a7d;
510    }
511
512    .course-info-item i, .fstResultItem, .collapse-item-header {
513        color: #594a7d !important;
514    }
515
516    .course-text-details p.seet_available {
517        background: #594a7d10 !important;
518        color: #594a7d !important;
519    }
520
521    .fstResultItem.fstSelected, .fstResultItem:hover {
522        color: #fff !important;
523    }
524
525    .social-login a:hover, .course-details-tab, .methods-tabs li a.active .icon, .fstChoiceItem, .fstResultItem.fstSelected, .fstResultItem:hover, .drag-item.answered {
526        background: #594a7d !important;
527        border-color: #594a7d !important;
528    }
529
530    .course-content-items .course-content-item.active .status {
531        background: #fff;
532    }
533
534    .payment-status-wrap a.bordered, .quiz-status-wrap.failed a.back, .course-quiz-wrapper .reset, .course-quiz-wrapper .reset-single, .path-card-secondary-action {
535        color: #594a7d !important;
536        border-color: #594a7d !important;
537    }
538
539    .course-nav-tabs li a.active, .cart-subtotal-item.total .value {
540        color: #594a7d;
541    }
542
543    .inline-search-form button svg path, .course-contents-wrapper .course-content-item a svg path, .filter-title svg path, .notf-item svg path, .course-info-item > svg, .course-info-item > svg path,
544    .collapse-item-header svg path {
545        fill: #594a7d !important;
546    }
547
548    .notf-item svg rect, .course-nav-tabs li a.active svg {
549        fill: #6aa9af;
550    }
551
552    @media (max-width: 767px) {
553        .profile-ul a.active svg, .profile-ul a:hover svg, .profile-ul a.active svg path#profile-snip, .profile-ul a:hover svg path#profile-snip {
554            fill: #594a7d;
555        }
556    }
557
558    .course-info-item > svg .filled {
559        fill: rgba(255, 255, 255, .6);
560    }
561
562    .course-info-item > svg .stroked {
563        stroke: rgba(255, 255, 255, .6);
564    }
565
566    .inner-page-form .form-footer .form-submit button:hover, .trainer-big-item .trainer-img span, .cart-item .remove-cart:hover, .payment-button, .path-card-primary-action:hover {
567        background: #6aa9af !important;
568        border-color: #6aa9af !important;
569    }
570
571    .path-card-secondary-action:hover {
572        background: #594a7d !important;
573        color: #fff !important;
574    }
575
576    .close-modal:hover {
577        background: #594a7d;
578    }
579
580    .trainer-cons-text a:hover, .borderd-btn:hover, .owl-carousel .owl-nav div {
581        background: #594a7d !important;
582        color: #fff !important
583    }
584
585    svg .fill_primary {
586        fill: #594a7d !important
587    }
588
589    .social-ul a:hover svg, svg .fill_secondary {
590        fill: #6aa9af !important
591    }
592
593    .footer-logo-wrap img {
594        width: 138px
595    }
596</style>
597
598<style>.trainer-section-text h1, .trainer-section-text h3, .trainer-cons-text h3, .trainer-section-text h5, .section-title h2,
599    .footer-links h4, .blog-item .blog-content .blog-meta .category, .course-item .course-content h3 a:hover, .blog-item .blog-content h3 a:hover, .trainer-social span,
600    .main-menu-wrap ul li a.active, .main-menu-wrap ul li a:hover {
601        color: #594a7d !important
602    }
603
604    .borderd-btn {
605        color: #594a7d;
606        border-color: #594a7d;
607    }
608
609    .course-item .course-footer .price, .blog-item .blog-content .blog-meta a:hover, .big-blog-item .blog-content .category:hover, .copyrights {
610        color: #6aa9af !important
611    }
612
613    .trainer-cons-text a, .owl-carousel .owl-nav div:hover, .mobile-ul, section.inner-courses .courses-carousel .owl-nav > div {
614        background: #6aa9af !important
615    }
616
617    .trainer-cons-text a:hover, .borderd-btn:hover, .owl-carousel .owl-nav div, section.inner-courses .courses-carousel .owl-nav > div:hover {
618        background: #594a7d !important;
619        color: #fff !important
620    }
621
622    .secondary-btn {
623        border: 2px solid #6aa9af !important
624    }
625
626    .trainer-section-text .social-ul a svg, .footer-logo-wrap .social-ul a svg, .main-menu-wrap ul li a:hover svg {
627        fill: #594a7d !important
628    }
629
630    .trainer-section-text .social-ul a svg, .footer-logo-wrap .social-ul a svg path {
631        fill: #594a7d !important
632    }
633
634    .social-ul a:hover svg {
635        fill: #6aa9af !important
636    }
637
638    .footer-logo-wrap img {
639        width: 138px
640    }
641
642    .header-item > a:hover, .header-item > a.active, .header-item > a:hover svg, .header-item > a.active svg {
643        color: #594a7d;
644        fill: #594a7d;
645    }
646
647    .header-link.register {
648        border: 1px solid #594a7d;
649        background: #fff;
650        color: #594a7d !important;
651    }
652
653    .header-link.register:hover, .course-item .course-img .hot-item {
654        color: #fff !important;
655        background: #594a7d !important;
656    }
657
658    .main-menu-wrap ul li a {
659        color: #000000;
660    }
661
662    .main-menu-wrap ul li a svg {
663        fill: #000000;
664    }
665
666    .footer-links ul li a {
667        color: #000000 !important;
668    }
669
670    .footer-text {
671        color: #000000 !important;
672    }
673
674    .inline-add-cart,
675    .course-buttons .add-cart,
676    .product-add-cart,
677    .fixed-add-cart {
678        background: #5f3f7d !important;
679        border-color: #5f3f7d !important;
680    }
681</style>
682                    
683
684    <meta name="csrf-token" content="0ijWaOJzwCDQOqlZQYaWSXTn0hZwWfvHlhxxnUOt">
685    
685<script type="application/ld+json">
686        [{"@context":"https://schema.org","@type":"Organization","url":"https://mansoooj.com","logo":"https://mansoooj.com/assets/images/logo.svg"},{"@context":"https://schema.org","@type":"WebSite","name":"عادل باهميم","alternateName":"ADEL BAHMIM","url":"https://mansoooj.com"}]
687    </script>
687
688    
688<script>
689        var merchantIdentifier = '';
690    </script>
690
691    
692    <style>
693        .xdsoft_datetimepicker {
694            z-index: 99999 !important;
695        }
696
697        .xdsoft_datetimepicker td:not(.xdsoft_disabled) {
698            background: silver !important;
699        }
700    </style>
701        
702    
703    <!-- Livewire Styles --><style >[wire\:loading][wire\:loading], [wire\:loading\.delay][wire\:loading\.delay], [wire\:loading\.inline-block][wire\:loading\.inline-block], [wire\:loading\.inline][wire\:loading\.inline], [wire\:loading\.block][wire\:loading\.block], [wire\:loading\.flex][wire\:loading\.flex], [wire\:loading\.table][wire\:loading\.table], [wire\:loading\.grid][wire\:loading\.grid], [wire\:loading\.inline-flex][wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.none][wire\:loading\.delay\.none], [wire\:loading\.delay\.shortest][wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter][wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short][wire\:loading\.delay\.short], [wire\:loading\.delay\.default][wire\:loading\.delay\.default], [wire\:loading\.delay\.long][wire\:loading\.delay\.long], [wire\:loading\.delay\.longer][wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest][wire\:loading\.delay\.longest] {display: none;}[wire\:offline][wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}:root {--livewire-progress-bar-color: #2299dd;}[x-cloak] {display: none !important;}[wire\:cloak] {display: none !important;}dialog#livewire-error::backdrop {background-color: rgba(0, 0, 0, .6);}</style>
704    
705    
706    <meta name="csrf-token" content="0ijWaOJzwCDQOqlZQYaWSXTn0hZwWfvHlhxxnUOt">
707    
707<script>
708        window.livewire_app_url = 'https://mansoooj.com';
709        window.livewire_token = '0ijWaOJzwCDQOqlZQYaWSXTn0hZwWfvHlhxxnUOt';
710    </script>
710
711</head>
712<body data-hint-version="e8399eb140e981d1f0dea95ba1444b73"
713      data-target=".course-overview-nav" data-spy="scroll"
714      class=" ">
vendor: 75 bytes, lines 714-718
714
715
716
717
718    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
718GTM-N23HQGF
vendor: 106 bytes, lines 718-720
718"
719                      height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
720
721<div class="toast_messages"></div>
722
723<div class="mobile-menu">
724  <div class="mobile-ul">
725    <a href="https://mansoooj.com" class="menu-logo">
726      <img
727        src="https://etfi7gf6te7pcqlxvkng5vhnuu0uqwop.lambda-url.eu-north-1.on.aws/u/90b552e9fab7c84c049355bfb7c7fc5c2394f9c0/HLcGFdltiL8gDrU9o4aH.png?host=osarh.pro"
728        alt="Laravel"
729        width="180"
730        height="60"
731        loading="lazy"
732        decoding="async"
733        onerror="this.onerror=null;this.src='https://mansoooj.com/assets/images/osarh_pro.svg'"
734      />
735    </a>
736          <a href="https://mansoooj.com/user/register" class="mobile-user-profile login">
737        <div class="mobile-user-info pt-2">
738          <h3>تسجيل الدخول</h3>
739        </div>
740      </a>
741              <div class="mobile-ul-wrap scrollable-area">
742        <ul>
743                                                            <li><a href="/" target="">الرئيسية</a></li>
744                                                                        <li><a href="https://mansoooj.com/bundle" target="">الباقات</a></li>
745                                                                        <li><a href="https://www.nashratmansooj.com/" target="">المقالات</a></li>
746                                        </ul>
747      </div>
748      </div>
749  <div class="mobile-icons">
750    <a href="javascript:;" class="mobile-menu-close">
751      <svg id="Combined_Shape" data-name="Combined Shape" xmlns="//www.w3.org/2000/svg" width="10"
752           height="10" viewBox="0 0 10 10">
753        <path id="Combined_Shape-2" data-name="Combined Shape"
754              d="M8.781,9.79,5,6.01,1.219,9.79A.714.714,0,0,1,.209,8.781L3.99,5,.209,1.219A.715.715,0,0,1,1.219.209L5,3.99,8.781.209A.714.714,0,0,1,9.79,1.219L6.01,5,9.79,8.781a.714.714,0,1,1-1.01,1.01Z"
755              fill="#fff"/>
756      </svg>
757    </a>
758    <div class="mobile-icons-wrapper">
759      <div class="mobile-menu-icons">
760        <div class="header-item">
761          <a href="https://mansoooj.com/user/cart" class="header-icon cart">
762            <svg xmlns="//www.w3.org/2000/svg" width="22" height="20.164" viewBox="0 0 22 20.164">
763              <path id="shopping-cart"
764                    d="M21.1,25.009H3.895l-.256-2.848a.9.9,0,0,0-.9-.823H.9a.9.9,0,1,0,0,1.807h1.01L2.952,34.722a3.476,3.476,0,0,0,1.3,2.355,2.738,2.738,0,1,0,4.733.753h4.945a2.739,2.739,0,1,0,2.576-1.807H6.417a1.678,1.678,0,0,1-1.543-1.017l14.439-.849a.9.9,0,0,0,.824-.683l1.836-7.343A.9.9,0,0,0,21.1,25.009ZM6.411,39.695a.932.932,0,1,1,.932-.932A.933.933,0,0,1,6.411,39.695Zm10.1,0a.932.932,0,1,1,.932-.932A.933.933,0,0,1,16.507,39.695Zm2.038-7.3L4.631,33.21l-.574-6.394H19.939Z"
765                    transform="translate(0 -21.338)"/>
766            </svg>
767                      </a>
768        </div>
769        
770
771
772
773
774                  <div class="mobile-social">
775            <ul class="social-ul">
776                          </ul>
777          </div>
778              </div>
779    </div>
780  </div>
781</div>
782
783<style>
784.logo img{object-fit: contain;max-width:200px;max-height:50px;width:100%;height:auto;}
785body [data-tippy-root] { z-index: 99999 !important; } 
786</style>
787    <style>
788        .hint-header {
789            padding-top: 0px !important;
790        }
791
792        .trainer-home-section .trainer-img {
793            top: auto !important;
794        }
795
796        .hint-bar {
797            margin-bottom: 7px;
798            display: none;
799            background: #000000;
800        }
801
802        .hint-bar .hint-wrap {
803            color: #ffffff !important;
804        }
805
806        .hint-bar .hint-wrap .close-hint {
807            background: #393D48;
808        }
809
810        .hint-bar .hint-wrap .close-hint:hover {
811            background: #393D48;
812        }
813    </style>
814<header class="hint-header">
815    
816    
816<script src="https://unpkg.com/@popperjs/core@2"></script>
816
817    
817<script src="https://unpkg.com/tippy.js@6"></script>
817
818            <div class="hint-bar ">
819                            <a href="https://www.mansoooj.com/" style="color: #ffffff">
820                                        <div class="container">
821                        <div class="hint-wrap">
822            <span id="countDown" style="
823                    color: #63c403;"
824                  data-time="Oct 11, 2026 12:00:00">
825              <i class="count-item days">0</i> |
826              <i class="count-item hours">0</i> |
827              <i class="count-item minutes">0</i> |
828              <i class="count-item seconds">0</i>
829            </span>
830                            <span style=" text-decoration: underline;  color: #ffffff;">
831                            عرض ما يتفوت ✨
832                        </span>
833                            <a href="javascript:;" class="close-hint">
834                                <svg id="Combined_Shape" data-name="Combined Shape" xmlns="//www.w3.org/2000/svg"
835                                     width="10"
836                                     height="10" viewBox="0 0 10 10">
837                                    <path id="Combined_Shape-2" data-name="Combined Shape"
838                                          d="M8.781,9.79,5,6.01,1.219,9.79A.714.714,0,0,1,.209,8.781L3.99,5,.209,1.219A.715.715,0,0,1,1.219.209L5,3.99,8.781.209A.714.714,0,0,1,9.79,1.219L6.01,5,9.79,8.781a.714.714,0,1,1-1.01,1.01Z"
839                                          fill="#fff"/>
840                                </svg>
841                            </a>
842                        </div>
843                    </div>
844                                    </a>
845                    </div>
846        <div class="container">
847        <div class="header-wrap new-header-wrap">
848            <div class="main-header d-flex">
849
850
851                <a href="https://mansoooj.com" class="logo" style="max-width:175px;max-height:50px;width:auto;height:auto;">
852                    <img
853                        src="https://etfi7gf6te7pcqlxvkng5vhnuu0uqwop.lambda-url.eu-north-1.on.aws/u/90b552e9fab7c84c049355bfb7c7fc5c2394f9c0/HLcGFdltiL8gDrU9o4aH.png?host=osarh.pro"
854                        alt="Laravel"
855                        height="50"
856                        onerror="this.onerror=null;this.src='https://mansoooj.com/assets/images/osarh_pro.svg'"
857                    />
858                                    </a>
859                <form class="inline-search-form header-search"
860                      action="https://mansoooj.com/search">
861                    <input type="search" placeholder="ابحث في الأكاديمية…" name="q"
862                           autocomplete="off"  />
863                    <button type="submit">
864                        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
865                            <path id="Combined_Shape" data-name="Combined Shape"
866                                  d="M18.292,19.707l-3.678-3.678a9.009,9.009,0,1,1,1.414-1.414l3.678,3.678a1,1,0,0,1-1.415,1.415ZM2,9a7,7,0,0,0,11.87,5.024,1,1,0,0,1,.154-.154A7,7,0,1,0,2,9Z"
867                                  fill="#1A43A8"/>
868                        </svg>
869                    </button>
870                </form>
871                <div class="main-menu-wrap">
872    <ul>
873                                                            <li class=" ">
874                    <a href="/"
875                       target=""
876                    >
877                        الرئيسية
878                                                
879                    </a>
880                                    </li>
881                                                            <li class=" ">
882                    <a href="https://mansoooj.com/bundle"
883                       target=""
884                    >
885                        الباقات
886                                                
887                    </a>
888                                    </li>
889                                                            <li class=" ">
890                    <a href="https://www.nashratmansooj.com/"
891                       target=""
892                    >
893                        المقالات
894                                                
895                    </a>
896                                    </li>
897                            </ul>
898</div>
899
900                <style>
901    .notf-item a{
902        display: unset !important;
903        color: #393d48 !important;
904    }
905</style>
906
907    <div class="header-items">
908                <div class="d-flex align-items-center mr-3">
909                              <a  href="/en/user/cart">  <span style="font-weight: 500;color: black">EN</span> </a>
910                            </div>
911                <div class="header-item">
912                            <a href="https://mansoooj.com/user/cart" class="header-icon cart">
913                    <svg xmlns="//www.w3.org/2000/svg" width="22" height="20.164"
914                         viewBox="0 0 22 20.164">
915                        <path id="shopping-cart"
916                              d="M21.1,25.009H3.895l-.256-2.848a.9.9,0,0,0-.9-.823H.9a.9.9,0,1,0,0,1.807h1.01L2.952,34.722a3.476,3.476,0,0,0,1.3,2.355,2.738,2.738,0,1,0,4.733.753h4.945a2.739,2.739,0,1,0,2.576-1.807H6.417a1.678,1.678,0,0,1-1.543-1.017l14.439-.849a.9.9,0,0,0,.824-.683l1.836-7.343A.9.9,0,0,0,21.1,25.009ZM6.411,39.695a.932.932,0,1,1,.932-.932A.933.933,0,0,1,6.411,39.695Zm10.1,0a.932.932,0,1,1,.932-.932A.933.933,0,0,1,16.507,39.695Zm2.038-7.3L4.631,33.21l-.574-6.394H19.939Z"
917                              transform="translate(0 -21.338)"/>
918                    </svg>
919                                    </a>
920                    </div>
921        <div class="header-item mob-search">
922            <a href="https://mansoooj.com/search/courses" class="header-icon search">
923                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
924                    <path id="Combined_Shape" data-name="Combined Shape"
925                          d="M18.292,19.707l-3.678-3.678a9.009,9.009,0,1,1,1.414-1.414l3.678,3.678a1,1,0,0,1-1.415,1.415ZM2,9a7,7,0,0,0,11.87,5.024,1,1,0,0,1,.154-.154A7,7,0,1,0,2,9Z"></path>
926                </svg>
927            </a>
928        </div>
929        <div class="header-item">
930            <a href="javascript:;" class="header-link register login ">دخول</a>
931        </div>
932        
933
934        <div class="header-item menu-header-item">
935            <a href="javascript:;" class="header-icon menu">
936                <svg xmlns="//www.w3.org/2000/svg" width="15" height="8" viewBox="0 0 15 8">
937                    <path id="Combined_Shape" data-name="Combined Shape"
938                          d="M1,8A1,1,0,0,1,1,6H14a1,1,0,0,1,0,2ZM1,2A1,1,0,0,1,1,0H14a1,1,0,0,1,0,2Z"
939                          fill="#fff"/>
940                </svg>
941            </a>
942        </div>
943    </div>
944            </div>
945        </div>
946    </div>
947</header>
948
949
950<div class="mobile-overlay"></div>
951    <section class="cart-section wow fadeIn">
952        <div class="container">
953
954            
955            
956                        <div class="cart-empty text-center">
957                <div class="cart-title wow fadeInDown">سلة المشتريات</div>
958                <div class="cart-empty-wrap cart-content background wow fadeIn">
959                    <svg xmlns="//www.w3.org/2000/svg" width="58.005" height="53.164" viewBox="0 0 58.005 53.164">
960                        <path id="shopping-cart"
961                              d="M55.622,31.018H10.269l-.674-7.51a2.382,2.382,0,0,0-2.373-2.169H2.382a2.382,2.382,0,1,0,0,4.764H5.044C6.5,42.31,2.739.419,7.784,56.627a9.165,9.165,0,0,0,3.431,6.209,7.22,7.22,0,1,0,12.478,1.986H36.731a7.222,7.222,0,1,0,6.791-4.764h-26.6a4.424,4.424,0,0,1-4.067-2.682l38.07-2.237a2.382,2.382,0,0,0,2.171-1.8l4.84-19.36A2.383,2.383,0,0,0,55.622,31.018ZM16.9,69.738A2.458,2.458,0,1,1,19.36,67.28,2.461,2.461,0,0,1,16.9,69.738Zm26.62,0A2.458,2.458,0,1,1,45.98,67.28,2.461,2.461,0,0,1,43.522,69.738Zm5.373-19.253L12.21,52.64,10.7,35.782H52.571Z"
962                              transform="translate(0 -21.338)" fill="#8a8e98"/>
963                    </svg>
964                    <p>لم تقم بإضافة عناصر الي السلة</p>
965                                            <a href="https://mansoooj.com/courses" class="payment-button cart-empty-btn">أضف دورتك الآن</a>
966                                    </div>
967            </div>
968                        </div>
969    </section>
970<style>
971    #waitlist-modal .iti { width: 100%; }
972</style>
973<div class="modal-item modal fade" id="waitlist-modal" tabindex="-1" role="dialog" aria-hidden="true">
974    <div class="modal-dialog modal-dialog-centered" role="document">
975        <div class="modal-content">
976            <span type="button" class="close-modal" data-dismiss="modal" aria-label="Close">
977                <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12">
978                    <path d="M10.537,11.749,6,7.212,1.463,11.749A.857.857,0,0,1,.251,10.537L4.787,6,.251,1.463A.857.857,0,0,1,1.463.251L6,4.787,10.537.251a.857.857,0,0,1,1.212,1.213L7.212,6l4.537,4.537a.857.857,0,1,1-1.212,1.212Z" fill="#fff"/>
979                </svg>
980            </span>
981            <div class="modal-content-wrap">
982                <h2 class="form-title text-center">أبلغني عند التوفر</h2>
983                <p class="waitlist-course-title text-center text-muted" style="margin-bottom: 15px;"></p>
984                <form id="waitlist-form" class="inner-page-form validate ajax" method="post"
985                      data-notify="true" after-submit="afterWaitlistJoin">
986                    <input type="hidden" name="_token" value="0ijWaOJzwCDQOqlZQYaWSXTn0hZwWfvHlhxxnUOt" autocomplete="off">                    <input type="hidden" name="round_id" id="waitlist-round-id" value="">
987                    <div class="form-group">
988                        <label>الاسم الكامل</label>
989                        <input type="text" name="name" class="form-control"
990                               value="" required>
991                    </div>
992                    <div class="form-group">
993                        <label>البريد الإلكتروني</label>
994                        <input type="email" name="email" class="form-control"
995                               value=""
996                               pattern="[^@\s]+@[^@\s]+\.[A-Za-z]{2,}"
997                               title="الرجاء إدخال بريد إلكتروني صحيح (مثال: [email protected])." required>
998                    </div>
999                    <div class="form-group">
1000                        <label>رقم الجوال</label>
1001                        <input type="text" name="mobile" id="waitlist-mobile" class="form-control"
1002                               data-mobile="" required>
1003                    </div>
1004                    <div class="form-footer">
1005                        <div class="form-submit">
1006                            <button type="submit" class="button submit-button">
1007                                أبلغني عند التوفر                            </button>
1008                        </div>
1009                    </div>
1010                </form>
1011            </div>
1012        </div>
1013    </div>
1014</div>
1015
1016<style>
1017    .payment_methods_footer {
1018        height: 40px;
1019    }
1020
1021    .payment_methods_footer li {
1022        float: right;
1023        margin-left: 10px;
1024    }
1025
1026    .futurex-badge-wrap {
1027        margin-top: 10px;
1028    }
1029
1030    .futurex-badge-frame {
1031        border: none;
1032        max-width: 100%;
1033    }
1034
1035
1036</style>
1037<footer>
1038    <div class="container">
1039        <div class="row">
1040            <div class="col-md-6">
1041                <div class="footer-logo-wrap wow fadeInDown">
1042                                            <img
1043                            src="https://etfi7gf6te7pcqlxvkng5vhnuu0uqwop.lambda-url.eu-north-1.on.aws/u/90b552e9fab7c84c049355bfb7c7fc5c2394f9c0/HLcGFdltiL8gDrU9o4aH.png?host=osarh.pro"
1044                            alt="Laravel"
1045                            width="140"
1046                            onerror="this.onerror=null;this.src='https://mansoooj.com/assets/images/osarh_pro.svg'"
1047                        />
1048                                        <ul class="social-ul">
1049            <li><a href="https://www.youtube.com/channel/UCOa0lQCsrCODBTzpPyclPhA"
1050               target="_blank"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 21 21">
1051    <g id="youtube" transform="translate(0 1.998)">
1052      <path id="Path_725" data-name="Path 725" d="M557.744,378.353l-4.473-2.447a1.034,1.034,0,0,0-1.534.907v4.857a1.023,1.023,0,0,0,.3.732,1.108,1.108,0,0,0,.733.3,1.038,1.038,0,0,0,.49-.124l4.473-2.4a1.033,1.033,0,0,0,.007-1.824Zm-4.392,2.348v-2.91l2.684,1.468Z" transform="translate(-544.08 -371.493)"/>
1053      <path id="Path_726" data-name="Path 726" d="M563.476,374.6h-.032l.031,0a4.9,4.9,0,0,0-.959-2.5,3.529,3.529,0,0,0-2.335-1.1l-.146-.012c-2.707-.2-6.809-.228-6.854-.228s-4.13.027-6.852.223l-.143.015a3.448,3.448,0,0,0-2.35,1.154,5.113,5.113,0,0,0-.933,2.452c-.015.135-.153,1.766-.153,3.36v1.528c0,1.69.151,3.344.152,3.365a4.84,4.84,0,0,0,.958,2.471,3.579,3.579,0,0,0,2.406,1.086c.079.009.145.016.2.026l.057.008c1.457.138,5.8.212,6.7.226.037,0,4.128-.027,6.827-.223l.163-.014a3.368,3.368,0,0,0,2.333-1.127,5.1,5.1,0,0,0,.932-2.45c.013-.106.156-1.757.156-3.372v-1.534C563.628,376.417,563.5,374.895,563.476,374.6Zm-1.619,8.083a3.611,3.611,0,0,1-.535,1.541,1.783,1.783,0,0,1-1.278.586l-.119.014c-2.652.192-6.671.218-6.71.218-.207,0-5.039-.078-6.5-.214-.081-.014-.17-.024-.281-.036a2.02,2.02,0,0,1-1.372-.558,3.254,3.254,0,0,1-.54-1.543c-.006-.066-.144-1.651-.144-3.2V377.95c0-1.542.138-3.133.144-3.2a3.518,3.518,0,0,1,.534-1.539,1.875,1.875,0,0,1,1.311-.614l.085-.01c2.693-.193,6.7-.219,6.738-.219h0c.066,0,4.031.025,6.7.217l.122.014a1.928,1.928,0,0,1,1.3.574,3.3,3.3,0,0,1,.541,1.57c0,.015.144,1.637.144,3.2v1.533c.006,1.579-.136,3.184-.138,3.2Z" transform="translate(-542.751 -370.75)"/>
1054      <rect id="Rectangle_9" data-name="Rectangle 9" width="24" height="24" transform="translate(0 -1.998)" fill="none"/>
1055    </g>
1056  </svg></a></li>
1057                <li><a href="https://twitter.com/Mansoooj"
1058               target="_blank"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 21 21" style="fill: currentColor;">
1059    <g id="twitter">
1060      <path id="Path_728" data-name="Path 728" d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/>
1061    </g>
1062  </svg></a>
1063        </li>
1064                <li><a href="https://www.facebook.com/mansoojacademy/"
1065               target="_blank"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 21 21">
1066    <g id="facebook" transform="translate(-1123 -905)">
1067      <path id="Path_727" data-name="Path 727" d="M445.066,386.272v-6.909h2.78l.432-1.727h-3.212v-5.182h3.454v-1.727h-1.727a3.459,3.459,0,0,0-3.454,3.454v3.454h-2.591v1.727h2.591v6.909h1.727M445.93,388h-3.454a.864.864,0,0,1-.864-.864v-6.045h-1.727a.864.864,0,0,1-.864-.864v-3.454a.864.864,0,0,1,.864-.864h1.727v-1.727A5.182,5.182,0,0,1,446.794,369h2.591a.864.864,0,0,1,.864.864v3.454a.864.864,0,0,1-.864.864h-2.591v1.727h2.591a.864.864,0,0,1,.838,1.073l-.864,3.454a.864.864,0,0,1-.838.654h-1.727v6.045a.864.864,0,0,1-.864.865Z" transform="translate(688.57 537)"/>
1068      <rect id="Rectangle_16" data-name="Rectangle 16" width="24" height="24" transform="translate(1123 905)" fill="none"/>
1069    </g>
1070  </svg></a>
1071        </li>
1072                <li><a href="https://www.instagram.com/mansoooj/"
1073               target="_blank"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 21 21">
1074    <g id="instgram" transform="translate(-1155 -905)">
1075      <path id="Combined_Shape-2" data-name="Combined Shape-2" d="M395.818,388h-8.636A5.188,5.188,0,0,1,382,382.818v-8.636A5.188,5.188,0,0,1,387.182,369h8.636A5.188,5.188,0,0,1,401,374.182v8.636A5.187,5.187,0,0,1,395.818,388Zm-8.636-17.272a3.459,3.459,0,0,0-3.454,3.454v8.636a3.454,3.454,0,0,0,3.454,3.454h8.636a3.454,3.454,0,0,0,3.454-3.454v-8.636a3.454,3.454,0,0,0-3.454-3.454Zm4.356,12.053a4.318,4.318,0,1,1,1.944-.461,4.318,4.318,0,0,1-1.944.461Zm0-6.909a2.589,2.589,0,1,0,.379.028,2.662,2.662,0,0,0-.381-.028Z" transform="translate(774 537)"/>
1076      <rect id="Rectangle_15" data-name="Rectangle 15" width="24" height="24" transform="translate(1155 905)" fill="none"/>
1077    </g>
1078  </svg></a>
1079        </li>
1080                <li><a href="https://wa.me/966533827893"
1081               target="_blank"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 21 21">
1082    <g id="whatsapp" transform="translate(0.998 1)">
1083      <path id="Path_1091" data-name="Path 1091" d="M9.161-4.321A9.087,9.087,0,0,0,2.693-7h0a9.138,9.138,0,0,0-6.47,2.679A9.087,9.087,0,0,0-6.454,2.145a9.185,9.185,0,0,0,.969,4.1l-1.46,4.171a1.066,1.066,0,0,0,.259,1.115,1.064,1.064,0,0,0,.757.316,1.081,1.081,0,0,0,.357-.061l4.171-1.46a9.186,9.186,0,0,0,4.1.969,9.088,9.088,0,0,0,6.47-2.679,9.087,9.087,0,0,0,2.679-6.47A9.087,9.087,0,0,0,9.161-4.321ZM-3.992,5.7A7.571,7.571,0,1,1,2.694,9.714,7.593,7.593,0,0,1-.862,8.83,1.085,1.085,0,0,0-1.368,8.7a1.068,1.068,0,0,0-.354.06l-3.39,1.19,1.186-3.39A1.08,1.08,0,0,0-3.992,5.7Z" transform="translate(7.007 7)"/>
1084      <path id="Path_1092" data-name="Path 1092" d="M123.031,114.311a10.87,10.87,0,0,0,3.23,2.3,4.133,4.133,0,0,0,1.6.378,1.858,1.858,0,0,0,1.351-.509l.96-.96.005-.005a1.3,1.3,0,0,0,0-1.839l-1.208-1.208a1.3,1.3,0,0,0-1.839,0l-.313.313a6.282,6.282,0,0,1-2.262-2.262l.313-.313a1.3,1.3,0,0,0,0-1.839l-1.208-1.208a1.3,1.3,0,0,0-1.839,0l-.964.964c-.63.63-.676,1.679-.131,2.952a10.87,10.87,0,0,0,2.305,3.234Zm.145-4.637a1.072,1.072,0,0,0-.2,1.247,7.839,7.839,0,0,0,3.443,3.443,1.079,1.079,0,0,0,.488.117,1.067,1.067,0,0,0,.76-.316l.383-.383.814.814-.769.769a.393.393,0,0,1-.242.048,2.558,2.558,0,0,1-.973-.252,10.453,10.453,0,0,1-4.7-4.7c-.345-.812-.248-1.17-.2-1.215l.769-.769.814.814Z" transform="translate(-115.788 -102.707)"/>
1085      <rect id="Rectangle_10" data-name="Rectangle 10" width="24" height="24" transform="translate(-0.998 -1)" fill="none"/>
1086    </g>
1087  </svg></a>
1088        </li>
1089    
1090            <li><a href="https://www.tiktok.com/@mansoooj"
1091               target="_blank">
1092<svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 21 21">
1093  <g id="tiktok" transform="translate(-40 -40)">
1094    <rect id="Rectangle_17" data-name="Rectangle 17" width="21" height="21" transform="translate(40 40)" fill="none"/>
1095    <path id="Path_1" data-name="Path 1" d="M13.08,7.044v4.623c0,3.071-1.828,6.481-6.344,6.481A6.4,6.4,0,0,1,.4,11.781c0-.054,0-.108,0-.166a6.262,6.262,0,0,1,7.187-6,.788.788,0,0,1,.671.779v3a.788.788,0,0,1-.989.762,1.824,1.824,0,0,0-2.288,1.691l0,.119A1.581,1.581,0,0,0,6.547,13.54H6.9A1.572,1.572,0,0,0,8.46,11.975l-.008-.194V-.113A.788.788,0,0,1,9.24-.9h2.968a.788.788,0,0,1,.778.663,4.229,4.229,0,0,0,1.225,2.683,4.484,4.484,0,0,0,2.3.871.788.788,0,0,1,.663.778V7.1a.788.788,0,0,1-.852.785A9.728,9.728,0,0,1,13.08,7.044ZM11.559.675H10.028V11.753c.005.074.008.148.008.222a3.155,3.155,0,0,1-3.14,3.14c-.06,0-.121,0-.181-.006s-.111.005-.167.005A3.163,3.163,0,0,1,3.4,11.967c0-.067,0-.135.005-.183A3.416,3.416,0,0,1,6.68,8.524v-1.4H6.655a4.706,4.706,0,0,0-4.683,4.539c0,.04,0,.081,0,.122a4.814,4.814,0,0,0,4.768,4.792A4.589,4.589,0,0,0,11.5,11.667V5.721a.788.788,0,0,1,1.212-.663A8.172,8.172,0,0,0,15.6,6.2V4.747a5.372,5.372,0,0,1-2.414-1.106A5.264,5.264,0,0,1,11.559.675Z" transform="translate(41.714 41.889)" fill-rule="evenodd"/>
1096  </g>
1097</svg>
1098</a>
1099        </li>
1100    
1101    
1102    
1103            <li><a href="https://www.linkedin.com/company/%D9%85%D9%86%D8%B3%D9%88%D8%AC/"
1104               target="_blank"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 21 21">
1105    <g id="linkedin" transform="translate(1.554 1.002)">
1106      <path id="Path_784" data-name="Path 784" d="M139.136,1172.276c.061-3.073.117-5.976-1.409-7.531a4.637,4.637,0,0,0-3.487-1.2h-.058a4.639,4.639,0,0,0-2.567.782c-.154-.474-.651-.52-1.121-.52-.2,0-.428.009-.69.021-.348.014-.743.032-1.2.032-.344,0-.675-.009-1-.029h0a.753.753,0,0,0-.76.75c.089,4.184.029,6.862-.011,8.634-.047,2.082-.062,2.786.246,3.1a.683.683,0,0,0,.517.179h3.461a.687.687,0,0,0,.522-.192c.3-.3.274-.92.233-2.147-.032-.929-.075-2.207,0-3.931,0-1.963.575-2.119,1.326-2.119.834,0,1.05.453,1.05,2.2.071,1.7.028,2.949,0,3.863-.041,1.216-.062,1.827.233,2.131a.686.686,0,0,0,.521.19H138.4a.752.752,0,0,0,.751-.751C139.091,1174.58,139.115,1173.407,139.136,1172.276Zm-4.281-5.065a2.3,2.3,0,0,0-1.727-.609,2.579,2.579,0,0,0-1.949.7c-1.026,1.05-.976,3.139-.913,5.782.014.609.03,1.249.033,1.908h-1.959v-9.658h1.822v.771a.789.789,0,0,0,.783.746H131a.783.783,0,0,0,.622-.385,2.916,2.916,0,0,1,2.491-1.411h.121c2.518,0,3.408,1.193,3.408,4.558v5.38h-1.958c0-.716.014-1.39.024-2.02C135.753,1170.073,135.786,1168.157,134.855,1167.211Z" transform="translate(-120.946 -1157.501)"/>
1107      <path id="Path_785" data-name="Path 785" d="M124.535,1164.667c0-.776-.76-.776-1.207-.776-.214,0-.459.01-.736.021-.355.015-.76.032-1.221.032-.36,0-.7-.01-1.041-.032h0a.69.69,0,0,0-.523.178c-.308.314-.292,1.013-.246,3.1.04,1.773.1,4.45.01,8.633a.753.753,0,0,0,.751.755h3.465a.684.684,0,0,0,.516-.178c.307-.314.291-1.013.246-3.092C124.505,1171.53,124.446,1168.854,124.535,1164.667Zm-3.466,10.408v-9.662h1.964v9.662Z" transform="translate(-119.313 -1157.58)"/>
1108      <path id="Path_786" data-name="Path 786" d="M121.985,1155.75a2.639,2.639,0,0,0-2.053.869,2.852,2.852,0,0,0-.683,1.893,2.737,2.737,0,0,0,5.473,0,2.635,2.635,0,0,0-2.738-2.762Zm0,4.032a1.266,1.266,0,1,1,1.232-1.236,1.266,1.266,0,0,1-1.232,1.236Z" transform="translate(-119.249 -1155.75
1108)"/>
1109      <rect id="Rectangle_14" data-name="Rectangle 14" width="24" height="24" transform="translate(-1.554 -1.002)" fill="none"/>
1110    </g>
1111  </svg></a>
1112        </li>
1113                </ul>
1114                </div>
1115                <p class="footer-text wow fadeInDown">منصة للإعلام المعرفي في الأزيـاء</p>
1116                                    <ul class="payment_methods_footer">
1117                        <li>
1118                            <img src="https://mansoooj.com/assets/images/icon/mada.webp" style=" height: 30px;">
1119                        </li>
1120                        <li>
1121                            <img src="https://mansoooj.com/assets/images/icon/mastercard.webp"  style=" height: 30px;" >
1122                        </li>
1123                        <li>
1124                            <img src="https://mansoooj.com/assets/images/icon/visa.webp"  style=" height: 30px;">
1125                        </li>
1126
1127                        <li>
1128                            <img src="https://mansoooj.com/assets/images/icon/apple_pay.webp" style=" height: 30px;">
1129                        </li>
1130                        
1131                            <li>
1132                                <img src="https://mansoooj.com/assets/images/icon/tabby.png" style=" height: 30px;"
1133                                >
1134                            </li>
1135                                                                        
1136
1137                    </ul>
1138
1139                                
1140                            </div>
1141
1142            <div class="col-md-6">
1143                <div class="row">
1144                                            <div class="col-6 col-sm-4">
1145                            <div class="footer-links wow fadeInDown">
1146                                <h4>عن الموقع</h4>
1147                                <ul>
1148                                                                            <li >
1149                                            <a href="https://mansoooj.com/page/14/عن-منسوج" target="">عن منسوج</a></li>
1150                                                                            <li >
1151                                            <a href="https://mansoooj.com/page/1/الشروط-و-الأحكام" target="">الشروط و الأحكام</a></li>
1152                                                                            <li >
1153                                            <a href="https://mansoooj.com/page/3/تواصل-معنا" target="">تواصل معنا</a></li>
1154                                                                            <li >
1155                                            <a href="https://mansoooj.com/page/15/اكتب-معنا" target="">اكتب معنا</a></li>
1156                                    
1157                                </ul>
1158                            </div>
1159                        </div>
1160                                                                <div class="col-6 col-sm-4">
1161                            <div class="footer-links wow fadeInDown">
1162                                <h4>روابط مهمة</h4>
1163                                <ul>
1164                                                                                                                <li><a href="https://mansoooj.com/page/8/سياسة-الخصوصية" target="">سياسة الخصوصية</a></li>
1165                                                                            <li><a href="https://mansoooj.com/page/9/سياسة-النزاهة" target="">سياسة النزاهة</a></li>
1166                                                                            <li><a href="https://mansoooj.com/page/10/سياسة-الحضور-الالكتروني" target="">سياسة الحضور الالكتروني</a></li>
1167                                                                            <li><a href="https://mansoooj.com/page/11/سياسة-طاقم-العمل" target="">سياسة طاقم العمل</a></li>
1168                                                                            <li><a href="https://mansoooj.com/page/12/سياسة-الدعم-الفني" target="">سياسة الدعم الفني</a></li>
1169                                    
1170                                            <li><a href="https://mansoooj.com/complain/contact-us" target="">للشكاوى والاقتراحات</a></li>
1171
1172
1173
1174                                </ul>
1175                            </div>
1176                        </div>
1177                                                                <div class="col-6 col-sm-4">
1178                            <div class="footer-links wow fadeInDown">
1179                                <h4>أقسام الموقع</h4>
1180                                <ul>
1181                                                                            <li><a href="https://mansoooj.com/courses/category/2/تصميم-الأزياء"
1182                                               target="">تصميم الأزياء</a></li>
1183                                                                            <li><a href="https://mansoooj.com/courses/category/3/رسم-الأزياء"
1184                                               target="">رسم الأزياء</a></li>
1185                                                                            <li><a href="https://mansoooj.com/courses/category/4/الخياطة"
1186                                               target="">الخياطة</a></li>
1187                                                                            <li><a href="https://mansoooj.com/courses/category/5/تنسيق-الأزياء"
1188                                               target="">تنسيق الأزياء</a></li>
1189                                                                            <li><a href="https://mansoooj.com/courses/category/6/ريادة-أعمال-الأزياء"
1190                                               target="">ريادة أعمال الأزياء</a></li>
1191                                                                            <li><a href="https://mansoooj.com/courses/category/7/تسويق-الأزياء"
1192                                               target="">تسويق الأزياء</a></li>
1193                                                                            <li><a href="https://mansoooj.com/courses/category/8/المجوهرات"
1194                                               target="">المجوهرات</a></li>
1195                                                                            <li><a href="https://mansoooj.com/courses/category/9/الأقمشة-و-الخامات"
1196                                               target="">الأقمشة و الخامات</a></li>
1197                                                                            <li><a href="https://mansoooj.com/courses/category/11/تصوير-الأزياء"
1198                                               target="">تصوير الأزياء</a></li>
1199                                                                    </ul>
1200                            </div>
1201                        </div>
1202                                    </div>
1203            </div>
1204        </div>
1205        
1206    </div>
1207</footer>
1208
1209
1210<style>
1211    .footer {
1212        /*position:fixed;*/
1213        left: 0;
1214        bottom: 0;
1215        width: 100%;
1216        background-color: #F2F5F8;
1217        height: 48px;
1218        text-align: center;
1219    }
1220</style>
1221<div class="footer">
1222    <div class="container">
1223        <div class="row">
1224            <div class="col-md-12">
1225                                    <div class="copyright_text" style="line-height: 45px; text-align: center;">
1226                        <span class="text"
1227                              style="font-size: 13px;font-weight: 500;color: #594a7d;">
1228                                                            جميع الحقوق محفوظة ل
1229                                                     <span
1230                                    style="direction: ltr;text-align: right;">منسوج</span> <span
1231                                    style="direction: rtl;text-align: right;display:inline-block;">© 2026</span>
1232                        </span>
1233                    </div>
1234                            </div>
1235            
1236            
1237            
1238            
1239            
1240            
1241            
1242        </div>
1243    </div>
1244</div>
1245
1246
1247<div class="modal-item modal fade" id="consult-modal" tabindex="-1" role="dialog"
1248     aria-labelledby="exampleModalCenterTitle" aria-hidden="true" data-keyboard="false">
1249    <div class="modal-dialog modal-dialog-centered" role="document">
1250        <div class="modal-content make-money-modal">
1251            <div class="modal-content-wrap">
1252
1253                <span type="button" class="close-modal" data-dismiss="modal" aria-label="Close">
1254                <svg id="Combined_Shape" data-name="Combined Shape" xmlns="//www.w3.org/2000/svg" width="12"
1255                     height="12" viewBox="0 0 12 12">
1256                  <path id="Combined_Shape-2" data-name="Combined Shape"
1257                        d="M10.537,11.749,6,7.212,1.463,11.749A.857.857,0,0,1,.251,10.537L4.787,6,.251,1.463A.857.857,0,0,1,1.463.251L6,4.787,10.537.251a.857.857,0,0,1,1.212,1.213L7.212,6l4.537,4.537a.857.857,0,1,1-1.212,1.212Z"
1258                        fill="#fff"/>
1259                </svg>
1260            </span>
1261
1262                <div class="profile-popup-wrap certificate">
1263                    <h3>حجز موعد</h3>
1264                    <form class="inner-page-form join-form certificate ajax validate hide-errors">
1265                        
1266                        
1267                        
1268                        
1269                        
1270                        
1271                        
1272                        
1273                        
1274                        
1275                        
1276                        <div class="consult-modal-content">
1277
1278                        </div>
1279                        <div class="form-footer">
1280                            <div class="form-submit">
1281                                <button type="button" class="button submit-button submit-consult-modal-button">حجز                                </button>
1282                            </div>
1283                        </div>
1284                    </form>
1285                </div>
1286            </div>
1287        </div>
1288    </div>
1289</div>
1290
1291
1292
1293
1294
1295
1296
1297
1298
1299
1300
1301
1302
1303
1304
1305
1306
1307
1308
1309
1310
1311
1312
1313
1314
1315
1316
1317
1318
1319<div class="modal-item modal fade" id="add_cart_modal" tabindex="-1" role="dialog"
1320     aria-labelledby="exampleModalCenterTitle"
1321     aria-hidden="true">
1322    <div class="modal-dialog modal-dialog-centered" role="document">
1323        <div class="modal-content discount_content">
1324            <span type="button" class="close-modal" data-dismiss="modal" aria-label="Close">
1325                <svg id="Combined_Shape" data-name="Combined Shape" xmlns="//www.w3.org/2000/svg" width="12"
1326                     height="12" viewBox="0 0 12 12">
1327                  <path id="Combined_Shape-2" data-name="Combined Shape"
1328                        d="M10.537,11.749,6,7.212,1.463,11.749A.857.857,0,0,1,.251,10.537L4.787,6,.251,1.463A.857.857,0,0,1,1.463.251L6,4.787,10.537.251a.857.857,0,0,1,1.212,1.213L7.212,6l4.537,4.537a.857.857,0,1,1-1.212,1.212Z"
1329                        fill="#fff"/>
1330                </svg>
1331            </span>
1332            <div class="modal-content-wrap">
1333                <div class="course_discount_content">
1334                    <div class="discount_product_added">
1335                        <div class="added-text">
1336                            <span>
1337                                <svg xmlns="//www.w3.org/2000/svg" width="16.16" height="11.671"
1338                                     viewBox="0 0 16.16 11.671">
1339                                  <path id="Shape"
1340                                        d="M1.533,5.65a.9.9,0,0,0-1.27,1.27l4.489,4.489a.9.9,0,0,0,1.27,0L15.9,1.533a.9.9,0,1,0-1.27-1.27L5.387,9.5Z"
1341                                        fill="#fff"/>
1342                                </svg>
1343                                <b id="cart_add_title">تم اضافة</b> </span>
1344                        </div>
1345                        <a href="https://mansoooj.com/user/cart" class="view-cart">
1346        الذهاب للسلة    </a>
1347                    </div>
1348
1349                </div>
1350            </div>
1351        </div>
1352    </div>
1353</div>
1354
1355<div id="upsellingModalContainer"></div>
1356    <div class="modal-item modal fade" id="register-login" tabindex="-1" role="dialog"
1357         aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
1358        <div class="modal-dialog modal-dialog-centered" role="document">
1359            <div class="modal-content">
1360            <span type="button" class="close-modal" data-dismiss="modal" aria-label="Close">
1361                <svg id="Combined_Shape" data-name="Combined Shape" xmlns="//www.w3.org/2000/svg" width="12"
1362                     height="12" viewBox="0 0 12 12">
1363                  <path id="Combined_Shape-2" data-name="Combined Shape"
1364                        d="M10.537,11.749,6,7.212,1.463,11.749A.857.857,0,0,1,.251,10.537L4.787,6,.251,1.463A.857.857,0,0,1,1.463.251L6,4.787,10.537.251a.857.857,0,0,1,1.212,1.213L7.212,6l4.537,4.537a.857.857,0,1,1-1.212,1.212Z"
1365                        fill="#fff"/>
1366                </svg>
1367            </span>
1368                <div class="modal-content-wrap">
1369                    <style>
1370
1371
1372    .auth-types-wrap {
1373        margin-top: 30px;
1374    }
1375
1376    .auth-types-wrap .sp {
1377        display: flex;
1378        align-items: center;
1379        justify-content: center;
1380        position: relative;
1381        margin-bottom: 16px;
1382        color: #393D48;
1383        font-weight: 700;
1384    }
1385
1386    .auth-types-wrap .sp:before {
1387        content: '';
1388        height: 1px;
1389        width: 100%;
1390        background: #E4EAF1;
1391        position: absolute;
1392        top: 50%;
1393        right: 0;
1394        left: 0;
1395    }
1396
1397    .auth-types-wrap .sp span {
1398        width: 90px;
1399        text-align: center;
1400        background: #fff;
1401        position: relative;
1402        z-index: 5;
1403    }
1404
1405    .auth-types-wrap .auth-item {
1406        display: flex;
1407        align-items: center;
1408        margin-bottom: 12px;
1409        height: 50px;
1410        padding: 0 24px;
1411        font-size: 13px;
1412        font-weight: 500;
1413        color: #393D48;
1414        transition: all 0.3s;
1415        border-radius: 50px;
1416        border: 1px solid #E4EAF1;
1417    }
1418
1419    .auth-types-wrap .auth-item svg {
1420        margin-right: auto;
1421        flex: 0 0 auto;
1422    }
1423
1424    .auth-types-wrap .auth-item:last-child {
1425        margin-bottom: 0;
1426    }
1427
1428    .auth-types-wrap .auth-item:hover {
1429        border-color: #d1d1d1;
1430    }
1431
1432    .form-title {
1433        margin: 30px 0 24px;
1434    }
1435
1436    .form-footer {
1437        margin-top: 16px;
1438    }
1439
1440</style>
1441<div class="form-wrap wizard-wrap login-section">
1442
1443    <div class="form-logo-wrap">
1444        <a href="https://mansoooj.com" class="form-logo">
1445                <img
1446                        src="https://etfi7gf6te7pcqlxvkng5vhnuu0uqwop.lambda-url.eu-north-1.on.aws/u/90b552e9fab7c84c049355bfb7c7fc5c2394f9c0/HLcGFdltiL8gDrU9o4aH.png?host=osarh.pro"
1447                        alt="OSARH Pro"
1448                        height="50"/>
1449        </a>
1450    </div>
1451            <h2 class="form-title">
1452            <span>تسجيل دخول</span>
1453        </h2>
1454    
1455    
1456    <div id="login-step-email">
1457        <form data-notify="true" class="inner-page-form join-form ajax validate"
1458              after-submit="handleCheckEmail"
1459              method="post"
1460              action="https://mansoooj.com/user/login/check-email">
1461            <input type="hidden" name="_token" value="0ijWaOJzwCDQOqlZQYaWSXTn0hZwWfvHlhxxnUOt" autocomplete="off">            <input type="hidden" name="redirect" value="">
1462                        <div class="form-group">
1463                <svg xmlns="//www.w3.org/2000/svg" width="16" height="13.091" viewBox="0 0 16 13.091">
1464                    <path id="Combined_Shape_pw_email" data-name="Combined Shape"
1465                          d="M2.182,13.091A2.184,2.184,0,0,1,0,10.909V2.189c0-.007,0-.014,0-.021A2.184,2.184,0,0,1,2.182,0H13.818A2.184,2.184,0,0,1,16,2.182v8.727a2.184,2.184,0,0,1-2.182,2.182Zm-.727-2.182a.728.728,0,0,0,.727.727H13.818a.728.728,0,0,0,.727-.727V3.579L8.417,7.868a.726.726,0,0,1-.834,0L1.454,3.579ZM8,6.385l6.469-4.528a.728.728,0,0,0-.651-.4H2.182a.728.728,0,0,0-.651.4Z"
1466                          transform="translate(0)"/>
1467                </svg>
1468                <input type="email" name="email" id="login-email-input"
1469                       value="" class="input_with_icon"
1470                       placeholder="البريد الإلكتروني" required
1471                       oninvalid="this.setCustomValidity('يرجى إدخال بريد إلكتروني صحيح (مثال: [email protected])')"
1472                       oninput="validateLoginEmail(this)"/>
1473                <div class="invalid-email-msg" style="display:none; color:#f64e60; font-size:12px; margin-top:4px;">يرجى إدخال بريد إلكتروني صحيح (مثال: [email protected])</div>
1474            </div>
1475            <div class="form-footer">
1476                <div class="form-submit w-100">
1477                    <button type="submit" class="button submit-button w-100">التالي</button>
1478                </div>
1479            </div>
1480            <style>
1481
1482
1483    .auth-types-wrap {
1484        margin-top: 30px;
1485    }
1486
1487    .auth-types-wrap .sp {
1488        display: flex;
1489        align-items: center;
1490        justify-content: center;
1491        position: relative;
1492        margin-bottom: 16px;
1493        color: #393D48;
1494        font-weight: 700;
1495    }
1496
1497    .auth-types-wrap .sp:before {
1498        content: '';
1499        height: 1px;
1500        width: 100%;
1501        background: #E4EAF1;
1502        position: absolute;
1503        top: 50%;
1504        right: 0;
1505        left: 0;
1506    }
1507
1508    .auth-types-wrap .sp span {
1509        width: 90px;
1510        text-align: center;
1511        background: #fff;
1512        position: relative;
1513        z-index: 5;
1514    }
1515
1516    .auth-types-wrap .auth-item {
1517        display: flex;
1518        align-items: center;
1519        margin-bottom: 12px;
1520        height: 50px;
1521        padding: 0 24px;
1522        font-size: 13px;
1523        font-weight: 500;
1524        color: #393D48;
1525        transition: all 0.3s;
1526        border-radius: 50px;
1527        border: 1px solid #E4EAF1;
1528    }
1529
1530    .auth-types-wrap .auth-item svg {
1531        margin-right: auto;
1532        flex: 0 0 auto;
1533    }
1534
1535    .auth-types-wrap .auth-item:last-child {
1536        margin-bottom: 0;
1537    }
1538
1539    .auth-types-wrap .auth-item:hover {
1540        border-color: #d1d1d1;
1541    }
1542
1543    .form-title {
1544        margin: 30px 0 24px;
1545    }
1546
1547    .form-footer {
1548        margin-top: 16px;
1549    }
1550
1551</style>
1552
1553<div class="auth-types-wrap">
1554            <div class="sp"><span>أو</span></div>
1555        <a href="https://mansoooj.com/google" class="auth-item">
1556            <span>المواصلة بواسطة قوقل</span>
1557            <svg id="google_2_" data-name="google (2)" xmlns="http://www.w3.org/2000/svg" width="24" height="24"
1558                 viewBox="0 0 24 24">
1559                <path id="Path_1431" data-name="Path 1431"
1560                      d="M5.319,146.29l-.835,3.119-3.053.065a12.021,12.021,0,0,1-.088-11.205h0l2.718.5,1.191,2.7a7.162,7.162,0,0,0,.067,4.822Z"
1561                      transform="translate(0 -131.787)" fill="#fbbb00"></path>
1562                <path id="Path_1432" data-name="Path 1432"
1563                      d="M273.154,208.176a12,12,0,0,1-4.278,11.6h0l-3.424-.175-.485-3.025a7.152,7.152,0,0,0,3.077-3.652h-6.417v-4.747Z"
1564                      transform="translate(-249.364 -198.418)" fill="#518ef8"></path>
1565                <path id="Path_1433" data-name="Path 1433"
1566                      d="M48.591,316.263h0a12,12,0,0,1-18.082-3.671l3.889-3.183a7.137,7.137,0,0,0,10.284,3.654Z"
1567                      transform="translate(-29.079 -294.905)" fill="#28b446"></path>
1568                <path id="Path_1434" data-name="Path 1434"
1569                      d="M46.942,2.763,43.054,5.945a7.136,7.136,0,0,0-10.52,3.736l-3.909-3.2h0A12,12,0,0,1,46.942,2.763Z"
1570                      transform="translate(-27.282)" fill="#f14336"></path>
1571            </svg>
1572                    </a>
1573        
1574        
1575        </div>
1576        </form>
1577    </div>
1578
1579    
1580    <div id="login-step-password" style="display:none;">
1581        <div style="display:flex;align-items:center;gap:8px;margin-bottom:14px;">
1582            <a href="javascript:;" onclick="showLoginEmailStep()"
1583               style="display:inline-flex;align-items:center;color:#888;flex-shrink:0;">
1584                <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
1585                     width="20px" height="20px" viewBox="0 0 24 24" version="1.1">
1586                    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
1587                        <polygon points="0 0 24 0 24 24 0 24"/>
1588                        <rect fill="#000000" opacity="0.3"
1589                              transform="translate(12.000000, 12.000000) rotate(-90.000000) translate(-12.000000, -12.000000)"
1590                              x="11" y="5" width="2" height="14" rx="1"/>
1591                        <path d="M9.70710318,15.7071045 C9.31657888,16.0976288 8.68341391,16.0976288 8.29288961,15.7071045 C7.90236532,15.3165802 7.90236532,14.6834152 8.29288961,14.2928909 L14.2928896,8.29289093 C14.6714686,7.914312 15.281055,7.90106637 15.675721,8.26284357 L21.675721,13.7628436 C22.08284,14.136036 22.1103429,14.7686034 21.7371505,15.1757223 C21.3639581,15.5828413 20.7313908,15.6103443 20.3242718,15.2371519 L15.0300721,10.3841355 L9.70710318,15.7071045 Z"
1592                              fill="#000000" fill-rule="nonzero"
1593                              transform="translate(14.999999, 11.999997) scale(1, -1) rotate(90.000000) translate(-14.999999, -11.999997)"/>
1594                    </g>
1595                </svg>
1596            </a>
1597            <span id="login-email-display" style="font-size:14px;color:#393D48;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;"></span>
1598        </div>
1599        <form data-notify="true" class="inner-page-form join-form ajax validate"
1600              after-submit="afterPasswordLogin"
1601              method="post"
1602              action="https://mansoooj.com/user/login/password">
1603            <input type="hidden" name="_token" value="0ijWaOJzwCDQOqlZQYaWSXTn0hZwWfvHlhxxnUOt" autocomplete="off">                        <input type="hidden" name="redirect" value="">
1604            <input type="hidden" name="email" id="login-password-email-hidden"/>
1605            <div class="form-group">
1606                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="20" viewBox="0 0 16 20">
1607                    <path d="M14,8H13V5A5,5,0,0,0,3,5V8H2A2,2,0,0,0,0,10V18a2,2,0,0,0,2,2H14a2,2,0,0,0,2-2V10A2,2,0,0,0,14,8ZM8,15a2,2,0,1,1,2-2A2,2,0,0,1,8,15ZM11,8H5V5
1607a3,3,0,0,1,6,0Z" fill="#393D48"/>
1608                </svg>
1609                <input type="password" name="password" id="login_password_field" class="input_with_icon"
1610                       placeholder="كلمة المرور" required/>
1611                <span id="toggle_password_visibility" onclick="togglePasswordVisibility()"
1612                      style="display:inline-flex;align-items:center;gap:4px;margin-top:6px;cursor:pointer;color:#888;font-size:12px;user-select:none;">
1613                    <svg id="eye_icon_show" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
1614                        <path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"/><circle cx="12" cy="12" r="3"/>
1615                    </svg>
1616                    <svg id="eye_icon_hide" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" style="display:none;">
1617                        <path d="M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24"/>
1618                        <line x1="1" y1="1" x2="23" y2="23"/>
1619                    </svg>
1620                    <span id="eye_label_show">إظهار كلمة المرور</span>
1621                    <span id="eye_label_hide" style="display:none;">إخفاء كلمة المرور</span>
1622                </span>
1623            </div>
1624            <div class="form-footer">
1625                <div class="other-action">
1626                    <a href="https://mansoooj.com/user/password/reset" class="action">نسيت كلمة المرور</a>
1627                </div>
1628                <div class="form-submit w-100">
1629                    <button type="submit" class="button submit-button w-100">دخول</button>
1630                </div>
1631            </div>
1632        </form>
1633    </div>
1634    </div>
1635
1636
1637<div class="form-wrap wizard-wrap set-password-link-section" style="display: none;">
1638    <div class="form-logo-wrap">
1639        <a href="https://mansoooj.com" class="form-logo">
1640            <img src="https://etfi7gf6te7pcqlxvkng5vhnuu0uqwop.lambda-url.eu-north-1.on.aws/u/90b552e9fab7c84c049355bfb7c7fc5c2394f9c0/HLcGFdltiL8gDrU9o4aH.png?host=osarh.pro" alt="OSARH Pro" height="50"/>
1641        </a>
1642    </div>
1643    <h2 class="form-title">تحقق من بريدك الإلكتروني</h2>
1644    <p class="form-subtitle" style="text-align:center;margin-bottom:20px;">
1645        تم إرسال رابط تعيين كلمة المرور إلى: <strong id="set_password_target_email"></strong>
1646    </p>
1647    <p style="text-align:center;font-size:13px;color:#888;margin-bottom:24px;">
1648        الرابط صالح لمدة ساعة واحدة فقط.    </p>
1649    <div style="text-align:center;">
1650        <a href="javascript:;" onclick="showLoginSection()" class="action" style="font-size:13px;">
1651            &larr; العودة لتسجيل الدخول        </a>
1652    </div>
1653</div>
1654
1655
1656<div class="form-wrap wizard-wrap email-otp-section" style="display: none;">
1657    <div class="form-logo-wrap">
1658        <a href="https://mansoooj.com" class="form-logo">
1659            <img src="https://etfi7gf6te7pcqlxvkng5vhnuu0uqwop.lambda-url.eu-north-1.on.aws/u/90b552e9fab7c84c049355bfb7c7fc5c2394f9c0/HLcGFdltiL8gDrU9o4aH.png?host=osarh.pro" alt="OSARH Pro" height="50"/>
1660        </a>
1661        <a href="javascript:;" onclick="showLoginSection()" class="action">
1662            <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
1663                 width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
1664                <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
1665                    <polygon points="0 0 24 0 24 24 0 24"/>
1666                    <rect fill="#000000" opacity="0.3"
1667                          transform="translate(12.000000, 12.000000) rotate(-90.000000) translate(-12.000000, -12.000000)"
1668                          x="11" y="5" width="2" height="14" rx="1"/>
1669                    <path d="M9.70710318,15.7071045 C9.31657888,16.0976288 8.68341391,16.0976288 8.29288961,15.7071045 C7.90236532,15.3165802 7.90236532,14.6834152 8.29288961,14.2928909 L14.2928896,8.29289093 C14.6714686,7.914312 15.281055,7.90106637 15.675721,8.26284357 L21.675721,13.7628436 C22.08284,14.136036 22.1103429,14.7686034 21.7371505,15.1757223 C21.3639581,15.5828413 20.7313908,15.6103443 20.3242718,15.2371519 L15.0300721,10.3841355 L9.70710318,15.7071045 Z"
1670                          fill="#000000" fill-rule="nonzero"
1671                          transform="translate(14.999999, 11.999997) scale(1, -1) rotate(90.000000) translate(-14.999999, -11.999997)"/>
1672                </g>
1673            </svg>
1674        </a>
1675    </div>
1676    <h2 class="form-title">التحقق من البريد الإلكتروني</h2>
1677    <p class="form-subtitle">
1678        لإتمام تسجيل الدخول، أدخل رمز التحقق المرسل إلى: <strong id="otp_target_email"></strong>
1679    </p>
1680    <form data-notify="true" class="inner-page-form join-form validate ajax"
1681          method="post"
1682          action="https://mansoooj.com/user/email/verify-otp"
1683          after-submit="afterEmailOtpVerified">
1684        <input type="hidden" name="_token" value="0ijWaOJzwCDQOqlZQYaWSXTn0hZwWfvHlhxxnUOt" autocomplete="off">        <input type="hidden" name="email" id="otp_email_hidden"/>
1685        <div class="form-group">
1686            <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
1687                 width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
1688                <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
1689                    <rect x="0" y="0" width="24" height="24"/>
1690                    <path d="M17.2718029,8.68536757 C16.8932864,8.28319382 16.9124644,7.65031935 17.3146382,7.27180288 C17.7168119,6.89328641 18.3496864,6.91246442 18.7282029,7.31463817 L22.7282029,11.5646382 C23.0906029,11.9496882 23.0906029,12.5503176 22.7282029,12.9353676 L18.7282029,17.1853676 C18.3496864,17.5875413 17.7168119,17.6067193 17.3146382,17.2282029 C16.9124644,16.8496864 16.8932864,16.2168119 17.2718029,15.8146382 L20.6267538,12.2500029 L17.2718029,8.68536757 Z M6.72819712,8.6853647 L3.37324625,12.25 L6.72819712,15.8146353 C7.10671359,16.2168091 7.08753558,16.8496835 6.68536183,17.2282 C6.28318808,17.6067165 5.65031361,17.5875384 5.27179713,17.1853647 L1.27179713,12.9353647 C0.909397125,12.5503147 0.909397125,11.9496853 1.27179713,11.5646353 L5.27179713,7.3146353 C5.65031361,6.91246155 6.28318808,6.89328354 6.68536183,7.27180001 C7.08753558,7.65031648 7.10671359,8.28319095 6.72819712,8.6853647 Z"
1691                          fill="#000000" fill-rule="nonzero"/>
1692                    <rect fill="#000000" opacity="0.3"
1693                          transform="translate(12.000000, 12.000000) rotate(-345.000000) translate(-12.000000, -12.000000)"
1694                          x="11" y="4" width="2" height="16" rx="1"/>
1695                </g>
1696            </svg>
1697            <input class="input_with_icon" type="number" name="otp"
1698                   placeholder="أدخل رمز التحقق المرسل إلى بريدك الإلكتروني" maxlength="6"/>
1699        </div>
1700        <div class="form-footer">
1701            <div class="other-action">
1702                <div id="otp-resend-timer">
1703                    <span>ينتهي الرمز خلال <span id="otp_countdown">60</span> ثانية</span>
1704                </div>
1705                <a href="javascript:;" id="otp-resend-btn" style="display:none;"
1706                   onclick="resendEmailOtp()">إعادة إرسال الرمز</a>
1707            </div>
1708            <div class="form-submit w-100">
1709                <button type="submit" class="button submit-button w-100">تأكيد</button>
1710            </div>
1711        </div>
1712    </form>
1713</div>
1714<div class="form-wrap wizard-wrap national-section" style="display: none;">
1715    <div class="form-logo-wrap">
1716        <a href="https://mansoooj.com" class="form-logo">
1717            <img src="https://etfi7gf6te7pcqlxvkng5vhnuu0uqwop.lambda-url.eu-north-1.on.aws/u/90b552e9fab7c84c049355bfb7c7fc5c2394f9c0/HLcGFdltiL8gDrU9o4aH.png?host=osarh.pro"
1718                 alt="OSARH Pro"
1719                 height="50"/></a>
1720    </div>
1721    <h2 class="form-title">
1722        <div class="social-login" style="position: inherit">
1723            <a href="javascript:;" class="login-action">
1724                <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
1725                     width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
1726                    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
1727                        <polygon points="0 0 24 0 24 24 0 24"/>
1728                        <rect fill="#000000" opacity="0.3"
1729                              transform="translate(12.000000, 12.000000) rotate(-90.000000) translate(-12.000000, -12.000000) "
1730                              x="11" y="5" width="2" height="14" rx="1"/>
1731                        <path d="M9.70710318,15.7071045 C9.31657888,16.0976288 8.68341391,16.0976288 8.29288961,15.7071045 C7.90236532,15.3165802 7.90236532,14.6834152 8.29288961,14.2928909 L14.2928896,8.29289093 C14.6714686,7.914312 15.281055,7.90106637 15.675721,8.26284357 L21.675721,13.7628436 C22.08284,14.136036 22.1103429,14.7686034 21.7371505,15.1757223 C21.3639581,15.5828413 20.7313908,15.6103443 20.3242718,15.2371519 L15.0300721,10.3841355 L9.70710318,15.7071045 Z"
1732                              fill="#000000" fill-rule="nonzero"
1733                              transform="translate(14.999999, 11.999997) scale(1, -1) rotate(90.000000) translate(-14.999999, -11.999997) "/>
1734                    </g>
1735                </svg>
1736
1737            </a>
1738        </div>
1739        <span>تسجيل دخول</span>
1740
1741    </h2>
1742
1743    <form data-notify="true" class="inner-page-form join-form validate ajax" method="post"
1744          after-submit="afterLogin"
1745          action="https://mansoooj.com/user/login">
1746        <input type="hidden" name="_token" value="0ijWaOJzwCDQOqlZQYaWSXTn0hZwWfvHlhxxnUOt" autocomplete="off">        <div class="form-group" style="display:none;">
1747            <svg xmlns="//www.w3.org/2000/svg" width="16" height="13.091" viewBox="0 0 16 13.091">
1748                <path id="Combined_Shape" data-name="Combined Shape"
1749                      d="M2.182,13.091A2.184,2.184,0,0,1,0,10.909V2.189c0-.007,0-.014,0-.021A2.184,2.184,0,0,1,2.182,0H13.818A2.184,2.184,0,0,1,16,2.182v8.727a2.184,2.184,0,0,1-2.182,2.182Zm-.727-2.182a.728.728,0,0,0,.727.727H13.818a.728.728,0,0,0,.727-.727V3.579L8.417,7.868a.726.726,0,0,1-.834,0L1.454,3.579ZM8,6.385l6.469-4.528a.728.728,0,0,0-.651-.4H2.182a.728.728,0,0,0-.651.4Z"
1750                      transform="translate(0)"/>
1751            </svg>
1752            <input type="email" class="input_with_icon" name="email" placeholder="البريد الإلكتروني" readonly
1753                   id="readonly_email" required/>
1754        </div>
1755
1756        <div class="form-group">
1757            <div class="alert alert-custom" style="height: 50px;    border-radius: 50px;margin-bottom:0;"
1758                 role="alert">
1759                <div class="alert-icon">
1760                    <span class="svg-icon svg-icon-primary svg-icon-xl">
1761                            <svg xmlns="//www.w3.org/2000/svg" width="16"
1762                                height="13.091" viewBox="0 0 16 13.091">
1763                                <path id="Combined_Shape" data-name="Combined Shape"
1764                                        d="M2.182,13.091A2.184,2.184,0,0,1,0,10.909V2.189c0-.007,0-.014,0-.021A2.184,2.184,0,0,1,2.182,0H13.818A2.184,2.184,0,0,1,16,2.182v8.727a2.184,2.184,0,0,1-2.182,2.182Zm-.727-2.182a.728.728,0,0,0,.727.727H13.818a.728.728,0,0,0,.727-.727V3.579L8.417,7.868a.726.726,0,0,1-.834,0L1.454,3.579ZM8,6.385l6.469-4.528a.728.728,0,0,0-.651-.4H2.182a.728.728,0,0,0-.651.4Z"
1765                                        transform="translate(0)"/>
1766                            </svg>
1767                    </span>
1768                </div>
1769                <div id="email_readonly_label" class="alert-text"></div>
1770            </div>
1771        </div>
1772        <div class="form-group">
1773            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 407.55 511.88" width="15">
1774                <defs></defs>
1775                <g id="Layer_2" data-name="Layer 2">
1776                    <g id="Layer_1-2" data-name="Layer 1">
1777                        <path class="cls-1"
1778                                d="M161,357.91c-19.83,0-39.65.11-59.48-.05A19.85,19.85,0,0,1,81.89,341.8c-1.84-8.46,2.66-17.69,10.65-21.71a22.22,22.22,0,0,1,10.14-2.18q58.23,0,116.46,0c12.25,0,21.15,8.42,21.26,19.78.1,11.52-8.91,20.11-21.44,20.16-19.33.09-38.65,0-58,0Z"/>
1779                        <path class="cls-1"
1780                                d="M147.21,430.9c-14.66,0-29.32,0-44,0-12.62,0-21.63-8.32-21.71-19.85S90.46,391,103,390.92c30.15-.05,60.31-.1,90.46,0,10.05,0,17.83,6.83,19.68,16.54,1.65,8.71-3.3,17.87-11.67,21.6a24.39,24.39,0,0,1-10.24,1.8q-22,0-44,0Z"/>
1781                        <path class="cls-1"
1782                                d="M385.7,353c-21.83,0-43.65-.07-65.48,0-41.15.13-71.58,30.48-71.78,71.56-.07,14.49-.09,29,.06,43.48,0,2.94-.53,3.95-3.77,3.94-54.15-.1-108.3.06-162.45-.11-23.41-.08-40.7-17.4-40.72-40.85q-.18-174.94,0-349.89c0-23.7,17.35-41,41-41.05Q204.3,39.86,326,40a40.17,40.17,0,0,1,18.81,4.19c15.64,8.12,22.53,21.41,22.53,38.67q0,94.47.05,188.94c0,12.23,8.53,21.08,19.92,21.1,11.16,0,20-8.73,20-20.56.09-64.48.59-129-.24-193.44-.42-33.42-17.38-57.47-47.53-72.07C352.21,3.28,344.17,2.18,336.44,0H70.5C65.86,1.27,61,1.15,56.36,2.61,23.89,12.8.05,45,0,79.12Q0,255.94.09,432.76A75.86,75.86,0,0,0,15.27,479C29.1,497.49,46.9,509.62,70.5,511.88h202c4.21-1.89,8.23-3.94,11.61-7.33q58.07-58.21,116.29-116.27c6.5-6.49,8.91-13.94,5.52-22.71C402.72,357.39,395.52,353,385.7,353ZM288.5,442.5c0-8-.76-16.12.39-24.11a29.49,29.49,0,0,1,25-24.94,39.58,39.58,0,0,1,5.95-.49c6.07-.06,12.14,0,18.17,0Z"/>
1783                        <path class="cls-1"
1784                                d="M299.34,238.55c-5.6-24.72-18.93-44.49-39.84-58.83-4.13-2.83-4.85-4.46-2.09-8.92,24.48-39.48-3.76-92.76-50.18-94.64-25.47-1-45.44,9.53-58.19,31.57-12.46,21.54-11.43,43.53,1.49,64.76,1.87,3.08,1.28,4.24-1.46,6a94.69,94.69,0,0,0-34.94,40.7c-4.28,9.4-8.24,19.14-7.4,29.69,1.47,18.54,15.45,30.9,34.51,31,20.65.11,41.31,0,62,0,21,0,42,.16,63,0C289,279.67,304.35,260.68,299.34,238.55ZM203.56,116a23,23,0,1,1-23.06,23.26A23.22,23.22,0,0,1,203.56,116ZM149.5,239.85c3.94-16.52,24.33-36.66,51.52-37.86,24.75-1.1,49.51,15.07,56.71,37.86Z"/>
1785                    </g>
1786                </g>
1787            </svg>
1788            <input type="text" name="national_id" class="input_with_icon"
1789                    placeholder="الهوية الوطنية" autocomplete="off"/>
1790        </div>
1791        <div class="form-footer">
1792            <div class="form-submit">
1793                <button type="submit" onclick="$('#type_verification').val('verification')"
1794                        name="type" value="verification" class="button submit-button">تأكيد</button>
1795            </div>
1796        </div>
1797    </form>
1798</div>
1799
1800
1801<div class="form-wrap wizard-wrap verification-section" style="display: none;">
1802    <div class="form-logo-wrap">
1803        <a href="https://mansoooj.com" class="form-logo">
1804            <img src="https://etfi7gf6te7pcqlxvkng5vhnuu0uqwop.lambda-url.eu-north-1.on.aws/u/90b552e9fab7c84c049355bfb7c7fc5c2394f9c0/HLcGFdltiL8gDrU9o4aH.png?host=osarh.pro"
1805                 alt="OSARH Pro"
1806                 height="50"/></a>
1807    </div>
1808    <h2 class="form-title">
1809        <div class="social-login" style="position: inherit">
1810            <a href="javascript:;" class="login-action">
1811                <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
1812                     width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
1813                    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
1814                        <polygon points="0 0 24 0 24 24 0 24"/>
1815                        <rect fill="#000000" opacity="0.3"
1816                              transform="translate(12.000000, 12.000000) rotate(-90.000000) translate(-12.000000, -12.000000) "
1817                              x="11" y="5" width="2" height="14" rx="1"/>
1818                        <path d="M9.70710318,15.7071045 C9.31657888,16.0976288 8.68341391,16.0976288 8.29288961,15.7071045 C7.90236532,15.3165802 7.90236532,14.6834152 8.29288961,14.2928909 L14.2928896,8.29289093 C14.6714686,7.914312 15.281055,7.90106637 15.675721,8.26284357 L21.675721,13.7628436 C22.08284,14.136036 22.1103429,14.7686034 21.7371505,15.1757223 C21.3639581,15.5828413 20.7313908,15.6103443 20.3242718,15.2371519 L15.0300721,10.3841355 L9.70710318,15.7071045 Z"
1819                              fill="#000000" fill-rule="nonzero"
1820                              transform="translate(14.999999, 11.999997) scale(1, -1) rotate(90.000000) translate(-14.999999, -11.999997) "/>
1821                    </g>
1822                </svg>
1823
1824            </a>
1825        </div>
1826        <span>تسجيل دخول</span>
1827
1828    </h2>
1829
1830    <form data-notify="true" class="inner-page-form join-form validate ajax" method="post"
1831          after-submit="afterVerfied"
1832          action="https://mansoooj.com/user/login">
1833        <input type="hidden" name="_token" value="0ijWaOJzwCDQOqlZQYaWSXTn0hZwWfvHlhxxnUOt" autocomplete="off">        <input type="hidden" name="redirect" id="redirect_after_login" value="">
1834        <input type="hidden" name="_recaptcha" id="_recaptcha">
1835        <input type="hidden" name="type" id="type_verification" value="verification">
1836        
1837        <div class="form-group" style="display:none;">
1838            <svg xmlns="//www.w3.org/2000/svg" width="16" height="13.091" viewBox="0 0 16 13.091">
1839                <path id="Combined_Shape" data-name="Combined Shape"
1840                      d="M2.182,13.091A2.184,2.184,0,0,1,0,10.909V2.189c0-.007,0-.014,0-.021A2.184,2.184,0,0,1,2.182,0H13.818A2.184,2.184,0,0,1,16,2.182v8.727a2.184,2.184,0,0,1-2.182,2.182Zm-.727-2.182a.728.728,0,0,0,.727.727H13.818a.728.728,0,0,0,.727-.727V3.579L8.417,7.868a.726.726,0,0,1-.834,0L1.454,3.579ZM8,6.385l6.469-4.528a.728.728,0,0,0-.651-.4H2.182a.728.728,0,0,0-.651.4Z"
1841                      transform="translate(0)"/>
1842            </svg>
1843            <input type="email" class="input_with_icon" name="email" placeholder="البريد الإلكتروني" readonly
1844                   id="hidden_email" required/>
1845        </div>
1846
1847        <div class="form-group">
1848            <div class="alert alert-custom" style="height: 50px;    border-radius: 50px;margin-bottom:0;"
1849                 role="alert">
1850                <div class="alert-icon">
1851																<span class="svg-icon svg-icon-primary svg-icon-xl">
1852																	<!--begin::Svg Icon | path:assets/media/svg/icons/Tools/Compass.svg-->
1853																	  <svg xmlns="//www.w3.org/2000/svg" width="16"
1854                                                                           height="13.091" viewBox="0 0 16 13.091">
1855                                        <path id="Combined_Shape" data-name="Combined Shape"
1856                                              d="M2.182,13.091A2.184,2.184,0,0,1,0,10.909V2.189c0-.007,0-.014,0-.021A2.184,2.184,0,0,1,2.182,0H13.818A2.184,2.184,0,0,1,16,2.182v8.727a2.184,2.184,0,0,1-2.182,2.182Zm-.727-2.182a.728.728,0,0,0,.727.727H13.818a.728.728,0,0,0,.727-.727V3.579L8.417,7.868a.726.726,0,0,1-.834,0L1.454,3.579ZM8,6.385l6.469-4.528a.728.728,0,0,0-.651-.4H2.182a.728.728,0,0,0-.651.4Z"
1857                                              transform="translate(0)"/>
1858                                    </svg>
1859                                                                    <!--end::Svg Icon-->
1860																</span>
1861                </div>
1862                <div id="email_label" class="alert-text"></div>
1863
1864            </div>
1865            <p class="title_junk" style="margin-right: 21px;margin-bottom: 25px;font-size: 14px;">قد يصل احياناً على البريد المهمل او JunkMail</p>
1866
1867
1868        </div>
1869
1870
1871        <div class="form-group">
1872            <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
1873                 width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
1874                <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
1875                    <rect x="0" y="0" width="24" height="24"/>
1876                    <path d="M17.2718029,8.68536757 C16.8932864,8.28319382 16.9124644,7.65031935 17.3146382,7.27180288 C17.7168119,6.89328641 18.3496864,6.91246442 18.7282029,7.31463817 L22.7282029,11.5646382 C23.0906029,11.9496882 23.0906029,12.5503176 22.7282029,12.9353676 L18.7282029,17.1853676 C18.3496864,17.5875413 17.7168119,17.6067193 17.3146382,17.2282029 C16.9124644,16.8496864 16.8932864,16.2168119 17.2718029,15.8146382 L20.6267538,12.2500029 L17.2718029,8.68536757 Z M6.72819712,8.6853647 L3.37324625,12.25 L6.72819712,15.8146353 C7.10671359,16.2168091 7.08753558,16.8496835 6.68536183,17.2282 C6.28318808,17.6067165 5.65031361,17.5875384 5.27179713,17.1853647 L1.27179713,12.9353647 C0.909397125,12.5503147 0.909397125,11.9496853 1.27179713,11.5646353 L5.27179713,7.3146353 C5.65031361,6.91246155 6.28318808,6.89328354 6.68536183,7.27180001 C7.08753558,7.65031648 7.10671359,8.28319095 6.72819712,8.6853647 Z"
1877                          fill="#000000" fill-rule="nonzero"/>
1878                    <rect fill="#000000" opacity="0.3"
1879                          transform="translate(12.000000, 12.000000) rotate(-345.000000) translate(-12.000000, -12.000000) "
1880                          x="11" y="4" width="2" height="16" rx="1"/>
1881                </g>
1882            </svg>
1883            <input class="input_with_icon" type="number" name="code" placeholder="رقم التأكيد" />
1884        </div>
1885
1886        <div class="form-footer">
1887            <div class="other-action">
1888                <div id="send-after">
1889                    <p>يمكنك طلب كود جديد بعد                         <a
1890                                class="action " id="resent-verification-seconds">
1891
1892                        </a>
1893                    </p>
1894
1895                </div>
1896                <a onclick="$('#type_verification').val('resend_code');$('.verification-section form').submit()"
1897                   class="action " id="resent-verification" style="display: none;">إعادة إرسال</a>
1898            </div>
1899            <div class="form-submit">
1900                <button type="submit" onclick="$('#type_verification').val('verification')"
1901                        name="type" value="verification" class="button submit-button">تأكيد</button>
1902            </div>
1903        </div>
1904    </form>
1905</div>
1906
1907
1908                    <div class="form-wrap wizard-wrap register-section" style="display: none;">
1909                        <div class="form-logo-wrap">
1910                            <a href="https://mansoooj.com" class="form-logo"><img
1911                                        src="https://mansoooj.com/assets/front/images/colored-logo.svg"
1912                                        alt="OSARH Pro"
1913                                        height="50"/></a>
1914                            <a href="javascript:;" class="action login-action">دخول</a>
1915                        </div>
1916                        <h2 class="form-title">إنشاء حساب</h2>
1917                        <form data-notify="true" class="inner-page-form join-form validate ajax" method="post"
1918                              action="https://mansoooj.com/user/register">
1919                            <input type="hidden" name="_token" value="
19190ijWaOJzwCDQOqlZQYaWSXTn0hZwWfvHlhxxnUOt" autocomplete="off">                            <input type="hidden" name="_recaptcha" id="_recaptcha">
1920                            <input type="hidden" name="countryCode" id="countryCode" value="SA">
1921                            <div class="row">
1922                                <div class="col-6">
1923                                    <div class="form-group">
1924                                        <svg xmlns="//www.w3.org/2000/svg" width="18" height="20" viewBox="0 0 18 20">
1925                                            <path id="Combined_Shape" data-name="Combined Shape"
1926                                                  d="M17,20a1,1,0,0,1-1-1V17a3,3,0,0,0-3-3H5a3,3,0,0,0-3,3v2a1,1,0,0,1-2,0V17a5.006,5.006,0,0,1,5-5h8a5.006,5.006,0,0,1,5,5v2A1,1,0,0,1,17,20ZM9,10a5,5,0,1,1,5-5A5.006,5.006,0,0,1,9,10ZM9,2a3,3,0,1,0,3,3A3,3,0,0,0,9,2Z"
1927                                                  transform="translate(0 0)"/>
1928                                        </svg>
1929                                        <input type="text" name="first_name" id="first_name" placeholder="الاسم الاول"/>
1930                                    </div>
1931                                </div>
1932                                <div class="col-6">
1933                                    <div class="form-group">
1934                                        <svg xmlns="//www.w3.org/2000/svg" width="18" height="20" viewBox="0 0 18 20">
1935                                            <path id="Combined_Shape" data-name="Combined Shape"
1936                                                  d="M17,20a1,1,0,0,1-1-1V17a3,3,0,0,0-3-3H5a3,3,0,0,0-3,3v2a1,1,0,0,1-2,0V17a5.006,5.006,0,0,1,5-5h8a5.006,5.006,0,0,1,5,5v2A1,1,0,0,1,17,20ZM9,10a5,5,0,1,1,5-5A5.006,5.006,0,0,1,9,10ZM9,2a3,3,0,1,0,3,3A3,3,0,0,0,9,2Z"
1937                                                  transform="translate(0 0)"/>
1938                                        </svg>
1939                                        <input type="text" name="last_name" id="last_name" placeholder="الاسم الأخير"/>
1940                                    </div>
1941                                </div>
1942                            </div>
1943                            <div class="form-group">
1944                                <svg xmlns="//www.w3.org/2000/svg" width="16" height="13.091" viewBox="0 0 16 13.091">
1945                                    <path id="Combined_Shape" data-name="Combined Shape"
1946                                          d="M2.182,13.091A2.184,2.184,0,0,1,0,10.909V2.189c0-.007,0-.014,0-.021A2.184,2.184,0,0,1,2.182,0H13.818A2.184,2.184,0,0,1,16,2.182v8.727a2.184,2.184,0,0,1-2.182,2.182Zm-.727-2.182a.728.728,0,0,0,.727.727H13.818a.728.728,0,0,0,.727-.727V3.579L8.417,7.868a.726.726,0,0,1-.834,0L1.454,3.579ZM8,6.385l6.469-4.528a.728.728,0,0,0-.651-.4H2.182a.728.728,0,0,0-.651.4Z"
1947                                          transform="translate(0)"/>
1948                                </svg>
1949                                <input type="email" name="email" placeholder="البريد الإلكتروني"/>
1950                            </div>
1951                            <div class="form-group">
1952                                <svg id="Component_64_1" data-name="Component 64 – 1" xmlns="//www.w3.org/2000/svg"
1953                                     width="16"
1954                                     height="22" viewBox="0 0 16 22">
1955                                    <path id="Rectangle-path"
1956                                          d="M13,22H3a3,3,0,0,1-3-3V3A3,3,0,0,1,3,0H13a3,3,0,0,1,3,3V19A3,3,0,0,1,13,22ZM3,2A1,1,0,0,0,2,3V19a1,1,0,0,0,1,1H13a1,1,0,0,0,1-1V3a1,1,0,0,0-1-1Z"
1957                                          transform="translate(0 0)"/>
1958                                    <path id="Shape" d="M1,2H7A1,1,0,0,0,7,0H1A1,1,0,0,0,1,2Z"
1959                                          transform="translate(4 16)"/>
1960                                </svg>
1961                                <input type="text" name="mobile" id="mobile" style="direction: ltr"/>
1962                                <svg class="mobile-arrow" xmlns="//www.w3.org/2000/svg" width="10" height="5.714"
1963                                     viewBox="0 0 10 5.714">
1964                                    <path id="Shape"
1965                                          d="M5,3.99,1.219.209a.714.714,0,0,0-1.01,1.01L4.495,5.505a.714.714,0,0,0,1.01,0L9.791,1.219A.714.714,0,0,0,8.781.209Z"
1966                                          transform="translate(0 0)"/>
1967                                </svg>
1968                            </div>
1969                            <div class="form-group password-input">
1970                                <svg xmlns="//www.w3.org/2000/svg" width="16" height="17.6" viewBox="0 0 16 17.6">
1971                                    <path id="Combined_Shape" data-name="Combined Shape"
1972                                          d="M2.4,17.6A2.4,2.4,0,0,1,0,15.2V9.6A2.4,2.4,0,0,1,2.4,7.2h.8V4.8a4.8,4.8,0,1,1,9.6,0V7.2h.8A2.4,2.4,0,0,1,16,9.6v5.6a2.4,2.4,0,0,1-2.4,2.4Zm-.8-8v5.6a.8.8,0,0,0,.8.8H13.6a.8.8,0,0,0,.8-.8V9.6a.8.8,0,0,0-.8-.8H2.4A.8.8,0,0,0,1.6,9.6Zm9.6-2.4V4.8a3.2,3.2,0,0,0-6.4,0V7.2Z"/>
1973                                </svg>
1974                                <input type="password" name="password" placeholder="كلمة المرور"/>
1975                                <a href="javascript:;" class="show-pass">
1976                                    <svg id="Combined_Shape" data-name="Combined Shape" xmlns="//www.w3.org/2000/svg"
1977                                         width="16"
1978                                         height="12.001" viewBox="0 0 16 12.001">
1979                                        <path id="Combined_Shape-2" data-name="Combined Shape"
1980                                              d="M8,12A8.036,8.036,0,0,1,2.1,9.123,13.694,13.694,0,0,1,.6,7.2,10,10,0,0,1,.07,6.3a.672.672,0,0,1,0-.6,10,10,0,0,1,.526-.9A13.694,13.694,0,0,1,2.1,2.878,8.036,8.036,0,0,1,8,0a8.038,8.038,0,0,1,5.9,2.878,13.694,13.694,0,0,1,1.5,1.927,10,10,0,0,1,.526.9.668.668,0,0,1,0,.6,10,10,0,0,1-.526.9,13.694,13.694,0,0,1-1.5,1.927A8.038,8.038,0,0,1,8,12ZM8,1.333a6.766,6.766,0,0,0-4.93,2.456A12.358,12.358,0,0,0,1.716,5.529c-.108.167-.2.326-.289.472.081.142.178.3.289.472A12.358,12.358,0,0,0,3.069,8.211,6.766,6.766,0,0,0,8,10.667a6.766,6.766,0,0,0,4.931-2.456,12.29,12.29,0,0,0,1.353-1.739c.107-.166.2-.325.289-.472-.086-.148-.183-.307-.289-.472a12.29,12.29,0,0,0-1.353-1.739A6.766,6.766,0,0,0,8,1.333ZM8,8.667A2.667,2.667,0,1,1,10.667,6,2.67,2.67,0,0,1,8,8.667Zm0-4A1.333,1.333,0,1,0,9.334,6,1.335,1.335,0,0,0,8,4.667Z"
1981                                              transform="translate(0)"/>
1982                                    </svg>
1983                                </a>
1984                            </div>
1985                            
1986                            
1987                            
1988                            
1989                            
1990                            
1991                            
1992                            
1993                            
1994                            
1995                            
1996                            
1997                            
1998                            
1999                            
2000                            
2001                            
2002                            
2003                            
2004                            
2005                            
2006                            
2007                            
2008                            
2009                            
2010                            
2011                            
2012                            
2013                            
2014                            
2015                            
2016                            
2017                            
2018                            
2019                            
2020                            
2021                            <div class="form-footer">
2022                                <div class="other-action">
2023                                    <a href="javascript:;" class="login-action">تسجيل دخول</a>
2024                                </div>
2025                                <div class="form-submit">
2026                                    <button type="submit" class="button submit-button">تسجيل</button>
2027                                </div>
2028                            </div>
2029                            <div class="form-condition">بالتسجيل ، أنت توافق على                                <a href="https://mansoooj.com/front/policy">شروط وأحكام الإستخدام وسياسة الخصوصية</a></div>
2030                        </form>
2031                    </div>
2032                </div>
2033            </div>
2034        </div>
2035    </div>
2036    <style>
2037    .iti input, .iti input[type=tel], .iti input[type=text] {
2038        direction: ltr;
2039        padding-left: 63px !important;
2040    }
2041
2042    .iti--separate-dial-code .iti__selected-dial-code {
2043        direction: ltr;
2044    }
2045
2046
2047    .iti--separate-dial-code .iti__selected-dial-code:after {
2048        content: " ";
2049        background: #b9bdc3;
2050        height: 18px;
2051        width: 1px;
2052        position: absolute;
2053        right: -2px;
2054        top: 50%;
2055        transform: translateY(-50%);
2056
2057    }
2058
2059    .iti__flag {
2060        display: none !important;
2061        visibility: collapsed !important;
2062    }
2063
2064
2065</style>
2066<div class="modal-item modal fade" id="mobile_login" tabindex="-1" role="dialog"
2067     aria-labelledby="mobile-login-title" aria-hidden="true">
2068    <div class="modal-dialog modal-dialog-centered" role="document">
2069        <div class="modal-content">
2070            <div class="form-wrap wizard-wrap mobile-login-section">
2071
2072                <div class="form-logo-wrap">
2073                    <a href="https://mansoooj.com" class="form-logo">
2074                                                    <img
2075                                    src="https://etfi7gf6te7pcqlxvkng5vhnuu0uqwop.lambda-url.eu-north-1.on.aws/u/90b552e9fab7c84c049355bfb7c7fc5c2394f9c0/HLcGFdltiL8gDrU9o4aH.png?host=osarh.pro"
2076                                    alt="OSARH Pro"
2077                                    height="50"/>
2078
2079                                            </a>
2080                </div>
2081                <h2 class="form-title" id="mobile-login-title">
2082                    <span>تسجيل دخول</span>
2083
2084                </h2>
2085                <form data-notify="true" class="inner-page-form join-form ajax validate"
2086                      after-submit="afterMobileSent"
2087                      method="post"
2088                      action="https://mansoooj.com/mobile/login">
2089                    <input type="hidden" name="_token" value="0ijWaOJzwCDQOqlZQYaWSXTn0hZwWfvHlhxxnUOt" autocomplete="off">                    <input type="hidden" name="redirect" value="">
2090                    <div class="form-group">
2091                        <svg id="Component_64_1" data-name="Component 64 – 1" xmlns="http://www.w3.org/2000/svg"
2092                             width="16" height="22" viewBox="0 0 16 22">
2093                            <path id="Rectangle-path"
2094                                  d="M13,22H3a3,3,0,0,1-3-3V3A3,3,0,0,1,3,0H13a3,3,0,0,1,3,3V19A3,3,0,0,1,13,22ZM3,2A1,1,0,0,0,2,3V19a1,1,0,0,0,1,1H13a1,1,0,0,0,1-1V3a1,1,0,0,0-1-1Z"
2095                                  transform="translate(0 0)"></path>
2096                            <path id="Shape" d="M1,2H7A1,1,0,0,0,7,0H1A1,1,0,0,0,1,2Z"
2097                                  transform="translate(4 16)"></path>
2098                        </svg>
2099                        <input type="tel" name="mobile" class="input_with_icon" id="mobileLoginInput"
2100                               placeholder="xxx xxx xxx"
2101                               aria-label="pages.mobile_number"
2102                               autocomplete="tel"
2103                               style="direction: ltr"
2104                               required/>
2105                    </div>
2106                                                            <div class="form-footer">
2107                                                <div class="form-submit w-100">
2108                            <button type="submit" class="button submit-button w-100">دخول</button>
2109                        </div>
2110                    </div>
2111
2112                    <style>
2113
2114
2115    .auth-types-wrap {
2116        margin-top: 30px;
2117    }
2118
2119    .auth-types-wrap .sp {
2120        display: flex;
2121        align-items: center;
2122        justify-content: center;
2123        position: relative;
2124        margin-bottom: 16px;
2125        color: #393D48;
2126        font-weight: 700;
2127    }
2128
2129    .auth-types-wrap .sp:before {
2130        content: '';
2131        height: 1px;
2132        width: 100%;
2133        background: #E4EAF1;
2134        position: absolute;
2135        top: 50%;
2136        right: 0;
2137        left: 0;
2138    }
2139
2140    .auth-types-wrap .sp span {
2141        width: 90px;
2142        text-align: center;
2143        background: #fff;
2144        position: relative;
2145        z-index: 5;
2146    }
2147
2148    .auth-types-wrap .auth-item {
2149        display: flex;
2150        align-items: center;
2151        margin-bottom: 12px;
2152        height: 50px;
2153        padding: 0 24px;
2154        font-size: 13px;
2155        font-weight: 500;
2156        color: #393D48;
2157        transition: all 0.3s;
2158        border-radius: 50px;
2159        border: 1px solid #E4EAF1;
2160    }
2161
2162    .auth-types-wrap .auth-item svg {
2163        margin-right: auto;
2164        flex: 0 0 auto;
2165    }
2166
2167    .auth-types-wrap .auth-item:last-child {
2168        margin-bottom: 0;
2169    }
2170
2171    .auth-types-wrap .auth-item:hover {
2172        border-color: #d1d1d1;
2173    }
2174
2175    .form-title {
2176        margin: 30px 0 24px;
2177    }
2178
2179    .form-footer {
2180        margin-top: 16px;
2181    }
2182
2183</style>
2184
2185<div class="auth-types-wrap">
2186            <div class="sp"><span>أو</span></div>
2187        <a href="https://mansoooj.com/google" class="auth-item">
2188            <span>المواصلة بواسطة قوقل</span>
2189            <svg id="google_2_" data-name="google (2)" xmlns="http://www.w3.org/2000/svg" width="24" height="24"
2190                 viewBox="0 0 24 24">
2191                <path id="Path_1431" data-name="Path 1431"
2192                      d="M5.319,146.29l-.835,3.119-3.053.065a12.021,12.021,0,0,1-.088-11.205h0l2.718.5,1.191,2.7a7.162,7.162,0,0,0,.067,4.822Z"
2193                      transform="translate(0 -131.787)" fill="#fbbb00"></path>
2194                <path id="Path_1432" data-name="Path 1432"
2195                      d="M273.154,208.176a12,12,0,0,1-4.278,11.6h0l-3.424-.175-.485-3.025a7.152,7.152,0,0,0,3.077-3.652h-6.417v-4.747Z"
2196                      transform="translate(-249.364 -198.418)" fill="#518ef8"></path>
2197                <path id="Path_1433" data-name="Path 1433"
2198                      d="M48.591,316.263h0a12,12,0,0,1-18.082-3.671l3.889-3.183a7.137,7.137,0,0,0,10.284,3.654Z"
2199                      transform="translate(-29.079 -294.905)" fill="#28b446"></path>
2200                <path id="Path_1434" data-name="Path 1434"
2201                      d="M46.942,2.763,43.054,5.945a7.136,7.136,0,0,0-10.52,3.736l-3.909-3.2h0A12,12,0,0,1,46.942,2.763Z"
2202                      transform="translate(-27.282)" fill="#f14336"></path>
2203            </svg>
2204                    </a>
2205        
2206        
2207            <a href="#" class="auth-item email_login_type" id="email_login_type">
2208                <span>الدخول عبر البريد الالكتروني</span>
2209                <svg xmlns="//www.w3.org/2000/svg" width="16" height="13.091" viewBox="0 0 16 13.091">
2210                    <path id="Combined_Shape" data-name="Combined Shape" d="M2.182,13.091A2.184,2.184,0,0,1,0,10.909V2.189c0-.007,0-.014,0-.021A2.184,2.184,0,0,1,2.182,0H13.818A2.184,2.184,0,0,1,16,2.182v8.727a2.184,2.184,0,0,1-2.182,2.182Zm-.727-2.182a.728.728,0,0,0,.727.727H13.818a.728.728,0,0,0,.727-.727V3.579L8.417,7.868a.726.726,0,0,1-.834,0L1.454,3.579ZM8,6.385l6.469-4.528a.728.728,0,0,0-.651-.4H2.182a.728.728,0,0,0-.651.4Z" transform="translate(0)"></path>
2211                </svg>
2212            </a>
2213
2214        
2215        </div>
2216
2217                </form>
2218            </div>
2219        </div>
2220    </div>
2221</div>
2222
2223
2224<div class="modal-item modal fade" id="mobile_login_verify" tabindex="-1" role="dialog"
2225     aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
2226    <div class="modal-dialog modal-dialog-centered" role="document">
2227        <div class="modal-content">
2228            <div class="form-logo-wrap">
2229                <a href="https://mansoooj.com" class="form-logo">
2230                                            <img
2231                                src="https://etfi7gf6te7pcqlxvkng5vhnuu0uqwop.lambda-url.eu-north-1.on.aws/u/90b552e9fab7c84c049355bfb7c7fc5c2394f9c0/HLcGFdltiL8gDrU9o4aH.png?host=osarh.pro"
2232                                alt="OSARH Pro"
2233                                height="50"/>
2234
2235                                    </a>
2236            </div>
2237            <h2 class="form-title">
2238                <div class="social-login" style="position: inherit">
2239                    <a href="javascript:;" class="login-action-2">
2240                        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
2241                             width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
2242                            <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
2243                                <polygon points="0 0 24 0 24 24 0 24"/>
2244                                <rect fill="#000000" opacity="0.3"
2245                                      transform="translate(12.000000, 12.000000) rotate(-90.000000) translate(-12.000000, -12.000000) "
2246                                      x="11" y="5" width="2" height="14" rx="1"/>
2247                                <path d="M9.70710318,15.7071045 C9.31657888,16.0976288 8.68341391,16.0976288 8.29288961,15.7071045 C7.90236532,15.3165802 7.90236532,14.6834152 8.29288961,14.2928909 L14.2928896,8.29289093 C14.6714686,7.914312 15.281055,7.90106637 15.675721,8.26284357 L21.675721,13.7628436 C22.08284,14.136036 22.1103429,14.7686034 21.7371505,15.1757223 C21.3639581,15.5828413 20.7313908,15.6103443 20.3242718,15.2371519 L15.0300721,10.3841355 L9.70710318,15.7071045 Z"
2248                                      fill="#000000" fill-rule="nonzero"
2249                                      transform="translate(14.999999, 11.999997) scale(1, -1) rotate(90.000000) translate(-14.999999, -11.999997) "/>
2250                            </g>
2251                        </svg>
2252
2253                    </a>
2254                </div>
2255
2256                <span>تسجيل دخول</span>
2257
2258            </h2>
2259            <form data-notify="true" class="inner-page-form join-form validate ajax" method="post"
2260                  after-submit="afterMobileVerfied"
2261                  action="https://mansoooj.com/mobile/login/verify">
2262                <input type="hidden" name="_token" value="0ijWaOJzwCDQOqlZQYaWSXTn0hZwWfvHlhxxnUOt" autocomplete="off">                <input type="hidden" name="redirect" id="redirect_after_login" value="">
2263                <input type="hidden" name="_recaptcha" id="_recaptcha">
2264                <div class="form-group" style="display:none;">
2265                    <svg xmlns="//www.w3.org/2000/svg" width="16" height="13.091" viewBox="0 0 16 13.091">
2266                        <path id="Combined_Shape" data-name="Combined Shape"
2267                              d="M2.182,13.091A2.184,2.184,0,0,1,0,10.909V2.189c0-.007,0-.014,0-.021A2.184,2.184,0,0,1,2.182,0H13.818A2.184,2.184,0,0,1,16,2.182v8.727a2.184,2.184,0,0,1-2.182,2.182Zm-.727-2.182a.728.728,0,0,0,.727.727H13.818a.728.728,0,0,0,.727-.727V3.579L8.417,7.868a.726.726,0,0,1-.834,0L1.454,3.579ZM8,6.385l6.469-4.528a.728.728,0,0,0-.651-.4H2.182a.728.728,0,0,0-.651.4Z"
2268                              transform="translate(0)"/>
2269                    </svg>
2270                    <input type="hidden" class="input_with_icon" name="mobile" readonly
2271                           id="hidden_mobile"/>
2272                </div>
2273
2274
2275                <div class="form-group">
2276                    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
2277                         width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
2278                        <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
2279                            <rect x="0" y="0" width="24" height="24"/>
2280                            <path d="M17.2718029,8.68536757 C16.8932864,8.28319382 16.9124644,7.65031935 17.3146382,7.27180288 C17.7168119,6.89328641 18.3496864,6.91246442 18.7282029,7.31463817 L22.7282029,11.5646382 C23.0906029,11.9496882 23.0906029,12.5503176 22.7282029,12.9353676 L18.7282029,17.1853676 C18.3496864,17.5875413 17.7168119,17.6067193 17.3146382,17.2282029 C16.9124644,16.8496864 16.8932864,16.2168119 17.2718029,15.8146382 L20.6267538,12.2500029 L17.2718029,8.68536757 Z M6.72819712,8.6853647 L3.37324625,12.25 L6.72819712,15.8146353 C7.10671359,16.2168091 7.08753558,16.8496835 6.68536183,17.2282 C6.28318808,17.6067165 5.65031361,17.5875384 5.27179713,17.1853647 L1.27179713,12.9353647 C0.909397125,12.5503147 0.909397125,11.9496853 1.27179713,11.5646353 L5.27179713,7.3146353 C5.65031361,6.91246155 6.28318808,6.89328354 6.68536183,7.27180001 C7.08753558,7.65031648 7.10671359,8.28319095 6.72819712,8.6853647 Z"
2281                                  fill="#000000" fill-rule="nonzero"/>
2282                            <rect fill="#000000" opacity="0.3"
2283                                  transform="translate(12.000000, 12.000000) rotate(-345.000000) translate(-12.000000, -12.000000) "
2284                                  x="11" y="4" width="2" height="16" rx="1"/>
2285                        </g>
2286                    </svg>
2287                    <input class="input_with_icon" type="number" name="code" placeholder="رقم التأكيد" />
2288                </div>
2289
2290                <div class="form-footer">
2291                    <div class="other-action">
2292                        <div id="send-after-mobile">
2293                            <p>يمكنك طلب كود جديد بعد                                 <a class="action " id="mobile-code-resent-seconds"></a>
2294                            </p>
2295
2296                        </div>
2297                        <a
2298                                class="action " id="mobile-resent-verification" style="display: none;">
2299                            إعادة إرسال                        </a>
2300                    </div>
2301                    <div class="form-submit">
2302                        <button type="submit" onclick="$('#type_verification').val('verification')"
2303                                name="type" value="verification" class="button submit-button">تأكيد        </button>
2304                    </div>
2305                </div>
2306            </form>
2307        </div>
2308    </div>
2309</div>
2310
2311
2312
2313
2314
2315
2316
2317
2318
2319    <!-- Meta Pixel Code -->
2320    
2320<script>
2321
2322        !function(f,b,e,v,n,t,s)
2323        {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
2324            n.callMethod.apply(n,arguments):n.queue.push(arguments)};
2325            if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
2326            n.queue=[];t=b.createElement(e);t.async=!0;
2327            t.src='https://connect.facebook.net/en_US/fbevents.js';
2328            s=b.getElementsByTagName(e)[0];
2329            s.parentNode.insertBefore(t,s)}(window, document,'script');
2330                // Init once per page even if the tag is included more than once (partials + custom code).
2331        if (!window.__osarhMetaInit) {
2332            fbq('init', '453006352470118');
2333            fbq('track', 'PageView');
2334            window.__osarhMetaInit = true;
2335        }
2336
2337        if (typeof PAID_AMOUNT_FOR_APPS !== 'undefined' && PAID_AMOUNT_FOR_APPS > 0 && !window.metaPurchaseEventFired) {
2338            var metaPurchaseContentIds = (typeof ORDER_ITEMS != "undefined" && Array.isArray(ORDER_ITEMS) ? ORDER_ITEMS : []).map(function (item) { return String(item.id); });
2339            fbq('track', 'Purchase', {
2340                value: Number(PAID_AMOUNT_FOR_APPS) || 0,
2341                currency: 'SAR',
2342                content_type: 'product',
2343                content_ids: metaPurchaseContentIds,
2344                contents: metaPurchaseContentIds.map(function (id) { return { id: id, quantity: 1 }; })
2345            } ,  {eventID:"fadd345e-8d01-444b-aef8-d77c95e055da"});
2346            window.metaPurchaseEventFired = true;
2347        }
2348
2349    </script>
2349
2350    <noscript><img height="1" width="1" style="display:none"
2351                   src="https://www.facebook.com/tr?id=453006352470118&ev=PageView&noscript=1"
2352        /></noscript>
2353    <!-- End Meta Pixel Code -->
2354                                                            <!-- Twitter conversion tracking base code -->
2355<script>
2356    !function(e,t,n,s,u,a){e.twq||(s=e.twq=function(){s.exe?s.exe.apply(s,arguments):s.queue.push(arguments);
2357    },s.version='1.1',s.queue=[],u=t.createElement(n),u.async=!0,u.src='https://static.ads-twitter.com/uwt.js',
2358        a=t.getElementsByTagName(n)[0],a.parentNode.insertBefore(u,a))}(window,document,'script');
2359    twq('config','oekzp');
2360
2361    // Event IDs are minted per-conversion in X Ads > Events Manager; X has no named events.
2362    window.TWITTER_EVENT_IDS = {
2363        view_content: '',
2364        add_to_cart: '',
2365        purchase: ''
2366    };
2367
2368    if (TWITTER_EVENT_IDS.view_content && typeof VIEW_CONTENT_FOR_APPS != "undefined" && VIEW_CONTENT_FOR_APPS && !window.twitterViewContentEventFired) {
2369        twq('event', TWITTER_EVENT_IDS.view_content, {
2370            value: VIEW_CONTENT_FOR_APPS.value,
2371            currency: VIEW_CONTENT_FOR_APPS.currency || 'SAR',
2372            contents: [{
2373                content_id: VIEW_CONTENT_FOR_APPS.content_id,
2374                content_type: VIEW_CONTENT_FOR_APPS.content_type || 'product',
2375                content_name: VIEW_CONTENT_FOR_APPS.content_name,
2376                content_price: VIEW_CONTENT_FOR_APPS.value,
2377                num_items: 1
2378            }]
2379        });
2380        window.twitterViewContentEventFired = true;
2381    }
2382
2383    if (TWITTER_EVENT_IDS.purchase && typeof PAID_AMOUNT_FOR_APPS != "undefined" && PAID_AMOUNT_FOR_APPS > 0 && !window.twitterPurchaseEventFired) {
2384        var twitterPurchaseContents = (typeof ORDER_ITEMS != "undefined" && Array.isArray(ORDER_ITEMS) ? ORDER_ITEMS : []).map(function (item) {
2385            return {
2386                content_id: String(item.id),
2387                content_type: 'product',
2388                content_name: item.name || item.title || '',
2389                num_items: 1
2390            };
2391        });
2392        twq('event', TWITTER_EVENT_IDS.purchase, {
2393            value: PAID_AMOUNT_FOR_APPS,
2394            currency: 'SAR',
2395            contents: twitterPurchaseContents
2396        });
2397        window.twitterPurchaseEventFired = true;
2398    }
2399</script>
2399
2400<!-- End Twitter conversion tracking base code -->                                                                                            
2400<script>
2401    !function (w, d, t) {
2402        w.TiktokAnalyticsObject=t;var ttq=w[t]=w[t]||[];ttq.methods=["page","track","identify","instances","debug","on","off","once","ready","alias","group","enableCookie","disableCookie"],ttq.setAndDefer=function(t,e){t[e]=function(){t.push([e].concat(Array.prototype.slice.call(arguments,0)))}};for(var i=0;i<ttq.methods.length;i++)ttq.setAndDefer(ttq,ttq.methods[i]);ttq.instance=function(t){for(var e=ttq._i[t]||[],n=0;n<ttq.methods.length;n++
2403        )ttq.setAndDefer(e,ttq.methods[n]);return e},ttq.load=function(e,n){var i="https://analytics.tiktok.com/i18n/pixel/events.js";ttq._i=ttq._i||{},ttq._i[e]=[],ttq._i[e]._u=i,ttq._t=ttq._t||{},ttq._t[e]=+new Date,ttq._o=ttq._o||{},ttq._o[e]=n||{};n=document.createElement("script");n.type="text/javascript",n.async=!0,n.src=i+"?sdkid="+e+"&lib="+t;e=document.getElementsByTagName("script")[0];e.parentNode.insertBefore(n,e)};
2404
2405        // Load and page-view once per page even if the tag is included more
2406        // than once (a partial plus a tenant's own custom code).
2407        if (!window.__osarhTiktokInit) {
2408            ttq.load('CTAMVABC77U9L9BMQDIG');
2409
2410            
2411            ttq.page();
2412            window.__osarhTiktokInit = true;
2413        }
2414
2415        // Each event carries the same event_id its server-side copy was sent
2416        // with, so TikTok collapses the pair into one conversion.
2417        (function () {
2418            var events = [];
2419            window.__osarhTiktokFired = window.__osarhTiktokFired || {};
2420
2421            for (var i = 0; i < events.length; i++) {
2422                var event = events[i];
2423                if (!event || !event.name || !event.event_id) { continue; }
2424                if (window.__osarhTiktokFired[event.event_id]) { continue; }
2425
2426                window.__osarhTiktokFired[event.event_id] = true;
2427                ttq.track(event.name, event.properties || {}, { event_id: event.event_id });
2428            }
2429        })();
2430    }(window, document, 'ttq');
2431</script>
2431
2432                                                                                    
2433    
2434    
2434<script src="//cdn.jsdelivr.net/npm/sweetalert2@11"></script>
2434
2435
2436      
2437    
2437<script type="text/javascript" src="https://mansoooj.com/assets/front/js/bundle.js?_MTkzMw=="></script>
2437
2438    
2439    
2439<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.1/moment.min.js"
2440            integrity="sha512-qTXRIMyZIFb8iQcfjXWCO8+M5Tbc38Qi5WzdPOYZHIlZpzBHG3L3by84BBBOiRGiEb7KKtAOAs5qYdUiZiQNNQ=="
2441            crossorigin="anonymous" defer></script>
2441
2442    
2442<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.1/locale/ar-ma.min.js"
2443            integrity="sha512-Glvs0pb0gOuRsm8G8sq/d9lMck/y2StUfKAHVWj024Br8JZU/bGDKJQ/OBWruV4HwK/9lpyHug/v8tr7SkGWoQ=="
2444            crossorigin="anonymous" defer></script>
2444
2445            
2445<script src="https://player.vimeo.com/api/player.js" defer></script>
2445
2446        
2446<script>
2447        var _recaptcha_site_key = '6LenMdgeAAAAAAk0_PqbPhZqp88d68LfYbyykzYw';
2448    </script>
2448
2449    
2449<script src="https://mansoooj.com/assets/front/js/storefront-cart.js?v=1789003082"
2450            data-error="تعذرت الإضافة إلى السلة. حاول مرة أخرى." defer></script>
2450
2451    
2452        
2452<script>
2453            var user_digital_products_url = 'https://mansoooj.com/user/profile/digital-products';
2454            var user_paths_url = 'https://mansoooj.com/user/profile/paths';
2455
2456        </script>
2456
2457
2458        
2458<script type="text/javascript" src="https://mansoooj.com/assets/front/js/script.js?_MTkzMw==_1791594203"></script>
2458
2459        
2460    
2460<script>
2461        $(document).on('click', '.login', function (e) {
2462            e.preventDefault();
2463            if (!is_login) {
2464                                $('#register-login').modal('show');
2465                $('.mobile-menu').removeClass('active');
2466                            }
2467            return false;
2468        });
2469
2470        var site_url = 'https://mansoooj.com';
2471        var is_login = 0;
2472                
2473        if ($('#completeUserName').length) {
2474            $('#completeUserName').modal('show')
2475        }
2476
2477        /*
2478         * The Theme Builder renders the canonical login form to a protected HTML
2479         * fragment before the storefront layout is rendered. Blade push stacks
2480         * from that fragment do not survive into the outer view, so these global
2481         * callbacks are also registered in the shared footer runtime.
2482         */
2483        var emailPattern = /^[a-zA-Z0-9._%+\-]+@[a-zA-Z0-9.\-]+\.[a-zA-Z]{2,}$/;
2484        var otpCountdownTimer;
2485        var otpTargetEmail = '';
2486        var user_exist;
2487
2488        function validateLoginEmail(input) {
2489            var value = input.value;
2490            var message = input.parentElement.querySelector('.invalid-email-msg');
2491            var invalid = value.length > 0 && !emailPattern.test(value);
2492
2493            input.setCustomValidity(invalid ? ' ' : '');
2494            if (message) {
2495                message.style.display = invalid ? 'block' : 'none';
2496            }
2497        }
2498
2499        function handleCheckEmail(form, response) {
2500            if (response.step === 'autologin' || (response.status && response.redirect_url && !response.show_verification_code)) {
2501                window.location.assign(response.redirect_url || "https:\/\/mansoooj.com\/user\/profile");
2502                return;
2503            }
2504
2505            if (response.step === 'password') {
2506                var email = $('#login-email-input').val();
2507                $('#login-step-email').hide();
2508                $('#login-step-password').show();
2509                $('#login-password-email-hidden').val(email);
2510                $('#login-email-display').text(email);
2511                return;
2512            }
2513
2514            if (response.step === 'set_password_link_sent') {
2515                $('#set_password_target_email').text(response.email);
2516                $('.login-section').hide();
2517                $('.set-password-link-section').show();
2518                return;
2519            }
2520
2521            if (response.require_national_id || response.show_verification_code) {
2522                afterLogin(form, response);
2523                return;
2524            }
2525
2526            if (!response.status) {
2527                toastMessage('error', response.msg);
2528            }
2529        }
2530
2531        function showLoginEmailStep() {
2532            $('#login-step-national-id-password').hide();
2533            $('#login-step-password').hide();
2534            $('#login-step-email').show();
2535        }
2536
2537        function showNationalIdPasswordStep() {
2538            $('#login-step-email').hide();
2539            $('#login-step-password').hide();
2540            $('#login-step-national-id-password').show();
2541        }
2542
2543        function togglePasswordVisibility() {
2544            var field = document.getElementById('login_password_field');
2545            if (!field) {
2546                return;
2547            }
2548
2549            var passwordVisible = field.type === 'password';
2550            field.type = passwordVisible ? 'text' : 'password';
2551            $('#eye_icon_show, #eye_label_show').toggle(!passwordVisible);
2552            $('#eye_icon_hide, #eye_label_hide').toggle(passwordVisible);
2553        }
2554
2555        function showLoginSection() {
2556            $('.email-otp-section, .set-password-link-section, .national-section, .verification-section').hide();
2557            $('.login-section, #login-step-email').show();
2558            $('#login-step-national-id-password, #login-step-password').hide();
2559            clearInterval(otpCountdownTimer);
2560        }
2561
2562        function startOtpCountdown(duration) {
2563            var remaining = duration;
2564            $('#otp_countdown').text(remaining);
2565            $('#otp-resend-timer').show();
2566            $('#otp-resend-btn').hide();
2567            clearInterval(otpCountdownTimer);
2568
2569            otpCountdownTimer = setInterval(function () {
2570                remaining--;
2571                $('#otp_countdown').text(remaining);
2572                if (remaining <= 0) {
2573                    clearInterval(otpCountdownTimer);
2574                    $('#otp-resend-timer').hide();
2575                    $('#otp-resend-btn').show();
2576                }
2577            }, 1000);
2578        }
2579
2580        function showEmailOtpSection(email) {
2581            otpTargetEmail = email;
2582            $('#otp_target_email').text(email);
2583            $('#otp_email_hidden').val(email);
2584            $('.login-section').hide();
2585            $('.email-otp-section').show();
2586            startOtpCountdown(60);
2587        }
2588
2589        function resendEmailOtp() {
2590            $.ajax({
2591                type: 'POST',
2592                url: 'https://mansoooj.com/user/email/send-otp',
2593                data: {_token: '0ijWaOJzwCDQOqlZQYaWSXTn0hZwWfvHlhxxnUOt', email: otpTargetEmail},
2594                success: function (response) {
2595                    toastMessage(response.status ? 'success' : 'error', response.msg);
2596                    if (response.status) {
2597                        startOtpCountdown(60);
2598                    }
2599                }
2600            });
2601        }
2602
2603        function afterEmailOtpVerified(form, response) {
2604            if (!response.status) {
2605                return;
2606            }
2607
2608            toastMessage('success', response.msg);
2609            setTimeout(function () {
2610                window.location.href = response.redirect_url;
2611            }, 1500);
2612        }
2613
2614        function afterPasswordLogin(form, response) {
2615            if (response.verify_email) {
2616                showEmailOtpSection(response.email);
2617                toastMessage('warning', response.msg);
2618                return;
2619            }
2620
2621            if (response.step === 'set_password_link_sent') {
2622                $('#set_password_target_email').text(response.email);
2623                $('.login-section').hide();
2624                $('.set-password-link-section').show();
2625                toastMessage('success', response.msg);
2626                return;
2627            }
2628
2629            if (!response.status) {
2630                toastMessage('error', response.msg);
2631                if (response.redirect_url) {
2632                    setTimeout(function () {
2633                        window.location.href = response.redirect_url;
2634                    }, 2000);
2635                }
2636                return;
2637            }
2638
2639            setTimeout(function () {
2640                if (response.redirect_url) {
2641                    window.location.href = response.redirect_url;
2642                } else {
2643                    window.location.reload();
2644                }
2645            }, response.redirect_url ? 1500 : 1000);
2646        }
2647
2648
2649        function afterVerfied(form, response) {
2650            if (response.show_verification_code) {
2651                afterLogin(form, response);
2652            } else {
2653                $('#register-login').modal('hide');
2654                // toastMessage('success', "تم تسجيل الدخول بنجاح")
2655                console.log(response);
2656                setTimeout(function () {
2657                    if(response.redirect_url){
2658                        window.location.href=response.redirect_url;
2659                    }else{
2660                        window.location.reload();
2661                    }
2662                }, 1000);
2663            }
2664        }
2665
2666        var seconds = 45;
2667        var resetTimer;
2668
2669        function afterLogin(form, response) {
2670            user_exist = response.user_exist;
2671            if (response.require_national_id) {
2672                $('.login-section').hide();
2673                $('#readonly_email').val(response.email);
2674                $('#email_readonly_label').text(response.email);
2675                $('.national-section').show();
2676            } else if (response.show_verification_code) {
2677                // toastMessage('success', response.msg)
2678                $('.login-section').hide();
2679                $('#hidden_email').val(response.email);
2680                $('#email_label').text(response.email);
2681                $('.verification-section').show();
2682                seconds = parseInt(response.login_otp_lifetime)?parseInt(response.login_otp_lifetime):30;
2683                $('#send-after').show();
2684                $('#resent-verification').hide();
2685                // $('#resent-verification').attr('class','secondary-btn');
2686                $('#resent-verification').attr('disabled', true);
2687
2688                resetTimer = setInterval(function () {
2689                    seconds--;
2690                    $('#resent-verification-seconds').text(seconds);
2691                    if (!seconds) {
2692                        clearInterval(resetTimer);
2693
2694                        $('#send-after').hide();
2695                        $('#resent-verification').show();
2696                        // $('#resent-verification').attr('class','button  header-link register');
2697                        $('#resent-verification').attr('disabled', false);
2698
2699                    }
2700                }, 1000);
2701            } else {
2702                setTimeout(function () {
2703                    if (response.redirect_url) {
2704                        window.location.href = response.redirect_url;
2705                    } else {
2706                        window.location.reload();
2707                    }
2708                }, 1000);
2709                toastMessage(response.status ? 'success' : 'error', response.msg);
2710            }
2711        }
2712
2713        if (window.location.hash == '#login'||0) {
2714            $('#register-login').modal('show');
2715        }
2716
2717
2718    </script>
2718
2719<style>
2720    .float {
2721      position: fixed;
2722      width: 56px;
2723      height: 56px;
2724      bottom: 30px;
2725      right: 40px;
2726      background-color: #25d366;
2727      color: #fff;
2728      border-radius: 50px;
2729      text-align: center;
2730      font-size: 30px;
2731      z-index: 100;
2732      padding: 0;
2733      display: flex;
2734      align-items: center;
2735      justify-content: center;
2736    }
2737    .float img {
2738      width: 28px;
2739      margin: 0;
2740      vertical-align: unset;
2741      padding: 0;
2742    }
2743    @media (max-width: 480px) {
2744      .float {
2745        bottom: 20px;
2746        right: 20px;
2747        transition-duration: 1s;
2748      }
2749      .float_up_50 .float {
2750        bottom: 75px;
2751      }
2752    }
2753  </style>
2754  <a href="https://api.whatsapp.com/send?phone=966533827893&text="
2755     class="float d-flex align-items-center justify-content-center" target="_blank"
2756     aria-label="تواصل عبر واتساب">
2757    <img src="https://mansoooj.com/assets/front/images/whatsapp.svg" alt="">
2758  </a>
2759    
2759<script type="text/javascript" src="https://mansoooj.com/front/js/jquery.datetimepicker.full.js"></script>
2759
2760        
2760<script src="https://checkout.tabby.ai/tabby-promo.js" type="text/javascript"></script>
2760
2761
2762    
2763    
2764    
2764<script>
2765    if($('#tabbyPromo').length)
2766        new TabbyPromo({
2767            selector: '#tabbyPromo',
2768            currency: 'SAR',
2769            price: '0.00',
2770            lang: 'ar',
2771            source: 'cart',
2772            shouldInheritBg: false,
2773            publicKey: "pk_46b54cfd-8dd7-42a6-8a93-faa0792b1480",
2774            merchantCode: "mansooojsau"
2775        });
2776        $(document).on('click', '.consult-date[readonly="readonly"]', function () {
2777            swal('نأسف، لا توجد مواعيد متوفرة');
2778        });
2779        /*$('.go-checout').on('click', function () {
2780            if ($('.consult-date').filter(function () {
2781                return this.value == "";
2782            }).length) {
2783                swal('يرجى تحديد المواعيد!')
2784                return false;
2785            }
2786        });*/
2787        $('.consult-date').each(function () {
2788            var $this = $(this);
2789            $.ajax({
2790                type: "GET",
2791                success: function (data) {
2792                    if (Object.keys(data).length) {
2793                        $this.datetimepicker({
2794                            dayOfWeekStart: 6,
2795                            format: 'Y/m/d',
2796                            timepicker: false,
2797                            scrollInput: false,
2798                            rtl: true,
2799                            lang: 'ar',
2800                            todayButton: false,
2801                            defaultSelect: false,
2802                            allowDates: Object.keys(data),
2803                            onChangeDateTime: function (dp, $input) {
2804                                var $time_input = $this.closest('.cart-cons-inputs-wrap').find('.consult-time');
2805                                $time_input.find('option').remove();
2806                                $.each(data[$input.val()], function (key, value) {
2807                                    $time_input.append($("<option></option>")
2808                                        .attr("value", value)
2809                                        .text(value));
2810                                });
2811                            },
2812                        });
2813                    } else {
2814                        $this.attr('readonly', true);
2815                    }
2816                },
2817                url: 'https://mansoooj.com/consult/avilable/' + $this.attr('data-id'),
2818                dataType: 'JSON'
2819            });
2820        })
2821    </script>
2821
2822    
2822<script>
2823        
2824        function changePricePeriod(obj) {
2825            window.location.href = $(obj).data('redirect') + "/" + $(obj).val()
2826        }
2827
2828        // Cart Quantity Management Functions
2829        function updateCartQuantity(type, cartItemId, baseProductId, delta) {
2830            const inputId = `cartQuantity_${cartItemId}`;
2831            const quantityInput = document.getElementById(inputId);
2832            if (!quantityInput) return;
2833
2834            const currentValue = parseInt(quantityInput.value) || 1;
2835            const newValue = Math.max(1, currentValue + delta);
2836            const maxValue = parseInt(quantityInput.getAttribute('max')) || 999;
2837
2838            const finalValue = Math.min(newValue, maxValue);
2839
2840            if (finalValue !== currentValue) {
2841                updateCartQuantityDirect(type, cartItemId, baseProductId, finalValue);
2842            }
2843        }
2844
2845        function updateCartQuantityDirect(type, cartItemId, baseProductId, quantity) {
2846            const inputId = `cartQuantity_${cartItemId}`;
2847            const quantityInput = document.getElementById(inputId);
2848            const quantityControls = quantityInput?.closest('.cart-quantity-controls');
2849
2850            if (!quantityInput || !quantityControls) return;
2851
2852            // Validate quantity
2853            const minQuantity = parseInt(quantityInput.getAttribute('min')) || 1;
2854            const maxQuantity = parseInt(quantityInput.getAttribute('max')) || 999;
2855            const validQuantity = Math.max(minQuantity, Math.min(maxQuantity, parseInt(quantity) || 1));
2856
2857            // Show loading state
2858            quantityControls.classList.add('cart-quantity-loading');
2859
2860            // Remove any existing messages
2861            const existingMessage = quantityControls.querySelector('.cart-quantity-error, .cart-quantity-success');
2862            if (existingMessage) {
2863                existingMessage.remove();
2864            }
2865
2866            // Update quantity via AJAX
2867            $.ajax({
2868                url: `/user/cart/${type}/update_cart_quantity`,
2869                method: 'POST',
2870                data: {
2871                    _token: '0ijWaOJzwCDQOqlZQYaWSXTn0hZwWfvHlhxxnUOt',
2872                    product_id: baseProductId,
2873                    cart_item_id: cartItemId,
2874                    quantity: validQuantity
2875                },
2876                success: function(response) {
2877                    if (response.success) {
2878                        // Update the input value
2879                        quantityInput.value = validQuantity;
2880
2881                        // Update quantity info
2882                        const quantityInfo = quantityControls.querySelector('.quantity-info-cart small');
2883                        if (quantityInfo) {
2884                            const availableText = quantityInfo.textContent.includes('|') ?
2885                                quantityInfo.textContent.split('|')[1] : '';
2886                            quantityInfo.textContent = `pages.quantity: ${validQuantity}${availableText ? ' |' + availableText : ''}`;
2887                        }
2888
2889                        // Update item prices in real-time
2890                        if (response.item_prices) {
2891                            // Find the cart item row for this product
2892                            const cartItemRow = quantityInput.closest('tr') || quantityInput.closest('.cart-item');
2893
2894                            if (cartItemRow) {
2895                                // Update unit price if displayed
2896                                const unitPriceElement = cartItemRow.querySelector('.unit-price, .item-price');
2897                                if (unitPriceElement) {
2898                                    unitPriceElement.textContent = response.item_prices.unit_price + ' ';
2899                                }
2900
2901                                // Update subtotal
2902                                const subtotalElement = cartItemRow.querySelector('.item-subtotal, .subtotal');
2903                                if (subtotalElement) {
2904                                    subtotalElement.textContent = response.item_prices.subtotal + ' ';
2905                                }
2906
2907                                // Update item total
2908                                const totalElement = cartItemRow.querySelector('.item-total, .total');
2909                                if (totalElement) {
2910                                    totalElement.textContent = response.item_prices.total + ' ';
2911                                }
2912                            }
2913                        }
2914
2915                        // Update cart totals in real-time
2916                        if (response.cart_totals) {
2917                            console.log('Received cart totals:', response.cart_totals);
2918
2919                            // Update cart subtotal (find by text content)
2920                            const cartSubtotalItems = document.querySelectorAll('.cart-subtotal-item');
2921                            console.log('Found cart subtotal items:', cartSubtotalItems.length);
2922
2923                            cartSubtotalItems.forEach((item, index) => {
2924                                const textSpan = item.querySelector('.text');
2925                                const valueSpan = item.querySelector('.value');
2926
2927                                if (textSpan && valueSpan) {
2928                                    const textContent = textSpan.textContent.toLowerCase();
2929                                    console.log(`Item ${index} text:`, textContent);
2930
2931                                    // Update subtotal (look for "sum" or similar text)
2932                                    if (textContent.includes('sum') || textContent.includes('مجموع') || textContent.includes('subtotal')) {
2933                                        console.log('Updating subtotal to:', response.cart_totals.subtotal);
2934                                        valueSpan.innerHTML = response.cart_totals.subtotal + ` <?xml version="1.0" encoding="UTF-8"?>
2935<!--
2936  Saudi Riyal symbol geometry from:
2937  https://github.com/abdulrysrr/new-saudi-riyal-symbol
2938  Copyright (c) 2025 Abdul Rehman Yaser, MIT License.
2939  Fill adapted to currentColor so the symbol follows the surrounding UI theme.
2940-->
2941<svg class="symbol" id="Layer_1" data-name="Layer 1" style="max-height: 20px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1124.14 1256.39">
2942  <defs>
2943    <style>
2944      .cls-1 {
2945        fill: currentColor;
2946      }
2947    </style>
2948  </defs>
2949  <path class="cls-1" d="M699.62,1113.02h0c-20.06,44.48-33.32,92.75-38.4,143.37l424.51-90.24c20.06-44.47,33.31-92.75,38.4-143.37l-424.51,90.24Z"/>
2950  <path class="cls-1" d="M1085.73,895.8c20.06-44.47,33.32-92.75,38.4-143.37l-330.68,70.33v-135.2l292.27-62.11c20.06-44.47,33.32-92.75,38.4-143.37l-330.68,70.27V66.13c-50.67,28.45-95.67,66.32-132.25,110.99v403.35l-132.25,28.11V0c-50.67,28.44-95.67,66.32-132.25,110.99v525.69l-295.91,62.88c-20.06,44.47-33.33,92.75-38.42,143.37l334.33-71.05v170.26l-358.3,76.14c-20.06,44.47-33.32,92.75-38.4,143.37l375.04-79.7c30.53-6.35,56.77-24.4,73.83-49.24l68.78-101.97v-.02c7.14-10.55,11.3-23.27,11.3-36.97v-149.98l132.25-28.11v270.4l424.53-90.28Z"/>
2951</svg>
2952`;
2953                                    }
2954
2955                                    // Update tax (look for "tax" or similar text)
2956                                    if (textContent.includes('tax') || textContent.includes('ضريبة') || textContent.includes('vat')) {
2957                                        console.log('Updating tax to:', response.cart_totals.tax);
2958                                        valueSpan.innerHTML = response.cart_totals.tax + ` <?xml version="1.0" encoding="UTF-8"?>
2959<!--
2960  Saudi Riyal symbol geometry from:
2961  https://github.com/abdulrysrr/new-saudi-riyal-symbol
2962  Copyright (c) 2025 Abdul Rehman Yaser, MIT License.
2963  Fill adapted to currentColor so the symbol follows the surrounding UI theme.
2964-->
2965<svg class="symbol" id="Layer_1" data-name="Layer 1" style="max-height: 20px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1124.14 1256.39">
2966  <defs>
2967    <style>
2968      .cls-1 {
2969        fill: currentColor;
2970      }
2971    </style>
2972  </defs>
2973  <path class="cls-1" d="M699.62,1113.02h0c-20.06,44.48-33.32,92.75-38.4,143.37l424.51-90.24c20.06-44.47,33.31-92.75,38.4-143.37l-424.51,90.24Z"/>
2974  <path class="cls-1" d="M1085.73,895.8c20.06-44.47,33.32-92.75,38.4-143.37l-330.68,70.33v-135.2l292.27-62.11c20.06-44.47,33.32-92.75,38.4-143.37l-330.68,70.27V66.13c-50.67,28.45-95.67,66.32-132.25,110.99v403.35l-132.25,28.11V0c-50.67,28.44-95.67,66.32-132.25,110.99v525.69l-295.91,62.88c-20.06,44.47-33.33,92.75-38.42,143.37l334.33-71.05v170.26l-358.3,76.14c-20.06,44.47-33.32,92.75-38.4,143.37l375.04-79.7c30.53-6.35,56.77-24.4,73.83-49.24l68.78-101.97v-.02c7.14-10.55,11.3-23.27,11.3-36.97v-149.98l132.25-28.11v270.4l424.53-90.28Z"/>
2975</svg>
2976`;
2977                                    }
2978                                }
2979                            });
2980
2981                            // Update cart total (find by class "total")
2982                            const cartTotalElement = document.querySelector('.cart-subtotal-item.total .value');
2983                            console.log('Found total element:', cartTotalElement);
2984
2985                            if (cartTotalElement) {
2986                                console.log('Updating total to:', response.cart_totals.total);
2987                                cartTotalElement.innerHTML = response.cart_totals.total + ` <?xml version="1.0" encoding="UTF-8"?>
2988<!--
2989  Saudi Riyal symbol geometry from:
2990  https://github.com/abdulrysrr/new-saudi-riyal-symbol
2991  Copyright (c) 2025 Abdul Rehman Yaser, MIT License.
2992  Fill adapted to currentColor so the symbol follows the surrounding UI theme.
2993-->
2994<svg class="symbol" id="Layer_1" data-name="Layer 1" style="max-height: 20px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1124.14 1256.39">
2995  <defs>
2996    <style>
2997      .cls-1 {
2998        fill: currentColor;
2999      }
3000    </style>
3001  </defs>
3002  <path class="cls-1" d="M699.62,1113.02h0c-20.06,44.48-33.32,92.75-38.4,143.37l424.51-90.24c20.06-44.47,33.31-92.75,38.4-143.37l-424.51,90.24Z"/>
3003  <path class="cls-1" d="M1085.73,895.8c20.06-44.47,33.32-92.75,38.4-143.37l-330.68,70.33v-135.2l292.27-62.11c20.06-44.47,33.32-92.75,38.4-143.37l-330.68,70.27V66.13c-50.67,28.45-95.67,66.32-132.25,110.99v403.35l-132.25,28.11V0c-50.67,28.44-95.
300367,66.32-132.25,110.99v525.69l-295.91,62.88c-20.06,44.47-33.33,92.75-38.42,143.37l334.33-71.05v170.26l-358.3,76.14c-20.06,44.47-33.32,92.75-38.4,143.37l375.04-79.7c30.53-6.35,56.77-24.4,73.83-49.24l68.78-101.97v-.02c7.14-10.55,11.3-23.27,11.3-36.97v-149.98l132.25-28.11v270.4l424.53-90.28Z"/>
3004</svg>
3005`;
3006                            }
3007
3008                            // Alternative approach: try to find elements by their current values and update them
3009                            if (!cartTotalElement) {
3010                                console.log('Total element not found, trying alternative approach...');
3011                                const allValueElements = document.querySelectorAll('.cart-subtotal-item .value');
3012                                console.log('All value elements:', allValueElements.length);
3013
3014                                // Find the last value element which is usually the total
3015                                if (allValueElements.length > 0) {
3016                                    const lastValueElement = allValueElements[allValueElements.length - 1];
3017                                    console.log('Updating last value element (assumed total):', lastValueElement);
3018                                    lastValueElement.textContent = response.cart_totals.total + ` <?xml version="1.0" encoding="UTF-8"?>
3019<!--
3020  Saudi Riyal symbol geometry from:
3021  https://github.com/abdulrysrr/new-saudi-riyal-symbol
3022  Copyright (c) 2025 Abdul Rehman Yaser, MIT License.
3023  Fill adapted to currentColor so the symbol follows the surrounding UI theme.
3024-->
3025<svg class="symbol" id="Layer_1" data-name="Layer 1" style="max-height: 20px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1124.14 1256.39">
3026  <defs>
3027    <style>
3028      .cls-1 {
3029        fill: currentColor;
3030      }
3031    </style>
3032  </defs>
3033  <path class="cls-1" d="M699.62,1113.02h0c-20.06,44.48-33.32,92.75-38.4,143.37l424.51-90.24c20.06-44.47,33.31-92.75,38.4-143.37l-424.51,90.24Z"/>
3034  <path class="cls-1" d="M1085.73,895.8c20.06-44.47,33.32-92.75,38.4-143.37l-330.68,70.33v-135.2l292.27-62.11c20.06-44.47,33.32-92.75,38.4-143.37l-330.68,70.27V66.13c-50.67,28.45-95.67,66.32-132.25,110.99v403.35l-132.25,28.11V0c-50.67,28.44-95.67,66.32-132.25,110.99v525.69l-295.91,62.88c-20.06,44.47-33.33,92.75-38.42,143.37l334.33-71.05v170.26l-358.3,76.14c-20.06,44.47-33.32,92.75-38.4,143.37l375.04-79.7c30.53-6.35,56.77-24.4,73.83-49.24l68.78-101.97v-.02c7.14-10.55,11.3-23.27,11.3-36.97v-149.98l132.25-28.11v270.4l424.53-90.28Z"/>
3035</svg>
3036`;
3037                                }
3038                            }
3039                        }
3040
3041                        // Update cart totals if provided in response (fallback)
3042                        if (response.cart_html) {
3043                            $('.cart-total-wrap').html($(response.cart_html).find('.cart-total-wrap').html());
3044                        }
3045
3046                        // Show success message
3047                        const successMessage = document.createElement('div');
3048                        successMessage.className = 'cart-quantity-success';
3049                        successMessage.textContent = 'تم تحديث الكمية بنجاح!';
3050                        quantityControls.appendChild(successMessage);
3051
3052                        // Auto-hide success message
3053                        setTimeout(() => {
3054                            if (successMessage.parentNode) {
3055                                successMessage.remove();
3056                            }
3057                        }, 2000);
3058
3059                    } else {
3060                        // Show error message
3061                        const errorMessage = document.createElement('div');
3062                        errorMessage.className = 'cart-quantity-error';
3063                        errorMessage.textContent = response.message || 'pages.failed_to_update_quantity';
3064                        quantityControls.appendChild(errorMessage);
3065
3066                        // Reset to original value
3067                        quantityInput.value = quantityInput.defaultValue || 1;
3068
3069                        // Auto-hide error message
3070                        setTimeout(() => {
3071                            if (errorMessage.parentNode) {
3072                                errorMessage.remove();
3073                            }
3074                        }, 3000);
3075                    }
3076                },
3077                error: function(xhr, status, error) {
3078                    console.error('Cart quantity update failed:', error);
3079
3080                    // Show error message
3081                    const errorMessage = document.createElement('div');
3082                    errorMessage.className = 'cart-quantity-error';
3083                    errorMessage.textContent = 'pages.failed_to_update_quantity';
3084                    quantityControls.appendChild(errorMessage);
3085
3086                    // Reset to original value
3087                    quantityInput.value = quantityInput.defaultValue || 1;
3088
3089                    // Auto-hide error message
3090                    setTimeout(() => {
3091                        if (errorMessage.parentNode) {
3092                            errorMessage.remove();
3093                        }
3094                    }, 3000);
3095                },
3096                complete: function() {
3097                    // Remove loading state
3098                    quantityControls.classList.remove('cart-quantity-loading');
3099                }
3100            });
3101        }
3102
3103        // Initialize cart quantity controls
3104        $(document).ready(function() {
3105            // Store original values for reset functionality
3106            $('.quantity-input-cart').each(function() {
3107                this.defaultValue = this.value;
3108            });
3109
3110            // Update button states based on quantity limits (internal only, no AJAX)
3111            function updateButtonStates(input) {
3112                const value = parseInt(input.value) || 1;
3113                const min = parseInt(input.getAttribute('min')) || 1;
3114                const max = parseInt(input.getAttribute('max')) || 999;
3115
3116                const quantityControls = input.closest('.cart-quantity-controls');
3117                const minusBtn = quantityControls?.querySelector('.quantity-btn.minus');
3118                const plusBtn = quantityControls?.querySelector('.quantity-btn.plus');
3119
3120                if (minusBtn) {
3121                    minusBtn.disabled = value <= min;
3122                }
3123                if (plusBtn) {
3124                    plusBtn.disabled = value >= max;
3125                }
3126            }
3127
3128            // Set initial button states without triggering onchange (which fires AJAX)
3129            $('.quantity-input-cart').each(function() {
3130                updateButtonStates(this);
3131            });
3132
3133            // Listen for future changes to update button states
3134            $('.quantity-input-cart').on('input change', function() {
3135                updateButtonStates(this);
3136            });
3137        });
3138    </script>
3138
3139
3140            
3141        
3141<script>
3142            
3143            $('body').on('click', '.payment-button.go-checout', function (e) {
3144                e.preventDefault();
3145                $('#redirect_after_login').val('https://mansoooj.com/payment');
3146                $('#register-login').modal('show');
3147            })
3148
3149        </script>
3149
3150    
3150<script>
3151    (function () {
3152        // Phone field with country selector — same intl-tel-input setup as the profile page.
3153        var waitlistIti = null;
3154        var waitlistMobile = document.querySelector('#waitlist-mobile');
3155
3156        if (waitlistMobile && typeof intlTelInput === 'function') {
3157            window.intlTelInputGlobals.loadUtils('https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/15.1.2/js/utils.js');
3158            waitlistIti = intlTelInput(waitlistMobile, {
3159                allowExtensions: true,
3160                autoFormat: false,
3161                autoHideDialCode: false,
3162                customPlaceholder: function (selectedCountryPlaceholder) {
3163                    return selectedCountryPlaceholder;
3164                },
3165                ipinfoToken: 'yolo',
3166                nationalMode: true,
3167                separateDialCode: true,
3168                numberType: 'MOBILE',
3169                preventInvalidNumbers: true,
3170                preventInvalidDialCodes: true,
3171                // Saudi Arabia only.
3172                onlyCountries: ['sa'],
3173                initialCountry: 'sa',
3174            });
3175
3176            // Prefill the stored mobile so the dial code lands in the separate
3177            // "+966" box and only the national part stays in the input. Setting
3178            // the raw E.164 value on the element would show +966 twice (once in
3179            // the box, once inside the field). setNumber() can only split the
3180            // dial code once utils.js has loaded, so defer it to the instance
3181            // promise; fall back to stripping the dial code ourselves (SA-only).
3182            var prefillMobile = waitlistMobile.getAttribute('data-mobile');
3183            if (prefillMobile) {
3184                var stripDialCode = function () {
3185                    waitlistMobile.value = prefillMobile.replace(/^\+?966/, '').replace(/^0+/, '');
3186                };
3187                if (waitlistIti.promise && typeof waitlistIti.promise.then === 'function') {
3188                    waitlistIti.promise.then(function () {
3189                        waitlistIti.setNumber(prefillMobile);
3190                    }, stripDialCode);
3191                } else {
3192                    stripDialCode();
3193                }
3194            }
3195
3196            // Lock the country selector to Saudi Arabia.
3197            $('#waitlist-modal .iti__selected-flag').on('click', function (e) {
3198                e.preventDefault();
3199                $('#waitlist-modal .iti__country-list').remove();
3200            });
3201
3202            $('#waitlist-mobile').on('focusout keyup', function () {
3203                $(this).toggleClass('error', !waitlistIti.isValidNumber());
3204            });
3205
3206            // Validate (Saudi only) and submit the full international number (E.164).
3207            $('#waitlist-form').on('submit', function (e) {
3208                if (!waitlistIti) {
3209                    return;
3210                }
3211                if (!waitlistIti.isValidNumber()) {
3212                    e.preventDefault();
3213                    e.stopImmediatePropagation();
3214                    $('#waitlist-mobile').addClass('error');
3215                    if (typeof toastMessage === 'function') {
3216                        toastMessage('error', 'الرجاء إدخال رقم جوال سعودي صحيح.');
3217                    }
3218                    return false;
3219                }
3220                var full = waitlistIti.getNumber();
3221                if (full) {
3222                    waitlistMobile.value = full;
3223                }
3224            });
3225        }
3226
3227        // Open the waitlist modal (or the login modal for guests).
3228        $(document).on('click', '.notify-me-btn', function (e) {
3229            e.preventDefault();
3230            var $btn = $(this);
3231
3232            if ($btn.data('auth') != 1) {
3233                if ($('#register-login').length) {
3234                    $('#register-login').modal('show');
3235                }
3236                return false;
3237            }
3238
3239            $('#waitlist-form').attr('action', $btn.data('url'));
3240            $('#waitlist-round-id').val($btn.data('round-id') || '');
3241            $('#waitlist-modal .waitlist-course-title').text($btn.data('course-title') || '');
3242
3243            // The notify button lives inside the round-pick modal. Close that first
3244            // (so it doesn't sit on top of the waitlist modal), then open the
3245            // waitlist modal once it's fully hidden to avoid backdrop stacking.
3246            var $roundModal = $('#freeWatchStageModal');
3247            if ($roundModal.length && $roundModal.is(':visible')) {
3248                $roundModal.one('hidden.bs.modal', function () {
3249                    $('#waitlist-modal').modal('show');
3250                });
3251                $roundModal.modal('hide');
3252            } else {
3253                $('#waitlist-modal').modal('show');
3254            }
3255        });
3256    })();
3257
3258    // Called by the global `form.ajax` handler on a successful submit (it also shows the toast).
3259    function afterWaitlistJoin($form, $response) {
3260        $('#waitlist-modal').modal('hide');
3261        $('.modal-backdrop').removeClass('show');
3262    }
3263</script>
3263
3264    
3264<script>
3265
3266        var emailPattern = /^[a-zA-Z0-9._%+\-]+@[a-zA-Z0-9.\-]+\.[a-zA-Z]{2,}$/;
3267        function validateLoginEmail(input) {
3268            var val = input.value;
3269            var msgEl = input.parentElement.querySelector('.invalid-email-msg');
3270            var invalid = val.length > 0 && !emailPattern.test(val);
3271            input.setCustomValidity(invalid ? ' ' : '');
3272            if (msgEl) msgEl.style.display = invalid ? 'block' : 'none';
3273        }
3274
3275        function handleCheckEmail(form, response) {
3276            if (response.step === 'autologin' || (response.status && response.redirect_url && !response.show_verification_code)) {
3277                window.location.assign(response.redirect_url || "https:\/\/mansoooj.com\/user\/profile");
3278                return;
3279            }
3280            if (response.step === 'password') {
3281                var email = $('#login-email-input').val();
3282                $('#login-step-email').hide();
3283                $('#login-step-password').show();
3284                $('#login-password-email-hidden').val(email);
3285                $('#login-email-display').text(email);
3286                return;
3287            }
3288            if (response.step === 'set_password_link_sent') {
3289                $('#set_password_target_email').text(response.email);
3290                $('.login-section').hide();
3291                $('.set-password-link-section').show();
3292                return;
3293            }
3294            if (response.require_national_id) {
3295                afterLogin(form, response);
3296                return;
3297            }
3298            if (response.show_verification_code) {
3299                afterLogin(form, response);
3300                return;
3301            }
3302            if (!response.status) {
3303                toastMessage('error', response.msg);
3304            }
3305        }
3306
3307        function showLoginEmailStep() {
3308            $('#login-step-national-id-password').hide();
3309            $('#login-step-password').hide();
3310            $('#login-step-email').show();
3311        }
3312
3313        function showNationalIdPasswordStep() {
3314            $('#login-step-email').hide();
3315            $('#login-step-password').hide();
3316            $('#login-step-national-id-password').show();
3317        }
3318
3319        function togglePasswordVisibility() {
3320            var field = document.getElementById('login_password_field');
3321            var showIcon = document.getElementById('eye_icon_show');
3322            var hideIcon = document.getElementById('eye_icon_hide');
3323            var showLabel = document.getElementById('eye_label_show');
3324            var hideLabel = document.getElementById('eye_label_hide');
3325            if (field.type === 'password') {
3326                field.type = 'text';
3327                showIcon.style.display = 'none';
3328                hideIcon.style.display = 'inline';
3329                showLabel.style.display = 'none';
3330                hideLabel.style.display = 'inline';
3331            } else {
3332                field.type = 'password';
3333                showIcon.style.display = 'inline';
3334                hideIcon.style.display = 'none';
3335                showLabel.style.display = 'inline';
3336                hideLabel.style.display = 'none';
3337            }
3338        }
3339
3340        var otpCountdownTimer;
3341        var otpTargetEmail = '';
3342
3343        function showLoginSection() {
3344            $('.email-otp-section').hide();
3345            $('.set-password-link-section').hide();
3346            $('.national-section').hide();
3347            $('.verification-section').hide();
3348            $('.login-section').show();
3349            $('#login-step-national-id-password').hide();
3350            $('#login-step-password').hide();
3351            $('#login-step-email').show();
3352            clearInterval(otpCountdownTimer);
3353        }
3354
3355        function startOtpCountdown(seconds) {
3356            var remaining = seconds;
3357            $('#otp_countdown').text(remaining);
3358            $('#otp-resend-timer').show();
3359            $('#otp-resend-btn').hide();
3360            clearInterval(otpCountdownTimer);
3361            otpCountdownTimer = setInterval(function () {
3362                remaining--;
3363                $('#otp_countdown').text(remaining);
3364                if (remaining <= 0) {
3365                    clearInterval(otpCountdownTimer);
3366                    $('#otp-resend-timer').hide();
3367                    $('#otp-resend-btn').show();
3368                }
3369            }, 1000);
3370        }
3371
3372        function showEmailOtpSection(email) {
3373            otpTargetEmail = email;
3374            $('#otp_target_email').text(email);
3375            $('#otp_email_hidden').val(email);
3376            $('.login-section').hide();
3377            $('.email-otp-section').show();
3378            startOtpCountdown(60);
3379        }
3380
3381        function resendEmailOtp() {
3382            $.ajax({
3383                type: 'POST',
3384                url: 'https://mansoooj.com/user/email/send-otp',
3385                data: { _token: '0ijWaOJzwCDQOqlZQYaWSXTn0hZwWfvHlhxxnUOt', email: otpTargetEmail },
3386                success: function (response) {
3387                    if (response.status) {
3388                        toastMessage('success', response.msg);
3389                        startOtpCountdown(60);
3390                    } else {
3391                        toastMessage('error', response.msg);
3392                    }
3393                }
3394            });
3395        }
3396
3397        function afterEmailOtpVerified(form, response) {
3398            if (response.status) {
3399                toastMessage('success', response.msg);
3400                setTimeout(function () {
3401                    window.location.href = response.redirect_url;
3402                }, 1500);
3403            }
3404        }
3405
3406        function afterPasswordLogin(form, response) {
3407            if (response.verify_email) {
3408                showEmailOtpSection(response.email);
3409                toastMessage('warning', response.msg);
3410                return;
3411            }
3412            if (response.step === 'set_password_link_sent') {
3413                $('#set_password_target_email').text(response.email);
3414                $('.login-section').hide();
3415                $('.set-password-link-section').show();
3416                toastMessage('success', response.msg);
3417                return;
3418            }
3419            if (!response.status) {
3420                toastMessage('error', response.msg);
3421                if (response.redirect_url) {
3422                    setTimeout(function () {
3423                        window.location.href = response.redirect_url;
3424                    }, 2000);
3425                }
3426                return;
3427            }
3428            if (response.redirect_url) {
3429                setTimeout(function () {
3430                    window.location.href = response.redirect_url;
3431                }, 1500);
3432            } else {
3433                setTimeout(function () {
3434                    window.location.reload();
3435                }, 1000);
3436            }
3437        }
3438
3439        var user_exist;
3440        function afterVerfied(form, response) {
3441
3442            if (response.show_verification_code) {
3443                afterLogin(form, response);
3444            } else {
3445                $('#register-login').modal('hide');
3446                // toastMessage('success', "تم تسجيل الدخول بنجاح")
3447                console.log(response);
3448                setTimeout(function () {
3449                    if (response.redirect_url) {
3450                        window.location.href = user_exist ? response.redirect_url+"#signed-in" :response.redirect_url+"#signed-up";
3451                    } else {
3452                        window.location.href=user_exist?"#signed-in":"#signed-up"
3453                        window.location.reload();
3454                    }
3455                }, 1000);
3456            }
3457        }
3458
3459        var seconds = 45;
3460        var resetTimer;
3461
3462        function afterLogin(form, response) {
3463            console.log(response);
3464            user_exist=response.user_exist;
3465            if (response.require_national_id) {
3466                $('.login-section').hide();
3467                $('#readonly_email').val(response.email);
3468                $('#email_readonly_label').text(response.email);
3469                $('.national-section').show();
3470                return;
3471            }
3472            else if (response.show_verification_code) {
3473                // toastMessage('success', response.msg)
3474                $('.login-section').hide();
3475                $('.national-section').hide();
3476                // $('#hidden_national_id_login').val(response.national_id);
3477                $('#hidden_email').val(response.email);
3478                $('#email_label').text(response.email);
3479                $('.verification-section').show();
3480                seconds = parseInt(response.login_otp_lifetime) ? parseInt(response.login_otp_lifetime) : 30;
3481                $('#send-after').show();
3482                $('#resent-verification').hide();
3483                // $('#resent-verification').attr('class','secondary-btn');
3484                $('#resent-verification').attr('disabled', true);
3485
3486                resetTimer = setInterval(function () {
3487                    seconds--;
3488                    $('#resent-verification-seconds').text(seconds);
3489                    if (!seconds) {
3490                        clearInterval(resetTimer);
3491
3492                        $('#send-after').hide();
3493                        $('#resent-verification').show();
3494                        // $('#resent-verification').attr('class','button  header-link register');
3495                        $('#resent-verification').attr('disabled', false);
3496
3497                    }
3498                }, 1000);
3499            } else {
3500
3501                setTimeout(function () {
3502                    if (response.redirect_url) {
3503                        window.location.href = response.redirect_url;
3504                    } else {
3505                        window.location.reload();
3506                    }
3507                }, 1000);
3508                toastMessage(response.status ? "success" : "error", response.msg);
3509            }
3510        }
3511
3512        if (window.location.hash == '#login' && 1) {
3513            $('#register-login').modal('show');
3514        }
3515
3516        $(".mobile_login_type").on("click", function (e) {
3517            e.preventDefault();
3518            $("#register-login").modal("hide")
3519            $("#mobile_login").modal("show")
3520        })
3521
3522        $(".email_login_type").on("click", function (e) {
3523            e.preventDefault();
3524            $("#mobile_login").modal("hide")
3525            showLoginSection();
3526            $("#register-login").modal("show")
3527        })
3528
3529        $(".national_id_login_type").on("click", function (e) {
3530            e.preventDefault();
3531            $("#mobile_login").modal("hide");
3532            showLoginSection();
3533            $("#register-login").modal("show");
3534            showNationalIdPasswordStep();
3535        })
3536    </script>
3536
3537
3538    
3538<script>
3539        if ($('#mobileLoginInput').length) {
3540            var input = document.querySelector("#mobileLoginInput");
3541            window.intlTelInputGlobals.loadUtils("https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/15.1.2/js/utils.js");
3542            var initialCountry = 'auto';
3543            if (typeof site_url === 'undefined') {
3544                initialCountry = 'sa';
3545            }
3546            iti = intlTelInput(input, {
3547                allowExtensions: true,
3548                autoFormat: false,
3549                autoHideDialCode: false,
3550                customPlaceholder: function (selectedCountryPlaceholder, selectedCountryData) {
3551                    return selectedCountryPlaceholder;
3552                },
3553                defaultCountry: "auto",
3554                ipinfoToken: "yolo",
3555                separateDialCode: true,
3556                numberType: "MOBILE",
3557                preventInvalidNumbers: true,
3558                onlyCountries: ["sa"],
3559                initialCountry: "sa",
3560                formatOnDisplay: true,
3561                // remove dial code from input value
3562                nationalMode: true,
3563
3564
3565                // disable dropdown
3566                // prevent remove country code
3567                preventInvalidDialCodes: true,
3568                geoIpLookup: function (success, failure) {
3569                    $.get(site_url + "/ipinfo", function () {
3570                    }, "json").always(function (resp) {
3571                        var countryCode = (resp && resp.country) ? resp.country : "";
3572                        success(countryCode);
3573                    });
3574                },
3575            });
3576            input.addEventListener("countrychange", function () {
3577                $(".iti__selected-dial-code").css('font-weight', "500").text('+966').css('font-size', '14px');
3578
3579                if (iti.getSelectedCountryData().iso2 !== undefined) {
3580                    $('#countryCode').val(iti.getSelectedCountryData().iso2.toUpperCase()).change();
3581                }
3582            });
3583            $(".iti__selected-flag").on('click', function (e) {
3584                e.preventDefault();
3585                // remove list
3586                $(".iti__country-list").remove();
3587            });
3588            $("#mobileLoginInput").on('focusout keyup', function () {
3589                $(".iti__flag iti__sa").remove();
3590
3591                $this = $(this)
3592                if (iti.isValidNumber()) {
3593                    $this.removeClass('error')
3594                } else {
3595                    $this.addClass('error')
3596                }
3597            })
3598        }
3599        $(".iti__selected-dial-code").css('font-weight', "500").text('+966').css('font-size', '14px');
3600
3601
3602        $(".login-action-2").on("click", function (e) {
3603            e.preventDefault();
3604            $('#mobile_login').modal("show");
3605            $('#mobile_login_verify').modal("hide");
3606
3607        })
3608
3609        function afterMobileSent(form, response) {
3610
3611            if (response.require_national_id) {
3612                var $mobileForm = $('#mobile_login:visible form').first();
3613                if (!$mobileForm.length && form) {
3614                    $mobileForm = $(form);
3615                }
3616                var $nationalIdGroup = $mobileForm.find('.national-id-login-group-mobile');
3617
3618                if (!$nationalIdGroup.length) {
3619                    $nationalIdGroup = $('<div class="form-group national-id-login-group-mobile">' +
3620                        '<input type="text" name="national_id" class="input_with_icon" placeholder="الهوية الوطنية" autocomplete="off" />' +
3621                        '</div>');
3622                    $mobileForm.find('.form-footer').first().before($nationalIdGroup);
3623                }
3624
3625                $nationalIdGroup.attr('style', 'display: block !important;');
3626                $nationalIdGroup.find('[name="national_id"]').focus();
3627                toastMessage("error", response.msg);
3628                return;
3629            }
3630
3631            if (response.status) {
3632                // toastMessage('success', response.msg)
3633                $('#mobile_login').modal("hide");
3634                $('#mobile_login_verify').modal("show");
3635                seconds = response.login_otp_lifetime;
3636                $('#send-after-mobile').show();
3637                $('#mobile-resent-verification').hide();
3638                $('#mobile-resent-verification').attr('disabled', true);
3639
3640                resetTimer = setInterval(function () {
3641                    seconds--;
3642                    $('#mobile-code-resent-seconds').text(seconds);
3643                    if (!seconds) {
3644                        clearInterval(resetTimer);
3645                        $('#send-after-mobile').hide();
3646                        $('#mobile-resent-verification').show();
3647                        $('#mobile-resent-verification').attr('disabled', false);
3648
3649                    }
3650                }, 1000);
3651            } else {
3652                setTimeout(function () {
3653                    if (response.redirect_url) {
3654                        window.location.href = response.redirect_url;
3655                    } else {
3656                        window.location.reload();
3657                    }
3658                }, 1000);
3659                toastMessage(response.status ? "success" : "error", response.msg);
3660            }
3661        }
3662
3663        function afterMobilePasswordLogin(form, response) {
3664            if (response.step === 'set_password_link_sent') {
3665                $('#mobile_login').modal('hide');
3666                $('#register-login').modal('show');
3667                $('.login-section').hide();
3668                $('#set_password_target_email').text(response.email);
3669                $('.set-password-link-section').show();
3670                toastMessage('success', response.msg);
3671                return;
3672            }
3673
3674            if (!response.status) {
3675                toastMessage("error", response.msg);
3676                if (response.redirect_url) {
3677                    setTimeout(function () {
3678                        window.location.href = response.redirect_url;
3679                    }, 1500);
3680                }
3681                return;
3682            }
3683
3684            if (response.redirect_url) {
3685                setTimeout(function () {
3686                    window.location.href = response.redirect_url;
3687                }, 1000);
3688            } else {
3689                setTimeout(function () {
3690                    window.location.reload();
3691                }, 1000);
3692            }
3693        }
3694
3695        $("#mobile-resent-verification").on("click", function (e) {
3696            e.preventDefault();
3697            $.ajax(
3698                {
3699                    type: "post",
3700                    url: "https://mansoooj.com/mobile/login/resend",
3701                    data: {
3702                        _token: "0ijWaOJzwCDQOqlZQYaWSXTn0hZwWfvHlhxxnUOt"
3703                    },
3704                    success: function (response) {
3705                        if (response.status) {
3706                            toastMessage("success", response.msg);
3707                        } else {
3708                            toastMessage("error", "تحقق من الرقم المدخل");
3709
3710                        }
3711                    }
3712                }
3713            )
3714
3715        })
3716
3717        function afterMobileVerfied(form, response) {
3718
3719            if (response.status) {
3720                $('#mobile_login_verify').modal('hide');
3721                setTimeout(function () {
3722                    if (response.redirect_url) {
3723                        window.location.href = response.redirect_url;
3724                    } else {
3725                        window.location.reload();
3726                    }
3727                }, 1000);
3728            } else {
3729                toastMessage("error", response.msg);
3730            }
3731        }
3732
3733
3734    </script>
3734
3735
3736
3737
3738<script src="/livewire/livewire.min.js?id=e949cd11"   data-csrf="0ijWaOJzwCDQOqlZQYaWSXTn0hZwWfvHlhxxnUOt" data-update-uri="/livewire/update" data-navigate-once="true"></script>
3738
3739
3740
3741<script>
3742    // Set Livewire configuration before DOM loads
3743    window.livewire_app_url = 'https://mansoooj.com';
3744    window.livewire_token = '0ijWaOJzwCDQOqlZQYaWSXTn0hZwWfvHlhxxnUOt';
3745
3746    document.addEventListener('DOMContentLoaded', function() {
3747        // Fix Livewire endpoint URL to use current domain
3748        if (window.livewire) {
3749            const currentDomain = window.location.origin;
3750            // Use non-localized endpoint - locale will be detected from headers
3751            const livewireEndpoint = currentDomain + '/livewire/message/';
3752            const currentLocale = 'ar';
3753
3754            // Override Livewire's internal URL configuration
3755            if (window.livewire.components) {
3756                window.livewire.url = livewireEndpoint;
3757            }
3758
3759            // Also try to fix the base URL
3760            if (window.livewire.app_url) {
3761                window.livewire.app_url = currentDomain;
3762            }
3763
3764            console.log('🔧 Livewire endpoint configured (non-localized):', livewireEndpoint);
3765            console.log('🔧 Current domain:', currentDomain);
3766            console.log('🔧 Current locale (will be sent in headers):', currentLocale);
3767
3768            // Add locale to all Livewire requests via headers
3769            if (window.livewire && window.livewire.hook) {
3770                window.livewire.hook('message.sent', (message, component) => {
3771                    // Add locale headers to all Livewire AJAX requests
3772                    if (message.xhr) {
3773                        message.xhr.setRequestHeader('X-Locale', currentLocale);
3774                        message.xhr.setRequestHeader('Accept-Language', currentLocale + ',en;q=0.9');
3775                        console.log('🌐 Added locale headers to Livewire request:', currentLocale);
3776                    }
3777                });
3778            }
3779        }
3780
3781        // Ensure CSRF token is available for AJAX requests
3782        const csrfToken = document.querySelector('meta[name="csrf-token"]');
3783        if (csrfToken) {
3784            window.livewire_token = csrfToken.getAttribute('content');
3785            console.log('🔒 CSRF token loaded:', window.livewire_token.substring(0, 10) + '...');
3786        } else {
3787            console.error('❌ CSRF token meta tag not found!');
3788        }
3789
3790        // Debug: Log all wire:click events
3791        document.addEventListener('click', function(e) {
3792            if (e.target.hasAttribute('wire:click')) {
3793                console.log('🔥 Wire:click detected:', e.target.getAttribute('wire:click'));
3794                console.log('🔥 Target element:', e.target);
3795                console.log('🔒 CSRF token available:', !!window.livewire_token);
3796            }
3797        });
3798    });
3799</script>
3799
3800
3801
3802
3803
3804
3805
3806
3807
3808<script src="https://mansoooj.com/assets/global/js/global.js" defer></script>
3808
3809
3810<script>setTimeout(function(){$('.page_loader').fadeOut();},1000);</script>
vendor: 1 bytes, line 3810
3810
3811<script>
3812    $.ajaxSetup({
3813        beforeSend: function(xhr) {
3814            xhr.setRequestHeader('lang', 'ar');
3815        }
3816    });
3817</script>
3817
3818
3819
3820<script src="/js/acctoolbar.js" defer></script>
vendor: 1 bytes, line 3820
3820
3821<script>
3822// optional init
3823  document.addEventListener('DOMContentLoaded', function () {
3824  window.onload = function() {
3825    window.micAccessTool = new MicAccessTool({
3826      link: 'https://mansoooj.com/accessibility-declaration.pdf',
3827      contact: 'mailto:support{{ request()->getHost() }}',
3828      buttonPosition: 'left', // default is 'left'
3829      forceLang: 'ar' // default is 'en' may be 'he-IL', 'ru-RU', or 'fr_FR'
3830    });
3831  }
3832  });
3833</script>
3833
3834<link
3835        rel="stylesheet"
3836        href="https://mansoooj.com/assets/css/saudi-riyal-symbol.css?_1786319507"
3837    >
3838    
3838<script
3839        src="https://mansoooj.com/assets/js/saudi-riyal-symbol.js?_1786319507"
3840        defer
3841    ></script>
3841
3842</body>
3843</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.