4: Undefined index: general
</div>
</div>
</div>
</main>
<footer id="footer">
<div class="footer-newsletter-section">
<div class="container">
<form v-on:submit.prevent="subscribeToNewsLetter" method="POST" class="footer-newsletter-form">
<label class="newsletter-label">ابقوا على اطلاع بآخر المستجدات والأخبار العاجلة</label>
<div class="input-group">
<input v-model="email" name="email" class="form-control" type="email"
placeholder="اشترك في نشرتنا الإخبارية"
oninvalid="this.setCustomValidity('يرجى إدخال بريد إلكتروني صالح')"
oninput="this.setCustomValidity('')" >
<button type="submit" class="input-group-append input-group-btn">
<svg width="31" height="25" viewBox="0 0 31 25" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M3.60221 24.4485C2.77008 24.4485 2.05798 24.1525 1.46591 23.5604C0.872834 22.9673 0.576294 22.2547 0.576294 21.4226V3.26713C0.576294 2.435 0.872834 1.7229 1.46591 1.13083C2.05798 0.53775 2.77008 0.241211 3.60221 0.241211H27.8095C28.6417 0.241211 29.3543 0.53775 29.9473 1.13083C30.5394 1.7229 30.8354 2.435 30.8354 3.26713V21.4226C30.8354 22.2547 30.5394 22.9673 29.9473 23.5604C29.3543 24.1525 28.6417 24.4485 27.8095 24.4485H3.60221ZM15.7059 13.5931C15.8319 13.5931 15.9641 13.5739 16.1023 13.5356C16.2415 13.4982 16.3741 13.4418 16.5002 13.3661L27.2043 6.67128C27.4061 6.5452 27.5574 6.38785 27.6582 6.19924C27.7591 6.00961 27.8095 5.80133 27.8095 5.57439C27.8095 5.07007 27.5952 4.69183 27.1665 4.43967C26.7378 4.18751 26.2966 4.20012 25.8427 4.47749L15.7059 10.8319L5.56905 4.47749C5.11517 4.20012 4.67389 4.19356 4.24522 4.45782C3.81654 4.72309 3.60221 5.09528 3.60221 5.57439C3.60221 5.82655 3.65264 6.04693 3.7535 6.23555C3.85437 6.42517 4.00566 6.57042 4.20739 6.67128L14.9116 13.3661C15.0376 13.4418 15.1703 13.4982 15.3095 13.5356C15.4477 13.5739 15.5798 13.5931 15.7059 13.5931Z"
fill="#380E0C" />
</svg>
</button>
</div>
</form>
</div>
</div>
<div :style="{ display: isMessageActive ? 'block' : 'none' }" class="modal-wrapper">
<div class="subscribe-news-letter-modal">
<div class="d-flex justify-content-between" style="align-items: center">
<h2 class="newsletter-title">النشرة الإخبارية</h2>
<span v-on:click="()=>{isMessageActive = false}"
style="font-size: 35px; cursor: pointer;line-height: 0px">×</span>
</div>
<div class="message">
{{ message }}
</div>
</div>
</div>
<div class="footer-links">
<div class="container">
<div class="d-flex justify-content-between footer-links-container">
<div class="d-flex footer-links-container">
<div class="footer-logos">
<a href="/">
<img class="le-matin-sports-logo" src="https://sports.lematin.ma/ar/theme_lematinsports/images/logo.svg"
alt="logo">
</a>
<a href="https://lematin.ma/">
<img class="le-matin-group-logo"
src="https://sports.lematin.ma/ar/theme_lematinsports/images/le-matin-group-logo.svg" alt="logo">
</a>
</div>
<div class="footer-menu footer-menu-1">
<label class="footer-menu-label">الأقسام</label>
<ul class="footer-menu-list row first-footer" v-cloak>
<li v-for="item in footerMenuItems" class="footer-menu-item col-md-4"><a
:href="item.menu_items_link">{{ item.menu_items_name }}</a></li>
</ul>
</div>
<div class="footer-menu footer-menu-2">
<label class="footer-menu-label">المجموعة</label>
<ul class="footer-menu-list row second-footer">
<li class="footer-menu-item col-md-6"
v-for="(item, index) in footerMenuItems2"
:class="index % 2 === 0 ? 'fixed' : ''">
<Dropdown :title="item.menu_items_name" :href="item.menu_items_link"
v-if="item.sub_menu" v-cloak>
<ul class="dropdown">
<li v-for="sub_item in item.sub_menu">
<a class="nav-link" :href="cleanExternalUrl(sub_item.menu_items_link)"
target="_blank">{{ sub_item.menu_items_name }}</a>
</li>
</ul>
</Dropdown>
<a :href="item.menu_items_link" v-else>{{ item.menu_items_name }}</a>
</li>
</ul>
</div>
</div>
<div class="d-flex footer-links-container">
<div class="footer-menu">
<label class="footer-menu-label">تابعونا على</label>
<ul class="footer-menu-list footer-social-links">
<li>
<a href="https://www.tiktok.com/@lematin.sports" target="_blank">
<img src="/theme_lematinsports/images/tiktok.svg" alt="Tiktok" >
</a>
</li>
<li>
<a href="https://www.instagram.com/lematinsports/" target="_blank">
<img src="/theme_lematinsports/images/instagram.svg" alt="Instagram" >
</a>
</li>
<li>
<a href="https://www.youtube.com/@lematinsports-6316" target="_blank">
<img src="/theme_lematinsports/images/youtube.svg" alt="Youtube" >
</a>
</li>
<li>
<a href="https://web.facebook.com/lematinsports" target="_blank">
<img src="/theme_lematinsports/images/facebook.svg" alt="Facebook" >
</a>
</li>
</ul>
</div>
<span class="apps-download-label mobile-only">حملوا تطبيقنا</span>
<div class="footer-app-buttons">
<a href="#">
<img src="/theme_lematinsports/images/app-store.svg" alt="app-store" >
</a>
<a href="#">
<img src="/theme_lematinsports/images/play-store.svg" alt="google-play" >
</a>
</div>
</div>
</div>
</div>
</div>
<div class="footer-bottom-section">
<div class="container">
<div class="d-flex justify-content-between">
<div class="desktop-only">
<ul class="d-flex g-37" v-cloak>
<li v-for="item in footerContactMenuItems">
<a
:href="item.menu_items_link.indexOf('homepage') != -1 ? '/' : item.menu_items_link">{{ item.menu_items_name }}</a>
</li>
</ul>
</div>
<div class="copy-right">
© Groupe LE MATIN 2025
</div>
<div class="mobile-only">
<ul class="d-flex g-21">
<li v-for="item in footerContactMenuItems">
<a
:href="item.menu_items_link.indexOf('homepage') != -1 ? '/' : item.menu_items_link">{{ item.menu_items_name }}</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</footer>
<script data-cfasync="false" >
window.onload = (event) => {
var toastElement = document.getElementById('result-toast')
var toast = new bootstrap.Toast(toastElement)
toast.show()
}
</script>
<script data-cfasync="false" type="module">
import Dropdown from 'https://sports.lematin.ma/ar/theme_lematinsports/js/vue/components/Dropdown/Dropdown.min.js?v=0.57';
const FOOTER_MENU_API =
"https://sports.lematin.ma/ar/api/menu_items/22/json";
const FOOTER_MENU_2_API =
"https://sports.lematin.ma/ar/api/menu_items/24/json";
const FOOTER_CONTACT_MENU_API =
"https://sports.lematin.ma/ar/api/menu_items/23/json";
const FOOTER_MOBILE_CONTACT_MENU_API =
"https://sports.lematin.ma/ar/api/menu_items/28/json";
const isMobile = false;
window.vue_footer_section = Vue.createApp({
data() {
return {
footerMenuItems: [],
footerMenuItems2: [],
footerContactMenuItems: [],
message: '',
email: '',
isMessageActive: false,
}
},
mounted() {
this.setMenu(FOOTER_MENU_API, 'footerMenuItems');
this.setMenu(FOOTER_MENU_2_API, 'footerMenuItems2');
if (!isMobile) {
this.setMenu(FOOTER_CONTACT_MENU_API, 'footerContactMenuItems');
} else {
this.setMenu(FOOTER_MOBILE_CONTACT_MENU_API, 'footerContactMenuItems');
}
},
methods: {
subscribeToNewsLetter() {
axios.post(
'/ar/onesignal-subscribe', {
email: this.email
}
).then((response) => {
this.isNewsletterFormActive = false;
this.message = response.data.message;
this.email = '';
this.isMessageActive = true;
localStorage.setItem('subscribed', true);
});
},
},
components: {
Dropdown
},
mixins: [widget_mixin],
})
window.vue_footer_section.mount('#footer')
</script>
<input type="hidden" name="csrf-token" content="">
<script>
var settimeout_value = 1500;
var initiate = 1;
function initialize(){
if(initiate==1){
initiate = 0;
const loadScript = (src,timeout=0,skip_script = 0) => {
if(skip_script==1){
return true;
}
return new Promise((resolve, reject) => {
setTimeout(function(){
const script = document.createElement('script');
script.type = 'text/javascript';
script.onload = resolve;
script.onerror = reject;
script.defer = false;
script.src = src;
document.head.append(script);
},timeout)
})
};
loadScript('https://sports.lematin.ma/ar/theme_lematinsports/js/general-scripts.min.js?v=0.57',500)
.then(() => loadScript('https://cdn.onesignal.com/sdks/OneSignalSDK.js',500))
.then(function() {
setTimeout(function(){
window.OneSignal = window.OneSignal || [];
OneSignal.push(function() {
OneSignal.init({
appId: "53ef9f5f-2415-4ece-8c9f-03b50ee4fa00",
});
});
}, 500)
})
.then(() => loadScript('//securepubads.g.doubleclick.net/tag/js/gpt.js'))
.catch(() => console.error('Something went wrong.'));
}
}
document.addEventListener("mousemove", initialize);
document.addEventListener("scroll", initialize);
document.addEventListener("touchstart", initialize);
</script>
<script>
// Function to dynamically add stylesheets to the head
function addStylesheets() {
const stylesheets = [
{ href: "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css", rel: "stylesheet" }
];
// Loop through the stylesheet array and create link elements dynamically
stylesheets.forEach(function(sheet) {
const link = document.createElement("link");
link.href = sheet.href;
link.rel = sheet.rel;
if (sheet.type) {
link.type = sheet.type;
}
// Append the link tag to the head
document.head.appendChild(link);
});
}
// Call the function to add the stylesheets
</script></body>
</html>
