// إضافة سكشن الشهادات المعتمدة فوق الـ footer
(function() {
// التحقق من وجود body.index و footer داخله فقط
const body = document.querySelector('body.index');
if (!body) {
console.warn('لم يتم العثور على body.index');
return;
}
const footer = body.querySelector('footer');
if (!footer) {
console.warn('لم يتم العثور على footer داخل body.index');
return;
}
// إنشاء الـ CSS
const style = document.createElement('style');
style.textContent = `
.certificates-section {
border-radius: 20px;
max-width: 1200px;
margin: 0 auto ;
}
.certificates-section .section-title {
text-align: center;
margin-bottom: 15px;
}
.certificates-section .section-title h2 {
font-size: 2.5rem;
color: #007BC4;
font-weight: 700;
margin-bottom: 10px;
}
.certificates-section .section-subtitle {
text-align: center;
color: #64748b;
font-size: 1.1rem;
margin-bottom: 50px;
line-height: 1.6;
}
.certificates-section .logos-container {
display: flex;
justify-content: space-around;
align-items: center;
flex-wrap: wrap;
gap: 40px;
padding: 20px;
}
.certificates-section .logo-link {
flex: 0 1 auto;
transition: all 0.3s ease;
padding: 20px;
border-radius: 15px;
background: white;
}
.certificates-section .logo-link:hover {
transform: translateY(-10px);
box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);
}
.certificates-section .logo-link img {
max-width: 200px;
height: auto;
display: block;
filter: grayscale(0%);
transition: filter 0.3s ease;
}
.certificates-section .logo-link:hover img {
filter: grayscale(0%) brightness(1.1);
}
/* Responsive Design */
@media (max-width: 768px) {
.certificates-section {
padding: 40px 20px;
}
.certificates-section .section-title h2 {
font-size: 1.5rem;
margin-bottom: 5px;
}
.certificates-section .section-subtitle {
font-size: 1rem;
}
.certificates-section .logos-container {
gap: 30px;
}
.certificates-section .logo-link img {
max-width: 150px;
}
}
@media (max-width: 480px) {
.certificates-section .logos-container {
display:grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
padding:0;
}
a.logo-link {
padding:0 !important;
}
.certificates-section {
margin-bottom:0;
}
}
`;
document.head.appendChild(style);
// إنشاء الـ HTML للسكشن
const certificatesSection = document.createElement('div');
certificatesSection.className = 'certificates-section';
certificatesSection.innerHTML = `
نفخر ونعتز بشهادات الجهات المعتمدة
بشهادات تثبت الثقة لعملائنا و اننا نضمن لهم افضل الجودة و الخدمة
`;
// إضافة السكشن قبل الـ footer مباشرة
footer.parentNode.insertBefore(certificatesSection, footer);
})();
/******************/
// إضافة قسم الشركاء بعد section#IRT__cutome-structure-6
(function() {
'use strict';
let attempts = 0;
const maxAttempts = 50; // محاولات أكتر عشان منصة سلة
function waitForElements() {
attempts++;
// التحقق من وجود القسم المستهدف و Swiper
const targetSection = document.querySelector('section#IRT__cutome-structure-6');
const swiperLoaded = typeof Swiper !== 'undefined';
if (!targetSection || !swiperLoaded) {
if (attempts < maxAttempts) {
setTimeout(waitForElements, 200);
} else {
console.error('Failed to initialize partners section:', {
sectionFound: !!targetSection,
swiperLoaded: swiperLoaded
});
}
return;
}
// التحقق من إن القسم مش متضاف قبل كده
if (document.querySelector('.partners-section')) {
console.log('Partners section already exists');
return;
}
initPartnersSection(targetSection);
}
function initPartnersSection(targetSection) {
// إنشاء HTML للقسم
const partnersHTML = `
`;
// إنشاء عنصر wrapper
const wrapper = document.createElement('div');
wrapper.innerHTML = partnersHTML.trim();
// إضافة القسم بعد section#IRT__cutome-structure-6
targetSection.insertAdjacentElement('afterend', wrapper.firstElementChild);
console.log('Partners section HTML added successfully');
// تهيئة Swiper بعد إضافة العناصر للـ DOM
setTimeout(initSwiper, 300);
}
function initSwiper() {
// التأكد من وجود Swiper
if (typeof Swiper === 'undefined') {
console.error('Swiper library not found');
return;
}
// التأكد من وجود العناصر
const swiper1Element = document.querySelector('.partnersSwiper1');
const swiper2Element = document.querySelector('.partnersSwiper2');
if (!swiper1Element || !swiper2Element) {
console.error('Swiper elements not found');
return;
}
// الإعدادات المشتركة
const swiperConfig = {
slidesPerView: 2,
spaceBetween: 30,
loop: true,
autoplay: {
delay: 0,
disableOnInteraction: false,
},
speed: 3500,
freeMode: false,
freeModeMomentum: false,
breakpoints: {
640: {
slidesPerView: 4,
spaceBetween: 5,
},
768: {
slidesPerView: 6,
spaceBetween: 5,
},
1024: {
slidesPerView: 8,
spaceBetween: 5,
},
},
on: {
init: function() {
this.el.addEventListener('mouseenter', () => {
this.autoplay.stop();
});
this.el.addEventListener('mouseleave', () => {
this.autoplay.start();
});
}
}
};
try {
// First Row
const swiper1 = new Swiper(".partnersSwiper1", swiperConfig);
console.log('Swiper 1 initialized successfully');
// Second Row - مع عكس الاتجاه
const swiper2 = new Swiper(".partnersSwiper2", {
...swiperConfig,
autoplay: {
...swiperConfig.autoplay,
reverseDirection: true,
}
});
console.log('Swiper 2 initialized successfully');
} catch (error) {
console.error('Error initializing Swiper:', error);
}
}
// بدء التنفيذ
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', waitForElements);
} else {
waitForElements();
}
// استماع لأي تغييرات في الصفحة (في حالة سلة بتحمل محتوى ديناميكي)
if (typeof window.salla !== 'undefined') {
window.addEventListener('load', function() {
setTimeout(waitForElements, 500);
});
}
})();