<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>يونس بنان, Auteur à معهد الدراسات الاجتماعية و الإعلامية</title>
	<atom:link href="https://sms-institute.com/author/youben/feed/" rel="self" type="application/rss+xml" />
	<link>https://sms-institute.com/author/youben/</link>
	<description>دراسات - تحليل - تكوين</description>
	<lastBuildDate>Fri, 02 Oct 2026 23:23:43 +0000</lastBuildDate>
	<language>ary</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.1.3</generator>

<image>
	<url>https://sms-institute.com/wp-content/uploads/2022/03/cropped-78176462_971687123212963_670638815190188032_n-1-32x32.png</url>
	<title>يونس بنان, Auteur à معهد الدراسات الاجتماعية و الإعلامية</title>
	<link>https://sms-institute.com/author/youben/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>التحول في التوازنات السياسية وتركيبة مجلس النواب 2026</title>
		<link>https://sms-institute.com/%d8%a7%d9%84%d8%aa%d8%ad%d9%88%d9%84-%d9%81%d9%8a-%d8%a7%d9%84%d8%aa%d9%88%d8%a7%d8%b2%d9%86%d8%a7%d8%aa-%d8%a7%d9%84%d8%b3%d9%8a%d8%a7%d8%b3%d9%8a%d8%a9-%d9%88%d8%aa%d8%b1%d9%83%d9%8a%d8%a8%d8%a9/</link>
		
		<dc:creator><![CDATA[يونس بنان]]></dc:creator>
		<pubDate>Fri, 02 Oct 2026 16:20:53 +0000</pubDate>
				<category><![CDATA[تقارير صحفية]]></category>
		<guid isPermaLink="false">https://sms-institute.com/?p=1282</guid>

					<description><![CDATA[النتائج الانتخابية لمجلس النواب &#8211; معهد الدراسات الاجتماعية والإعلامية (SMS Institute) 🏛️ المرصد التفاعلي للنتائج البرلمانية تقرير وإنجاز: معهد الدراسات&#8230;]]></description>
										<content:encoded><![CDATA[<figure class="wp-block-post-featured-image"><img fetchpriority="high" decoding="async" width="678" height="452" src="https://sms-institute.com/wp-content/uploads/2026/10/images-36.jpeg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" style="object-fit:cover;" srcset="https://sms-institute.com/wp-content/uploads/2026/10/images-36.jpeg 678w, https://sms-institute.com/wp-content/uploads/2026/10/images-36-300x200.jpeg 300w" sizes="(max-width: 678px) 100vw, 678px" /></figure>



<html dir="rtl" lang="ar">
<head>
    <meta charset="UTF-8"></meta>
    <meta content="width=device-width, initial-scale=1.0" name="viewport"></meta>
    <title>النتائج الانتخابية لمجلس النواب &#8211; معهد الدراسات الاجتماعية والإعلامية (SMS Institute)</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
    <link href="https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;700;800&amp;display=swap" rel="stylesheet"></link>
    <style>
        body {
            font-family: 'Tajawal', sans-serif;
            background-color: #f8fafc;
            color: #1e293b;
        }
        .chart-container {
            position: relative;
            width: 100%;
            max-width: 650px;
            margin-left: auto;
            margin-right: auto;
            height: 320px;
            max-height: 400px;
        }
        @media (min-width: 768px) {
            .chart-container {
                height: 360px;
            }
        }
        .custom-scrollbar::-webkit-scrollbar {
            width: 6px;
            height: 6px;
        }
        .custom-scrollbar::-webkit-scrollbar-track {
            background: #f1f5f9;
        }
        .custom-scrollbar::-webkit-scrollbar-thumb {
            background: #cbd5e1;
            border-radius: 4px;
        }
        .custom-scrollbar::-webkit-scrollbar-thumb:hover {
            background: #94a3b8;
        }
    </style>
</head>
<body class="min-h-screen flex flex-col antialiased">

<!-- Chosen Palette: Warm Neutral & Civic Blue (Royal Navy #1E3A8A, Warm Slate #334155, Warm Neutral BG #F8FAFC, Gold Accent #D97706) -->

<!-- Application Structure Plan:
- Header & Context Section: Title, SMS Institute branding badge, election date (23 Sep 2026), and list overview.
- Overview Card: Explicit attribution to Social and Media Studies Institute (SMS Institute).
- Interactive KPI / Summary Cards: Total Seats, Local Seats, Regional Seats, Total Political Parties represented.
- Dynamic Analytical Charts Section:
  1. Party Distribution Chart (Chart.js Bar Chart) comparing total seats per party across local and regional lists.
  2. Category Breakdown Chart (Chart.js Doughnut Chart) showing Local vs. Regional proportion.
- Interactive Filter & Search Controls: Filter by List Type (Local/Regional), Party Selection, Province/Region, and text search for MP names.
- Detailed Interactive Table Section: Paginated/Scrollable dynamic list of MPs with responsive design, dynamic counts, and live search highlights.
- Party Insights Cards: Interactive grid summarizing party results and seat shares with quick click-to-filter capability.
-->

<!-- Visualization & Content Choices:
1. KPI Stat Cards -> Goal: Inform -> Clean HTML Cards with dynamic JS computation -> Justification: Immediate visual summary of key metrics.
2. Party Seats Chart -> Goal: Compare -> Chart.js Canvas Bar Chart -> Dynamic filtering integration -> Justification: Easiest way to compare political weight of each party.
3. Local vs Regional Proportions -> Goal: Inform/Compare -> Chart.js Canvas Doughnut Chart -> Justification: Clear proportional representation of direct vs women regional list.
4. Filterable Interactive Table -> Goal: Organize & Search -> HTML/Tailwind Table + Pure Vanilla JS logic -> Justification: Fast search across 390+ entries without page reloads.
- Confirming NO SVG / NO Mermaid JS used. All visuals rendered via HTML/CSS & Canvas. -->

<!-- CONFIRMATION: NO SVG graphics used. NO Mermaid JS used. -->

    <header class="bg-indigo-950 text-white shadow-lg border-b border-amber-600/30 sticky top-0 z-50">
        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4">
            <div class="flex flex-col md:flex-row md:items-center md:justify-between gap-4">
                <div>
                    <div class="flex items-center space-x-3 space-x-reverse">
                        <span class="text-2xl"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f3db.png" alt="🏛" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                        <div>
                            <h1 class="text-xl md:text-2xl font-bold text-amber-400">المرصد التفاعلي للنتائج البرلمانية</h1>
                            <p class="text-xs text-amber-200/90 font-medium mt-0.5">تقرير وإنجاز: معهد الدراسات الاجتماعية والإعلامية (SMS Institute)</p>
                        </div>
                    </div>
                </div>
                <div class="flex flex-wrap items-center gap-2 text-xs bg-indigo-900/80 px-3 py-2 rounded-lg border border-indigo-700/50">
                    <span class="bg-amber-500/20 text-amber-300 font-semibold px-2 py-0.5 rounded border border-amber-500/30">SMS Institute</span>
                    <span class="text-indigo-400">|</span>
                    <span><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4c5.png" alt="📅" class="wp-smiley" style="height: 1em; max-height: 1em;" /> 23 سبتمبر 2026</span>
                    <span class="text-indigo-400">|</span>
                    <span id="last-update-tag">العدد الكلي: 395 نائباً</span>
                </div>
            </div>
        </div>
    </header>

    <main class="flex-grow max-w-7xl w-full mx-auto px-4 sm:px-6 lg:px-8 py-6 space-y-8">

        <section class="bg-white rounded-2xl p-6 shadow-sm border border-slate-200 relative overflow-hidden">
            <div class="absolute -left-6 -bottom-6 w-32 h-32 bg-indigo-50 rounded-full blur-2xl pointer-events-none"></div>
            <div class="flex flex-col md:flex-row items-start md:items-center justify-between gap-4 mb-3 border-b border-slate-100 pb-3">
                <h2 class="text-lg font-bold text-slate-800 flex items-center gap-2">
                    <span><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4ca.png" alt="📊" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span> عن المنصة والدراسة التحليلية
                </h2>
                <span class="text-xs bg-indigo-50 text-indigo-900 font-bold px-3 py-1 rounded-full border border-indigo-200">
                    إنجاز: معهد الدراسات الاجتماعية والإعلامية (SMS Institute)
                </span>
            </div>
            <p class="text-slate-600 text-sm leading-relaxed">
                تم إعداد هذا التقرير التفاعلي بناءً على المعطيات والبيانات الصادرة عن **معهد الدراسات الاجتماعية والإعلامية (SMS Institute)** الخاصة بانتخابات أعضاء مجلس النواب اقتراع 23 سبتمبر 2026. تهدف هذه المنصة إلى تسهيل قراءة نتائج الاقتراع واستكشاف الخريطة البرلمانية بشقيها المحلي والجهوي (قائمة النساء)، عبر آليات بحث وتصفية فورية وتحليلات بيانية تفاعلية.
            </p>
        </section>

        <section class="grid grid-cols-2 md:grid-cols-4 gap-4">
            <div class="bg-white p-5 rounded-xl shadow-sm border border-slate-200 flex flex-col justify-between">
                <div class="text-xs font-semibold text-slate-500">إجمالي النواب المنتخبين</div>
                <div class="text-2xl md:text-3xl font-extrabold text-indigo-950 mt-2" id="kpi-total">395</div>
                <div class="text-xs text-emerald-600 mt-1 font-medium">100% من المقاعد البرلمانية</div>
            </div>

            <div class="bg-white p-5 rounded-xl shadow-sm border border-slate-200 flex flex-col justify-between">
                <div class="text-xs font-semibold text-slate-500">الدوائر الانتخابية المحلية</div>
                <div class="text-2xl md:text-3xl font-extrabold text-indigo-700 mt-2" id="kpi-local">305</div>
                <div class="text-xs text-slate-500 mt-1">تغطية جميع عمالات وأقاليم المملكة</div>
            </div>

            <div class="bg-white p-5 rounded-xl shadow-sm border border-slate-200 flex flex-col justify-between">
                <div class="text-xs font-semibold text-slate-500">الدوائر الجهوية (النساء)</div>
                <div class="text-2xl md:text-3xl font-extrabold text-amber-600 mt-2" id="kpi-regional">90</div>
                <div class="text-xs text-amber-700 mt-1">موزعة على 12 جهة</div>
            </div>

            <div class="bg-white p-5 rounded-xl shadow-sm border border-slate-200 flex flex-col justify-between">
                <div class="text-xs font-semibold text-slate-500">الأحزاب الممثلة بالمجلس</div>
                <div class="text-2xl md:text-3xl font-extrabold text-slate-800 mt-2" id="kpi-parties">13</div>
                <div class="text-xs text-slate-500 mt-1">تعددية حزبية وسياسية</div>
            </div>
        </section>

        <section class="bg-white rounded-2xl p-6 shadow-sm border border-slate-200 space-y-4">
            <div>
                <h2 class="text-lg font-bold text-slate-800 flex items-center gap-2">
                    <span><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4c8.png" alt="📈" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span> التحليل البياني والتوزيع السياسي
                </h2>
                <p class="text-slate-500 text-xs mt-1">
                    يعرض الرسم البياني أدناه توزيع المقاعد حسب الأحزاب السياسية والتفاوت بين التمثيل المحلي والتمثيل الجهوي حسب بيانات SMS Institute.
                </p>
            </div>

            <div class="grid grid-cols-1 lg:grid-cols-3 gap-6 items-center">
                <div class="lg:col-span-2 bg-slate-50 p-4 rounded-xl border border-slate-200">
                    <h3 class="text-xs font-bold text-slate-700 mb-3 text-center">توزيع المقاعد حسب الأحزاب السياسية (محلي مقابل جهوي)</h3>
                    <div class="chart-container">
                        <canvas id="partyChart"></canvas>
                    </div>
                </div>

                <div class="bg-slate-50 p-4 rounded-xl border border-slate-200 flex flex-col justify-center items-center">
                    <h3 class="text-xs font-bold text-slate-700 mb-3 text-center">نسبة توزيع المقاعد (محلي / جهوي)</h3>
                    <div class="chart-container" style="max-height: 280px;">
                        <canvas id="typeChart"></canvas>
                    </div>
                </div>
            </div>
        </section>

        <section class="bg-white rounded-2xl p-6 shadow-sm border border-slate-200 space-y-6">
            <div class="flex flex-col md:flex-row md:items-center justify-between gap-4 border-b border-slate-100 pb-4">
                <div>
                    <h2 class="text-lg font-bold text-slate-800 flex items-center gap-2">
                        <span><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f50e.png" alt="🔎" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span> الاستعراض والتصفية التفاعلية
                    </h2>
                    <p class="text-slate-500 text-xs mt-1">ابحث باسم النائب، الدائرة الانتخابية، الإقليم، أو الحزب السياسي.</p>
                </div>
                <button class="text-xs font-medium text-indigo-700 hover:text-indigo-900 bg-indigo-50 hover:bg-indigo-100 px-3 py-2 rounded-lg transition border border-indigo-200" onclick="resetFilters()">
                    <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f504.png" alt="🔄" class="wp-smiley" style="height: 1em; max-height: 1em;" /> إعادة ضبط الفلاتر
                </button>
            </div>

            <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4">
                <div>
                    <label class="block text-xs font-semibold text-slate-700 mb-1">نوع الدائرة</label>
                    <select class="w-full bg-slate-50 border border-slate-300 text-slate-800 text-xs rounded-lg p-2.5 focus:ring-indigo-500 focus:border-indigo-500" id="filter-type" onchange="applyFilters()">
                        <option value="ALL">جميع الدوائر (395)</option>
                        <option value="LOCAL">الدوائر المحلية فقط (305)</option>
                        <option value="REGIONAL">الدوائر الجهوية &#8211; نساء (90)</option>
                    </select>
                </div>

                <div>
                    <label class="block text-xs font-semibold text-slate-700 mb-1">الحزب السياسي</label>
                    <select class="w-full bg-slate-50 border border-slate-300 text-slate-800 text-xs rounded-lg p-2.5 focus:ring-indigo-500 focus:border-indigo-500" id="filter-party" onchange="applyFilters()">
                        <option value="ALL">جميع الأحزاب</option>
                    </select>
                </div>

                <div>
                    <label class="block text-xs font-semibold text-slate-700 mb-1">العمالة / الإقليم / الجهة</label>
                    <select class="w-full bg-slate-50 border border-slate-300 text-slate-800 text-xs rounded-lg p-2.5 focus:ring-indigo-500 focus:border-indigo-500" id="filter-region" onchange="applyFilters()">
                        <option value="ALL">جميع المناطق والأقاليم</option>
                    </select>
                </div>

                <div>
                    <label class="block text-xs font-semibold text-slate-700 mb-1">بحث نصي مباشر</label>
                    <input class="w-full bg-slate-50 border border-slate-300 text-slate-800 text-xs rounded-lg p-2.5 focus:ring-indigo-500 focus:border-indigo-500" id="search-input" onkeyup="applyFilters()" placeholder="ابحث باسم النائب أو الدائرة..." type="text" />
                </div>
            </div>

            <div class="flex flex-wrap items-center justify-between gap-2 pt-2">
                <div class="text-xs text-slate-600 font-semibold" id="table-results-count">
                    عرض 395 نائباً من أصل 395
                </div>
                <div class="flex flex-wrap gap-2 text-xs" id="quick-party-tags">
                </div>
            </div>

            <div class="overflow-x-auto rounded-xl border border-slate-200 custom-scrollbar">
                <table class="w-full text-right text-xs text-slate-700">
                    <thead class="bg-indigo-950 text-white uppercase font-bold">
                        <tr>
                            <th class="px-4 py-3 text-center" scope="col">#</th>
                            <th class="px-4 py-3" scope="col">اسم النائب(ة)</th>
                            <th class="px-4 py-3" scope="col">الانتماء السياسي</th>
                            <th class="px-4 py-3" scope="col">الدائرة الانتخابية</th>
                            <th class="px-4 py-3" scope="col">العمالة / الإقليم / الجهة</th>
                            <th class="px-4 py-3 text-center" scope="col">نوع اللائحة</th>
                        </tr>
                    </thead>
                    <tbody class="divide-y divide-slate-200 bg-white" id="mp-table-body">
                    </tbody>
                </table>
            </div>

            <div class="flex items-center justify-between pt-2">
                <button class="px-3 py-1.5 border border-slate-300 text-xs rounded-md bg-white hover:bg-slate-50 disabled:opacity-50" id="prev-page" onclick="changePage(-1)">السابق</button>
                <span class="text-xs text-slate-600 font-medium" id="page-info">الصفحة 1 من 1</span>
                <button class="px-3 py-1.5 border border-slate-300 text-xs rounded-md bg-white hover:bg-slate-50 disabled:opacity-50" id="next-page" onclick="changePage(1)">التالي</button>
            </div>
        </section>

        <section class="bg-white rounded-2xl p-6 shadow-sm border border-slate-200 space-y-4">
            <div>
                <h2 class="text-lg font-bold text-slate-800 flex items-center gap-2">
                    <span><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f3f7.png" alt="🏷" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span> بطاقات الحصيلة حسب الأحزاب السياسية
                </h2>
                <p class="text-slate-500 text-xs mt-1">انقر على أي حزب للفرز المباشر في الجدول أعلاه.</p>
            </div>
            <div class="grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 gap-4" id="party-cards-grid">
            </div>
        </section>

    </main>

    <footer class="bg-indigo-950 text-slate-300 text-xs border-t border-indigo-900 py-8 mt-12">
        <div class="max-w-7xl mx-auto px-4 text-center space-y-3">
            <div class="flex justify-center items-center space-x-2 space-x-reverse font-bold text-amber-400 text-sm">
                <span><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f3db.png" alt="🏛" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                <span>معهد الدراسات الاجتماعية والإعلامية (SMS INSTITUTE)</span>
            </div>
            <p class="text-slate-400 max-w-2xl mx-auto">
                منصة النتائج التفاعلية لانتخاب أعضاء مجلس النواب &#8211; اقتراع 23 سبتمبر 2026. تم إعداد العرض والتصميم التفاعلي لخدمة الباحثين والمتابعين وصناع القرار.
            </p>
            <p class="text-slate-500 text-[11px] pt-2 border-t border-indigo-900/60 max-w-md mx-auto">
                جميع الحقوق محفوظة © 2026 &#8211; معهد الدراسات الاجتماعية والإعلامية SMS Institute
            </p>
        </div>
    </footer>

    <script>
        const rawLocalData = [
            ["طنجة - أصيلة", "طنجة - أصيلة", "عبد الواحد بولعيش", "حزب التجمع الوطني للأحرار"],
            ["طنجة - أصيلة", "طنجة - أصيلة", "محمد بوزيدان اليدري", "حزب العدالة والتنمية"],
            ["طنجة - أصيلة", "طنجة - أصيلة", "عبد اللطيف الغلبزوري", "حزب الأصالة والمعاصرة"],
            ["طنجة - أصيلة", "طنجة - أصيلة", "محمد الزموري", "حزب الحركة الشعبية"],
            ["طنجة - أصيلة", "طنجة - أصيلة", "محمد الحمامي", "حزب الاستقلال"],
            ["المضيق - الفنيدق", "المضيق - الفنيدق", "محمد العربي المرابط", "حزب الأصالة والمعاصرة"],
            ["المضيق - الفنيدق", "المضيق - الفنيدق", "عصام فراسي", "حزب العدالة والتنمية"],
            ["المضيق - الفنيدق", "المضيق - الفنيدق", "منصف الطوب", "حزب الاستقلال"],
            ["تطوان", "تطوان", "ابراهيم بنصبيح", "حزب الحركة الشعبية"],
            ["تطوان", "تطوان", "احمد بوخبزة", "حزب العدالة والتنمية"],
            ["تطوان", "تطوان", "راشيد الطالبي العلمي", "حزب التجمع الوطني للأحرار"],
            ["تطوان", "تطوان", "محمد العربي احنين", "حزب الأصالة والمعاصرة"],
            ["الفحص - أنجرة", "الفحص - أنجرة", "رضوان النوينو", "حزب التجمع الوطني للأحرار"],
            ["الفحص - أنجرة", "الفحص - أنجرة", "عبد السلام الشلاف الحمود", "حزب الأصالة والمعاصرة"],
            ["العرائش", "العرائش", "نزار بركة", "حزب الاستقلال"],
            ["العرائش", "العرائش", "زينب السيمو", "حزب الأصالة والمعاصرة"],
            ["العرائش", "العرائش", "عبد الخالق بسينطي", "حزب التقدم والاشتراكية"],
            ["العرائش", "العرائش", "عبد العزيز الوادكي", "حزب الحركة الشعبية"],
            ["الحسيمة", "الحسيمة", "محمد الاعرج", "حزب الحركة الشعبية"],
            ["الحسيمة", "الحسيمة", "كريم البوطاهري", "حزب التجمع الوطني للأحرار"],
            ["الحسيمة", "الحسيمة", "عبد الحق امغار", "حزب الاتحاد الاشتراكي للقوات الشعبية"],
            ["الحسيمة", "الحسيمة", "محمد الحموتي", "حزب الأصالة والمعاصرة"],
            ["شفشاون", "شفشاون", "الامين البقالي الطاهري", "حزب الاتحاد الاشتراكي للقوات الشعبية"],
            ["شفشاون", "شفشاون", "عبد الحفيظ المكوثي", "حزب الأصالة والمعاصرة"],
            ["شفشاون", "شفشاون", "عبد الرحمان العمري", "حزب التجمع الوطني للأحرار"],
            ["شفشاون", "شفشاون", "أحمد أمين المتيوي", "حزب الاستقلال"],
            ["وزان", "وزان", "احمد البواري", "حزب التجمع الوطني للأحرار"],
            ["وزان", "وزان", "عبد العزيز الشهب", "حزب الاستقلال"],
            ["وزان", "وزان", "العربي المحرشي", "حزب الأصالة والمعاصرة"],
            ["وجدة - أنجاد", "وجدة - أنجاد", "عبد الله هامل", "حزب العدالة والتنمية"],
            ["وجدة - أنجاد", "وجدة - أنجاد", "عمر حجيرة", "حزب الاستقلال"],
            ["وجدة - أنجاد", "وجدة - أنجاد", "محمد قايدي", "حزب التجمع الوطني للأحرار"],
            ["وجدة - أنجاد", "وجدة - أنجاد", "عبد القادر حظوري", "حزب الأصالة والمعاصرة"],
            ["الناضور", "الناضور", "محمد مومني", "حزب الأصالة والمعاصرة"],
            ["الناضور", "الناضور", "عبد الحليم فوطاط", "حزب التجمع الوطني للأحرار"],
            ["الناضور", "الناضور", "عبد القادر قوضاض", "حزب الاتحاد الدستوري"],
            ["الناضور", "الناضور", "محمد الصادقي", "حزب العدالة والتنمية"],
            ["الدريوش", "الدريوش", "عزيز مكنيف", "حزب الأصالة والمعاصرة"],
            ["الدريوش", "الدريوش", "عبد المنعم الفتاحي", "حزب الاستقلال"],
            ["الدريوش", "الدريوش", "عبد الله البوكيلي", "حزب التجمع الوطني للأحرار"],
            ["جرادة", "جرادة", "رضوان بوكطاية", "حزب الأصالة والمعاصرة"],
            ["جرادة", "جرادة", "مصطفى توتو", "حزب التجمع الوطني للأحرار"],
            ["بركان", "بركان", "محمد ابراهيمي", "حزب الأصالة والمعاصرة"],
            ["بركان", "بركان", "عبد الحكيم بوعزة بنعبد الله", "حزب الاستقلال"],
            ["بركان", "بركان", "محمد صديقي", "حزب التجمع الوطني للأحرار"],
            ["تاوريرت", "تاوريرت", "عبد الرحمان سهلي", "حزب الأصالة والمعاصرة"],
            ["تاوريرت", "تاوريرت", "محمد الحر", "حزب الحركة الشعبية"],
            ["تاوريرت", "تاوريرت", "عبد القادر كاكة", "حزب الحركة الشعبية"],
            ["جرسيف", "جرسيف", "محمد البرنيشي", "حزب الأصالة والمعاصرة"],
            ["جرسيف", "جرسيف", "علي الجغاوي", "حزب الاستقلال"],
            ["فجيج", "فجيج", "حميد الشاية", "حزب الأصالة والمعاصرة"],
            ["فجيج", "فجيج", "رضوان بن احمد", "حزب التجمع الوطني للأحرار"],
            ["فاس", "فاس الشمالية", "ريم شباط", "حزب الحركة الشعبية"],
            ["فاس", "فاس الشمالية", "محسن أزمي حسني", "حزب الأصالة والمعاصرة"],
            ["فاس", "فاس الشمالية", "الحسن سليغوة", "حزب الاستقلال"],
            ["فاس", "فاس الشمالية", "عبد المجيد بن شنوف", "حزب العدالة والتنمية"],
            ["فاس", "فاس الجنوبية", "خالد العجلي", "حزب الحركة الشعبية"],
            ["فاس", "فاس الجنوبية", "زينة شاهيم", "حزب التجمع الوطني للأحرار"],
            ["فاس", "فاس الجنوبية", "محمد خي", "حزب العدالة والتنمية"],
            ["فاس", "فاس الجنوبية", "عزيز اللبار", "حزب الأصالة والمعاصرة"],
            ["مكناس", "مكناس", "عبد القادر البريكي", "حزب الحركة الشعبية"],
            ["مكناس", "مكناس", "اناس الانصاري", "حزب الأصالة والمعاصرة"],
            ["مكناس", "مكناس", "حسن اليمني", "حزب الاستقلال"],
            ["مكناس", "مكناس", "عبد الله بووانو", "حزب العدالة والتنمية"],
            ["مكناس", "مكناس", "العباس الومغاري", "حزب الاتحاد الدستوري"],
            ["مكناس", "مكناس", "احمد طاهري", "حزب التجمع الوطني للأحرار"],
            ["الحاجب", "الحاجب", "احمد الدقاقي", "حزب الأصالة والمعاصرة"],
            ["الحاجب", "الحاجب", "عبد الحق السعيدي", "حزب العدالة والتنمية"],
            ["إفران", "إفران", "محمد والزين", "حزب الحركة الشعبية"],
            ["إفران", "إفران", "محمد اشقیق", "حزب الأصالة والمعاصرة"],
            ["مولاي يعقوب", "مولاي يعقوب", "الحسن شهبي", "حزب الاستقلال"],
            ["مولاي يعقوب", "مولاي يعقوب", "الحسن بلمقدم", "حزب الأصالة والمعاصرة"],
            ["صفرو", "صفرو", "مصطفى الخصم", "حزب الحركة الديمقراطية الاجتماعية"],
            ["صفرو", "صفرو", "ادريس الشبشالي", "حزب الأصالة والمعاصرة"],
            ["صفرو", "صفرو", "يوسف منظور", "حزب التجمع الوطني للأحرار"],
            ["بولمان", "بولمان", "رشيد حموني", "حزب التقدم والاشتراكية"],
            ["بولمان", "بولمان", "محمد شوكي", "حزب التجمع الوطني للأحرار"],
            ["تاونات", "تاونات - تيسة", "محمد الميري", "حزب الأصالة والمعاصرة"],
            ["تاونات", "تاونات - تيسة", "محمد السلاسي", "حزب التجمع الوطني للأحرار"],
            ["تاونات", "تاونات - تيسة", "عبد اللطيف الفويقر", "حزب الأصالة والمعاصرة"],
            ["تاونات", "القرية - غفساي", "عبد الله الادريسي البوزيدي", "حزب التقدم والاشتراكية"],
            ["تاونات", "القرية - غفساي", "المفضل الطاهري", "حزب الاستقلال"],
            ["تاونات", "القرية - غفساي", "محمد الحجيرة", "حزب الأصالة والمعاصرة"],
            ["تازة", "تازة", "عبد الرحمان الميسوري", "حزب التجمع الوطني للأحرار"],
            ["تازة", "تازة", "منير شنتیر", "حزب الاستقلال"],
            ["تازة", "تازة", "خليل الصديقي", "حزب التجمع الوطني للأحرار"],
            ["تازة", "تازة", "احمد العبادي", "حزب التقدم والاشتراكية"],
            ["تازة", "تازة", "محمد امغار", "حزب الأصالة والمعاصرة"],
            ["تازة", "تازة", "خالد البوقرعي", "حزب العدالة والتنمية"],
            ["الرباط", "الرباط - المحيط", "نبيل الدخش", "حزب الحركة الشعبية"],
            ["الرباط", "الرباط - المحيط", "مصطفى الخلفي", "حزب العدالة والتنمية"],
            ["الرباط", "الرباط - المحيط", "عمر محمود بنجلون", "تحالف اليسار"],
            ["الرباط", "الرباط - المحيط", "محمد المهدي بنسعيد", "حزب الأصالة والمعاصرة"],
            ["الرباط", "الرباط - شالة", "ادیب ابن ابراهيم", "حزب الأصالة والمعاصرة"],
            ["الرباط", "الرباط - شالة", "الحسن لشكر", "حزب الاتحاد الاشتراكي للقوات الشعبية"],
            ["الرباط", "الرباط - شالة", "محمد الطاهري", "حزب العدالة والتنمية"],
            ["الرباط", "الرباط - شالة", "ادريس السنتيسي", "حزب الاستقلال"],
            ["سلا", "سلا المدينة", "عماد الدين الريفي", "حزب الأصالة والمعاصرة"],
            ["سلا", "سلا المدينة", "صلاح الدين بلحسن", "حزب الحركة الشعبية"],
            ["سلا", "سلا المدينة", "كمال الكوشي", "حزب العدالة والتنمية"],
            ["سلا", "سلا المدينة", "عزيز هناوي", "حزب العدالة والتنمية"],
            ["سلا", "سلا الجديدة", "امحمد كربوب", "حزب الاستقلال"],
            ["سلا", "سلا الجديدة", "العربي الرويش", "حزب الأصالة والمعاصرة"],
            ["سلا", "سلا الجديدة", "ادريس الأزمي الادريسي", "حزب العدالة والتنمية"],
            ["الصخيرات - تمارة", "الصخيرات - تمارة", "محمد الهلالي", "حزب الأصالة والمعاصرة"],
            ["الصخيرات - تمارة", "الصخيرات - تمارة", "حسن عاريف", "حزب الاتحاد الدستوري"],
            ["الصخيرات - تمارة", "الصخيرات - تمارة", "رشيد الساجد", "حزب الاستقلال"],
            ["الصخيرات - تمارة", "الصخيرات - تمارة", "حاتم بن رقية", "حزب التجمع الوطني للأحرار"],
            ["القنيطرة", "القنيطرة", "الحسين الرحوية", "حزب الاتحاد الدستوري"],
            ["القنيطرة", "القنيطرة", "مصطفى ابراهيمي", "حزب العدالة والتنمية"],
            ["القنيطرة", "القنيطرة", "محمد الغراس", "حزب الحركة الديمقراطية الاجتماعية"],
            ["القنيطرة", "الغرب", "بلعسال شاوي", "حزب الاتحاد الدستوري"],
            ["القنيطرة", "الغرب", "عبد العزيز بوحسيني", "حزب الأصالة والمعاصرة"],
            ["الخميسات", "الخميسات - أولماس", "محمد غریب", "حزب التجمع الوطني للأحرار"],
            ["الخميسات", "الخميسات - أولماس", "محمد اشرورو", "حزب الأصالة والمعاصرة"],
            ["الخميسات", "الخميسات - أولماس", "فؤاد كريم", "حزب التقدم والاشتراكية"],
            ["الخميسات", "تيفلت – الرماني", "محمد الحموش", "حزب الحركة الشعبية"],
            ["الخميسات", "تيفلت – الرماني", "بوشرى الوردي", "حزب الأصالة والمعاصرة"],
            ["الخميسات", "تيفلت – الرماني", "عبد الصمد عرشان", "حزب الحركة الديمقراطية الاجتماعية"],
            ["الخميسات", "تيفلت – الرماني", "حسن الفيلالي", "حزب التجمع الوطني للأحرار"],
            ["سيدي قاسم", "سيدي قاسم", "السعد ابن زروال", "حزب الأصالة والمعاصرة"],
            ["سيدي قاسم", "سيدي قاسم", "عبد النبي عيدودي", "حزب الحركة الشعبية"],
            ["سيدي قاسم", "سيدي قاسم", "فؤاد سليم", "حزب التجمع الوطني للأحرار"],
            ["سيدي قاسم", "سيدي قاسم", "محمد الحافظ", "حزب الاستقلال"],
            ["سيدي قاسم", "سيدي قاسم", "هشام العسل", "حزب الاتحاد الاشتراكي للقوات الشعبية"],
            ["سيدي سليمان", "سيدي سليمان", "لحسن عواد", "حزب الأصالة والمعاصرة"],
            ["سيدي سليمان", "سيدي سليمان", "امجيد الناكة", "حزب العدالة والتنمية"],
            ["سيدي سليمان", "سيدي سليمان", "صابر الجبار", "حزب الاتحاد الدستوري"],
            ["بني ملال", "بني ملال", "مريم وحساة", "حزب التقدم والاشتراكية"],
            ["بني ملال", "بني ملال", "محمد البرديا غازي", "حزب العدالة والتنمية"],
            ["بني ملال", "بني ملال", "رشید مشيش", "تحالف اليسار"],
            ["بني ملال", "بني ملال", "هشام صابري", "حزب الأصالة والمعاصرة"],
            ["بني ملال", "بني ملال", "فاضل براس", "حزب الاتحاد الاشتراكي للقوات الشعبية"],
            ["بني ملال", "بني ملال", "ماديحة خيير", "حزب الاستقلال"],
            ["أزيلال", "بزو - واويزغت", "بدر الدين ناجح فوزي", "حزب الأصالة والمعاصرة"],
            ["أزيلال", "بزو - واويزغت", "محمد شوقي", "حزب الاتحاد الاشتراكي للقوات الشعبية"],
            ["أزيلال", "بزو - واويزغت", "محمد امین", "حزب الاتحاد الدستوري"],
            ["أزيلال", "أزيلال - دمنات", "عبد العالي بروكي", "حزب الاستقلال"],
            ["أزيلال", "أزيلال - دمنات", "محمد ايت بنعلي", "حزب الأصالة والمعاصرة"],
            ["أزيلال", "أزيلال - دمنات", "رشيد منصوري", "حزب التجمع الوطني للأحرار"],
            ["الفقيه بن صالح", "الفقيه بن صالح", "احمد فضلي", "حزب الأصالة والمعاصرة"],
            ["الفقيه بن صالح", "الفقيه بن صالح", "صالح حنين", "حزب التجمع الوطني للأحرار"],
            ["الفقيه بن صالح", "الفقيه بن صالح", "رحال المكاوي", "حزب الاستقلال"],
            ["الفقيه بن صالح", "الفقيه بن صالح", "الشرقاوي الزنايدي", "حزب الاتحاد الاشتراكي للقوات الشعبية"],
            ["خنيفرة", "خنيفرة", "صالح اوغبال", "حزب الاستقلال"],
            ["خنيفرة", "خنيفرة", "نبيل صبري", "حزب الحركة الشعبية"],
            ["خنيفرة", "خنيفرة", "حمان باحسين", "حزب الأصالة والمعاصرة"],
            ["خنيفرة", "خنيفرة", "عبد الاله العلاقي", "حزب الاتحاد الاشتراكي للقوات الشعبية"],
            ["خنيفرة", "خنيفرة", "محمد زكراني", "حزب الاستقلال"],
            ["خريبكة", "خريبكة", "عبد الصماد خناني", "حزب الاتحاد الدستوري"],
            ["خريبكة", "خريبكة", "سعيد سرار", "حزب الحركة الشعبية"],
            ["خريبكة", "خريبكة", "بوعبيد كبوري", "حزب العدالة والتنمية"],
            ["خريبكة", "خريبكة", "خليفة مجيدي", "حزب الأصالة والمعاصرة"],
            ["الدار البيضاء - أنفا", "الدار البيضاء - أنفا", "نجوى ككوس", "حزب الأصالة والمعاصرة"],
            ["الدار البيضاء - أنفا", "الدار البيضاء - أنفا", "عبد الصمد حيكر", "حزب العدالة والتنمية"],
            ["الدار البيضاء - أنفا", "الدار البيضاء - أنفا", "نبيلة منيب", "تحالف اليسار"],
            ["الدار البيضاء - أنفا", "الدار البيضاء - أنفا", "محمد شباك", "حزب التجمع الوطني للأحرار"],
            ["الفداء مرس السلطان", "مرس السلطان الفداء", "محمد التويمي بن جلون", "حزب الأصالة والمعاصرة"],
            ["الفداء مرس السلطان", "مرس السلطان الفداء", "الفاطمي رميد", "حزب العدالة والتنمية"],
            ["الفداء مرس السلطان", "مرس السلطان الفداء", "الحاج ابراهيم نعناعي", "حزب الاتحاد الدستوري"],
            ["الفداء مرس السلطان", "مرس السلطان الفداء", "حسن بن عمر", "حزب التجمع الوطني للأحرار"],
            ["عين السبع - الحي المحمدي", "عين السبع - الحي المحمدي", "رشيد اجكيني", "حزب العدالة والتنمية"],
            ["عين السبع - الحي المحمدي", "عين السبع - الحي المحمدي", "عادل البيطار", "حزب الأصالة والمعاصرة"],
            ["عين السبع - الحي المحمدي", "عين السبع - الحي المحمدي", "عبد اللطيف حرشيش", "حزب الاتحاد الدستوري"],
            ["عين السبع - الحي المحمدي", "عين السبع - الحي المحمدي", "محمد الركاني", "حزب الاستقلال"],
            ["الحي الحسني", "الحي الحسني", "صلاح الدين شنكيط", "حزب الأصالة والمعاصرة"],
            ["الحي الحسني", "الحي الحسني", "سمير شوقي", "حزب العدالة والتنمية"],
            ["الحي الحسني", "الحي الحسني", "عبد الحق الشفيق", "حزب الأصالة والمعاصرة"],
            ["عين الشق", "عين الشق", "امنة ماء العينين", "حزب العدالة والتنمية"],
            ["عين الشق", "عين الشق", "محمد شفیق ابن كيران", "حزب التجمع الوطني للأحرار"],
            ["عين الشق", "عين الشق", "هشام الحيد", "حزب الاستقلال"],
            ["سيدي البرنوصي", "سيدي البرنوصي", "عمر بلاطيف", "حزب العدالة والتنمية"],
            ["سيدي البرنوصي", "سيدي البرنوصي", "احمد بريجة", "حزب الأصالة والمعاصرة"],
            ["سيدي البرنوصي", "سيدي البرنوصي", "سعيد كشاني", "حزب العدالة والتنمية"],
            ["ابن مسيك", "ابن امسيك", "محمد جودار", "حزب الاتحاد الدستوري"],
            ["ابن مسيك", "ابن امسيك", "توفيق كميل", "حزب التجمع الوطني للأحرار"],
            ["مولاي رشيد", "مولاي رشيد", "انس حدادي", "حزب التجمع الوطني للأحرار"],
            ["مولاي رشيد", "مولاي رشيد", "محمد حماما", "حزب الأصالة والمعاصرة"],
            ["مولاي رشيد", "مولاي رشيد", "محسن موفيدي", "حزب العدالة والتنمية"],
            ["المحمدية", "المحمدية", "التهامي محمدي", "حزب العدالة والتنمية"],
            ["المحمدية", "المحمدية", "سعيد التدلاوي", "حزب الاستقلال"],
            ["المحمدية", "المحمدية", "هشام ايت مانة", "حزب التجمع الوطني للأحرار"],
            ["الجديدة", "الجديدة", "المصطفى مرشيد", "حزب العدالة والتنمية"],
            ["الجديدة", "الجديدة", "محمد مهدب", "حزب الأصالة والمعاصرة"],
            ["الجديدة", "الجديدة", "محمد المخنتر", "حزب الحركة الشعبية"],
            ["الجديدة", "الجديدة", "امبارك الطرمونية", "حزب الاستقلال"],
            ["الجديدة", "الجديدة", "ايمن بيزيد", "حزب التقدم والاشتراكية"],
            ["الجديدة", "الجديدة", "بناصر رفيق", "حزب التجمع الوطني للأحرار"],
            ["النواصر", "النواصر", "نور الدين رفيق", "حزب التجمع الوطني للأحرار"],
            ["النواصر", "النواصر", "عبد الكريم لهوايشري", "حزب العدالة والتنمية"],
            ["النواصر", "النواصر", "محمد السالماني", "حزب الأصالة والمعاصرة"],
            ["مديونة", "مديونة", "عبد الرحيم بن الضو", "حزب الأصالة والمعاصرة"],
            ["مديونة", "مديونة", "آمين نقطی", "حزب التجمع الوطني للأحرار"],
            ["بنسليمان", "بنسليمان", "رياض مزور", "حزب الاستقلال"],
            ["بنسليمان", "بنسليمان", "كريم الزيادي", "حزب الأصالة والمعاصرة"],
            ["بنسليمان", "بنسليمان", "ياسين عوكاشا", "حزب التجمع الوطني للأحرار"],
            ["برشید", "برشید", "صابر الكياف", "حزب التجمع الوطني للأحرار"],
            ["برشید", "برشید", "خليد ابراهيمي", "حزب الاستقلال"],
            ["برشید", "برشید", "منال بادل", "حزب الأصالة والمعاصرة"],
            ["برشید", "برشید", "حميد زاتني", "حزب العدالة والتنمية"],
            ["سطات", "سطات", "مسعود اوسار", "حزب الحركة الديمقراطية الاجتماعية"],
            ["سطات", "سطات", "علي فاضلي", "حزب العدالة والتنمية"],
            ["سطات", "سطات", "عثمان بادل", "حزب الأصالة والمعاصرة"],
            ["سطات", "سطات", "العربي شريعي", "حزب الإنصاف"],
            ["سطات", "سطات", "محمد غيات", "حزب التجمع الوطني للأحرار"],
            ["سطات", "سطات", "بوشعيب حميد الله", "حزب الاستقلال"],
            ["سيدي بنور", "سيدي بنور", "عبد الكريم امين", "حزب الأصالة والمعاصرة"],
            ["سيدي بنور", "سيدي بنور", "ياسر قنديل", "حزب التجمع الوطني للأحرار"],
            ["سيدي بنور", "سيدي بنور", "عبد الفتاح عمار", "حزب الحركة الشعبية"],
            ["سيدي بنور", "سيدي بنور", "عبد الغني مخداد", "حزب الاستقلال"],
            ["مراكش", "المدينة - سيدي يوسف بن علي", "فاطمة الزهراء المنصوري", "حزب الأصالة والمعاصرة"],
            ["مراكش", "المدينة - سيدي يوسف بن علي", "صلاح الدين عياش", "حزب العدالة والتنمية"],
            ["مراكش", "المدينة - سيدي يوسف بن علي", "عبد العزيز درويش", "حزب الاستقلال"],
            ["مراكش", "جليز - النخيل", "محمد صباري", "حزب الأصالة والمعاصرة"],
            ["مراكش", "جليز - النخيل", "انس الهواجي", "حزب الاستقلال"],
            ["مراكش", "جليز - النخيل", "محمد منير ورزازي", "حزب العدالة والتنمية"],
            ["مراكش", "المنارة", "عبد الرزاق احلوش", "حزب الاستقلال"],
            ["مراكش", "المنارة", "محمد توفلة", "حزب العدالة والتنمية"],
            ["مراكش", "المنارة", "طارق حنيش", "حزب الأصالة والمعاصرة"],
            ["مراكش", "المنارة", "عبد الله اعمارة", "حزب الاتحاد الدستوري"],
            ["شيشاوة", "شيشاوة", "مولاي هشام المهاجري", "حزب الأصالة والمعاصرة"],
            ["شيشاوة", "شيشاوة", "مروان جناح", "حزب التجمع الوطني للأحرار"],
            ["شيشاوة", "شيشاوة", "احمد واهروش", "حزب الاستقلال"],
            ["الحوز", "الحوز", "محمد ادموسی", "حزب الاستقلال"],
            ["الحوز", "الحوز", "لحسن الاجوادي", "حزب التجمع الوطني للأحرار"],
            ["الحوز", "الحوز", "احمد تويزي", "حزب الأصالة والمعاصرة"],
            ["الحوز", "الحوز", "صالح نجمي", "حزب العدالة والتنمية"],
            ["قلعة السراغنة", "قلعة السراغنة", "المختار بنفائدة", "حزب التجمع الوطني للأحرار"],
            ["قلعة السراغنة", "قلعة السراغنة", "عبد الرحيم طوسي", "حزب العدالة والتنمية"],
            ["قلعة السراغنة", "قلعة السراغنة", "عبد الرحيم واعمرو", "حزب الأصالة والمعاصرة"],
            ["قلعة السراغنة", "قلعة السراغنة", "العياشي الفرفار", "حزب الاستقلال"],
            ["الصويرة", "الصويرة", "عثمان المرسي", "حزب التقدم والاشتراكية"],
            ["الصويرة", "الصويرة", "طارق محمد عثماني", "حزب التجمع الوطني للأحرار"],
            ["الصويرة", "الصويرة", "محمد ملال", "حزب الاتحاد الاشتراكي للقوات الشعبية"],
            ["الصويرة", "الصويرة", "ابراهيم بنجلول", "حزب الأصالة والمعاصرة"],
            ["الرحامنة", "الرحامنة", "عبد اللطيف صنديل", "حزب التجمع الوطني للأحرار"],
            ["الرحامنة", "الرحامنة", "عز الدين المداوي", "حزب الأصالة والمعاصرة"],
            ["الرحامنة", "الرحامنة", "حميد العكرود", "حزب الاتحاد الاشتراكي للقوات الشعبية"],
            ["آسفي", "آسفي", "رضا بوكمازي", "حزب العدالة والتنمية"],
            ["آسفي", "آسفي", "محمد اجدية", "حزب الاتحاد الاشتراكي للقوات الشعبية"],
            ["آسفي", "آسفي", "محمد كاريم", "حزب الأصالة والمعاصرة"],
            ["آسفي", "آسفي", "هشام سعنان", "حزب الاستقلال"],
            ["آسفي", "آسفي", "فيصل الزرهوني", "حزب الاتحاد الدستوري"],
            ["آسفي", "آسفي", "رشيد صابر", "حزب التجمع الوطني للأحرار"],
            ["اليوسفية", "اليوسفية", "يوسف الرويجل", "حزب الأصالة والمعاصرة"],
            ["اليوسفية", "اليوسفية", "مولاي رشيد هاشمي", "حزب العدالة والتنمية"],
            ["اليوسفية", "اليوسفية", "سماعيل العالوي", "حزب الاتحاد الاشتراكي للقوات الشعبية"],
            ["الرشيدية", "الرشيدية", "محمد عبد البار بلحسان", "حزب الحركة الشعبية"],
            ["الرشيدية", "الرشيدية", "مصطفى العمري", "حزب الأصالة والمعاصرة"],
            ["الرشيدية", "الرشيدية", "محمد كراوي", "حزب التجمع الوطني للأحرار"],
            ["الرشيدية", "الرشيدية", "محمد التايكي", "حزب العدالة والتنمية"],
            ["ورزازات", "ورزازات", "عاطف التجاني", "حزب الاستقلال"],
            ["ورزازات", "ورزازات", "ايمان لماوي", "حزب الأصالة والمعاصرة"],
            ["ورزازات", "ورزازات", "رشيد القاضي", "حزب العدالة والتنمية"],
            ["ميدلت", "ميدلت", "مروان شبعتو", "حزب الأصالة والمعاصرة"],
            ["ميدلت", "ميدلت", "عبد العزيز باريك", "حزب الوحدة والديمقراطية"],
            ["ميدلت", "ميدلت", "رشيد طيبي علوي", "حزب الحركة الشعبية"],
            ["تنغير", "تنغير", "هشام موجود", "حزب التجمع الوطني للأحرار"],
            ["تنغير", "تنغير", "لحسن ادعي", "حزب الاستقلال"],
            ["تنغير", "تنغير", "محمد قشا", "حزب التقدم والاشتراكية"],
            ["زاكورة", "زاكورة", "عبد الرحيم شهيد", "حزب الاتحاد الاشتراكي للقوات الشعبية"],
            ["زاكورة", "زاكورة", "الحسين وعلال", "حزب التجمع الوطني للأحرار"],
            ["زاكورة", "زاكورة", "يوسف امنزو", "حزب الأصالة والمعاصرة"],
            ["أكادير - إدا وتنان", "أكادير - إدا وتنان", "زينة ادخلي", "حزب التجمع الوطني للأحرار"],
            ["أكادير - إدا وتنان", "أكادير - إدا وتنان", "حميد وهبي", "حزب الأصالة والمعاصرة"],
            ["أكادير - إدا وتنان", "أكادير - إدا وتنان", "محمد باكيري", "حزب العدالة والتنمية"],
            ["أكادير - إدا وتنان", "أكادير - إدا وتنان", "رجاء مسو", "حزب الاتحاد الاشتراكي للقوات الشعبية"],
            ["إنزكان - آيت ملول", "إنزكان - آيت ملول", "محمد ودمين", "حزب الأصالة والمعاصرة"],
            ["إنزكان - آيت ملول", "إنزكان - آيت ملول", "خالد الشناق", "حزب الاستقلال"],
            ["إنزكان - آيت ملول", "إنزكان - آيت ملول", "احمد ادراق", "حزب العدالة والتنمية"],
            ["اشتوكة - آيت باها", "اشتوكة - آيت باها", "الحسين الفاريسي", "حزب الأصالة والمعاصرة"],
            ["اشتوكة - آيت باها", "اشتوكة - آيت باها", "اسماعيل كرام", "حزب التجمع الوطني للأحرار"],
            ["اشتوكة - آيت باها", "اشتوكة - آيت باها", "الحسين ازوكاغ", "حزب الاستقلال"],
            ["تارودانت", "تارودانت الجنوبية", "عبد الغاني ليمون", "حزب العدالة والتنمية"],
            ["تارودانت", "تارودانت الجنوبية", "عبد الصمد قيوح", "حزب الاستقلال"],
            ["تارودانت", "تارودانت الجنوبية", "حنان الماسي", "حزب الأصالة والمعاصرة"],
            ["تارودانت", "تارودانت الجنوبية", "نادية بوهدود", "حزب التجمع الوطني للأحرار"],
            ["تارودانت", "تارودانت الشمالية", "عبد اللطيف وهبي", "حزب الأصالة والمعاصرة"],
            ["تارودانت", "تارودانت الشمالية", "لحسن السعدي", "حزب التجمع الوطني للأحرار"],
            ["تارودانت", "تارودانت الشمالية", "عبد العزيز البهجة", "حزب الاستقلال"],
            ["تيزنيت", "تيزنيت", "الحسن الباز", "حزب الاستقلال"],
            ["تيزنيت", "تيزنيت", "عبد الله غازي", "حزب التجمع الوطني للأحرار"],
            ["طاطا", "طاطا", "مصطفى تضومانت", "حزب التجمع الوطني للأحرار"],
            ["طاطا", "طاطا", "الحسين بوزحاي", "حزب الاستقلال"],
            ["طاطا", "طاطا", "المهدي لبتايت", "حزب الأصالة والمعاصرة"],
            ["كلميم", "كلميم", "نادية بوعيدا", "حزب التجمع الوطني للأحرار"],
            ["كلميم", "كلميم", "رشيد التامك", "حزب الأصالة والمعاصرة"],
            ["أسا - الزاك", "أسا - الزاك", "محمود عبا", "حزب الاتحاد الاشتراكي للقوات الشعبية"],
            ["أسا - الزاك", "أسا - الزاك", "ابراهيم الوعبان", "حزب الأصالة والمعاصرة"],
            ["طانطان", "طانطان", "عبد الله أبركي", "حزب التجمع الوطني للأحرار"],
            ["سيدي إفني", "سيدي إفني", "سيداتي جمال", "حزب الأصالة والمعاصرة"],
            ["سيدي إفني", "سيدي إفني", "مصطفى بايتاس", "حزب التجمع الوطني للأحرار"],
            ["العيون", "العيون", "مولاي حمدي ولد الرشيد", "حزب الاستقلال"],
            ["العيون", "العيون", "سيدي محمد سالم الجماني", "حزب الأصالة والمعاصرة"],
            ["العيون", "العيون", "حسن الدرهم", "حزب التقدم والاشتراكية"],
            ["بوجدور", "بوجدور", "عبد الله اد بدا", "حزب الأصالة والمعاصرة"],
            ["بوجدور", "بوجدور", "عبد العزيز ابا", "حزب الاستقلال"],
            ["طرفاية", "طرفاية", "محمد سالم بهيا", "حزب التجمع الوطني للأحرار"],
            ["طرفاية", "طرفاية", "عبد الله بيلات", "حزب الاستقلال"],
            ["السمارة", "السمارة", "سيدي محمد الجماني", "حزب الأصالة والمعاصرة"],
            ["السمارة", "السمارة", "مولاي زبير حبدي", "حزب الاستقلال"],
            ["وادي الذهب", "وادي الذهب", "امبارك حمية", "حزب الاستقلال"],
            ["وادي الذهب", "وادي الذهب", "الخطاط ينجا", "حزب الأصالة والمعاصرة"],
            ["أوسرد", "أوسرد", "محمد بوبكر", "حزب الاستقلال"],
            ["أوسرد", "أوسرد", "عبد الفتاح اهل المكي", "حزب الأصالة والمعاصرة"]
        ];

        const rawRegionalData = [
            ["جهة طنجة - تطوان - الحسيمة", "سلمی ابلحساين", "حزب الأصالة والمعاصرة"],
            ["جهة طنجة - تطوان - الحسيمة", "منال الزكاري", "حزب الاتحاد الاشتراكي للقوات الشعبية"],
            ["جهة طنجة - تطوان - الحسيمة", "احلام جلد", "حزب التقدم والاشتراكية"],
            ["جهة طنجة - تطوان - الحسيمة", "وئام الجلولي", "حزب الاستقلال"],
            ["جهة طنجة - تطوان - الحسيمة", "رميساء الحسيوتي", "حزب التجمع الوطني للأحرار"],
            ["جهة طنجة - تطوان - الحسيمة", "دعاء احيدار", "حزب الحركة الشعبية"],
            ["جهة طنجة - تطوان - الحسيمة", "حنان زمیزم", "حزب الديمقراطيين الجدد"],
            ["جهة طنجة - تطوان - الحسيمة", "مجدولين الروزي", "حزب العدالة والتنمية"],
            ["جهة الشرق", "للاهدى المغاري المبرض", "حزب الأصالة والمعاصرة"],
            ["جهة الشرق", "فاطمة الزهراء بصراوي", "حزب التجمع الوطني للأحرار"],
            ["جهة الشرق", "حنان الصوفي", "حزب التقدم والاشتراكية"],
            ["جهة الشرق", "دنيا الصقلي", "حزب العدالة والتنمية"],
            ["جهة الشرق", "مليكة حوليش", "حزب الحركة الشعبية"],
            ["جهة الشرق", "لطيفة الطيبي", "حزب الاستقلال"],
            ["جهة الشرق", "سناء الرحموني", "حزب الاتحاد الاشتراكي للقوات الشعبية"],
            ["جهة الشرق", "الهام الحسني علوي", "حزب الحركة الشعبية"],
            ["جهة فاس - مكناس", "دنيا الزاهر", "حزب جبهة القوى الديمقراطية"],
            ["جهة فاس - مكناس", "رشيدة حاميدي", "حزب الحركة الديمقراطية الاجتماعية"],
            ["جهة فاس - مكناس", "كنزة الزاهر", "حزب الاتحاد الاشتراكي للقوات الشعبية"],
            ["جهة فاس - مكناس", "حليمة الزومي", "حزب الاستقلال"],
            ["جهة فاس - مكناس", "خديجة حجوبي", "حزب الأصالة والمعاصرة"],
            ["جهة فاس - مكناس", "زهرة برحيوي", "حزب التقدم والاشتراكية"],
            ["جهة فاس - مكناس", "سميرة او طالب", "حزب العدالة والتنمية"],
            ["جهة فاس - مكناس", "صفية اللبار", "حزب الاتحاد الدستوري"],
            ["جهة فاس - مكناس", "منية رشاشي", "تحالف اليسار"],
            ["جهة الرباط - سلا - القنيطرة", "فاطمة الزهراء ماحي", "حزب الاتحاد الدستوري"],
            ["جهة الرباط - سلا - القنيطرة", "سومية منصف", "حزب التقدم والاشتراكية"],
            ["جهة الرباط - سلا - القنيطرة", "رحمة وزاني طيبي", "حزب الاستقلال"],
            ["جهة الرباط - سلا - القنيطرة", "قمر عيدودي", "حزب الحركة الشعبية"],
            ["جهة الرباط - سلا - القنيطرة", "اعتماد الزهيدي", "حزب التجمع الوطني للأحرار"],
            ["جهة الرباط - سلا - القنيطرة", "ليلى بيلغة", "حزب الأصالة والمعاصرة"],
            ["جهة الرباط - سلا - القنيطرة", "خديجة كنين", "حزب الاتحاد الاشتراكي للقوات الشعبية"],
            ["جهة الرباط - سلا - القنيطرة", "هند البكي", "حزب العدالة والتنمية"],
            ["جهة الرباط - سلا - القنيطرة", "فتيحة الحجوجي", "حزب الحركة الديمقراطية الاجتماعية"],
            ["جهة الرباط - سلا - القنيطرة", "سعاد فريقش", "تحالف اليسار"],
            ["جهة بني ملال - خنيفرة", "فوزية القرفاد", "حزب العدالة والتنمية"],
            ["جهة بني ملال - خنيفرة", "فاطمة الزهراء بوجنان", "حزب الاتحاد الاشتراكي للقوات الشعبية"],
            ["جهة بني ملال - خنيفرة", "للاة حفيضة امامي", "حزب التقدم والاشتراكية"],
            ["جهة بني ملال - خنيفرة", "أية عدال", "حزب التجمع الوطني للأحرار"],
            ["جهة بني ملال - خنيفرة", "سارة امحزون", "حزب الأصالة والمعاصرة"],
            ["جهة بني ملال - خنيفرة", "هالة زكراني", "حزب الاستقلال"],
            ["جهة بني ملال - خنيفرة", "ريم سرار", "حزب الحركة الشعبية"],
            ["جهة الدار البيضاء - سطات", "دليلة الأوديي", "حزب التقدم والاشتراكية"],
            ["جهة الدار البيضاء - سطات", "فاطمة واشاي", "حزب العدالة والتنمية"],
            ["جهة الدار البيضاء - سطات", "خضراء داودي رغيوي", "حزب الحركة الديمقراطية الاجتماعية"],
            ["جهة الدار البيضاء - سطات", "امال ايدوق", "حزب الإنصاف"],
            ["جهة الدار البيضاء - سطات", "نبيلة جلال", "تحالف اليسار"],
            ["جهة الدار البيضاء - سطات", "سناء بداوي", "حزب الاتحاد الاشتراكي للقوات الشعبية"],
            ["جهة الدار البيضاء - سطات", "مليكة مزور", "حزب الأصالة والمعاصرة"],
            ["جهة الدار البيضاء - سطات", "امينة سالك", "حزب الحركة الشعبية"],
            ["جهة الدار البيضاء - سطات", "سلمى العالمي", "حزب الاستقلال"],
            ["جهة الدار البيضاء - سطات", "حياة جودار", "حزب الاتحاد الدستوري"],
            ["جهة الدار البيضاء - سطات", "نادية نوعم", "حزب جبهة القوى الديمقراطية"],
            ["جهة الدار البيضاء - سطات", "نبيلة ارميلي", "حزب التجمع الوطني للأحرار"],
            ["جهة مراكش - آسفي", "خديجة العكرود", "حزب الاتحاد الاشتراكي للقوات الشعبية"],
            ["جهة مراكش - آسفي", "فاطمة الزهراء البروفي", "حزب الحركة الشعبية"],
            ["جهة مراكش - آسفي", "فاطمة الزهراء عبدون", "تحالف اليسار"],
            ["جهة مراكش - آسفي", "لطيفة بوسكري", "حزب الاتحاد الدستوري"],
            ["جهة مراكش - آسفي", "سلمى احلوش", "حزب الاستقلال"],
            ["جهة مراكش - آسفي", "فاطمة الزهراء المسقى", "حزب الحركة الديمقراطية الاجتماعية"],
            ["جهة مراكش - آسفي", "مريم الكانوني", "حزب التقدم والاشتراكية"],
            ["جهة مراكش - آسفي", "رشيدة بنبوعزة", "حزب التجمع الوطني للأحرار"],
            ["جهة مراكش - آسفي", "هند ارویسی", "حزب العدالة والتنمية"],
            ["جهة مراكش - آسفي", "نادية الادريسي سليطين", "حزب الأصالة والمعاصرة"],
            ["جهة درعة - تافيلالت", "للا نزهة الشرقاوي", "حزب الاتحاد الاشتراكي للقوات الشعبية"],
            ["جهة درعة - تافيلالت", "نجاة ويحيى", "حزب الأصالة والمعاصرة"],
            ["جهة درعة - تافيلالت", "مريم بايا", "حزب التجمع الوطني للأحرار"],
            ["جهة درعة - تافيلالت", "ابتسام طارق", "حزب الاستقلال"],
            ["جهة درعة - تافيلالت", "للا ازهور مليكي", "حزب العدالة والتنمية"],
            ["جهة درعة - تافيلالت", "حكيمة القرطبي", "حزب الحركة الشعبية"],
            ["جهة سوس - ماسة", "سناء زاهيد", "حزب الأصالة والمعاصرة"],
            ["جهة سوس - ماسة", "سناء عكى", "حزب العدالة والتنمية"],
            ["جهة سوس - ماسة", "كنزة قيوح", "حزب الاستقلال"],
            ["جهة سوس - ماسة", "خديجة الباز", "حزب التقدم والاشتراكية"],
            ["جهة سوس - ماسة", "زكية الدريوش", "حزب التجمع الوطني للأحرار"],
            ["جهة سوس - ماسة", "فدوى رجواني", "حزب الاتحاد الاشتراكي للقوات الشعبية"],
            ["جهة سوس - ماسة", "سناء فوزي", "تحالف اليسار"],
            ["جهة كلميم - واد نون", "النعمة عيلة", "حزب الاتحاد الاشتراكي للقوات الشعبية"],
            ["جهة كلميم - واد نون", "مارية ودمين", "حزب الأصالة والمعاصرة"],
            ["جهة كلميم - واد نون", "مريم بوعيدا", "حزب التجمع الوطني للأحرار"],
            ["جهة كلميم - واد نون", "فاطمة الزهرة كويس", "حزب العدالة والتنمية"],
            ["جهة كلميم - واد نون", "سلوی کرمون", "حزب الاستقلال"],
            ["جهة العيون - الساقية الحمراء", "مفيدة وداد", "حزب الاستقلال"],
            ["جهة العيون - الساقية الحمراء", "للارقية شريف", "حزب الاستقلال"],
            ["جهة العيون - الساقية الحمراء", "عزيزة باداد", "حزب الأصالة والمعاصرة"],
            ["جهة العيون - الساقية الحمراء", "اسماء عاوبا", "حزب الاتحاد الاشتراكي للقوات الشعبية"],
            ["جهة العيون - الساقية الحمراء", "فاطمة اسويدي", "حزب التقدم والاشتراكية"],
            ["جهة الداخلة - وادي الذهب", "زينب الكوري", "حزب الأصالة والمعاصرة"],
            ["جهة الداخلة - وادي الذهب", "خديجة الخليكي", "حزب الحركة الشعبية"],
            ["جهة الداخلة - وادي الذهب", "فاطمة ولد عمر", "حزب الاستقلال"]
        ];

        let allMPs = [];
        let filteredMPs = [];
        let currentPage = 1;
        const pageSize = 15;
        let partyChartInstance = null;
        let typeChartInstance = null;

        function initData() {
            let idCounter = 1;
            rawLocalData.forEach(item => {
                allMPs.push({
                    id: idCounter++,
                    province: item[0],
                    district: item[1],
                    name: item[2],
                    party: item[3],
                    type: "LOCAL",
                    typeLabel: "محلي"
                });
            });

            rawRegionalData.forEach(item => {
                allMPs.push({
                    id: idCounter++,
                    province: item[0],
                    district: item[0],
                    name: item[1],
                    party: item[2],
                    type: "REGIONAL",
                    typeLabel: "جهوي (نساء)"
                });
            });

            filteredMPs = [...allMPs];
            populateFilterDropdowns();
            renderStats();
            renderCharts();
            renderTable();
            renderPartyCards();
        }

        function populateFilterDropdowns() {
            const partySelect = document.getElementById("filter-party");
            const regionSelect = document.getElementById("filter-region");

            const parties = [...new Set(allMPs.map(m => m.party))].sort();
            const regions = [...new Set(allMPs.map(m => m.province))].sort();

            parties.forEach(p => {
                const opt = document.createElement("option");
                opt.value = p;
                opt.textContent = p;
                partySelect.appendChild(opt);
            });

            regions.forEach(r => {
                const opt = document.createElement("option");
                opt.value = r;
                opt.textContent = r;
                regionSelect.appendChild(opt);
            });

            const quickPartiesDiv = document.getElementById("quick-party-tags");
            const topParties = ["حزب الأصالة والمعاصرة", "حزب التجمع الوطني للأحرار", "حزب الاستقلال", "حزب العدالة والتنمية"];
            topParties.forEach(p => {
                const btn = document.createElement("button");
                btn.className = "px-2.5 py-1 bg-slate-100 hover:bg-indigo-100 text-slate-700 hover:text-indigo-900 rounded-md transition border border-slate-200 font-medium";
                btn.textContent = p.replace("حزب ", "");
                btn.onclick = () => {
                    document.getElementById("filter-party").value = p;
                    applyFilters();
                };
                quickPartiesDiv.appendChild(btn);
            });
        }

        function renderStats() {
            const total = filteredMPs.length;
            const local = filteredMPs.filter(m => m.type === "LOCAL").length;
            const regional = filteredMPs.filter(m => m.type === "REGIONAL").length;
            const partiesCount = new Set(filteredMPs.map(m => m.party)).size;

            document.getElementById("kpi-total").textContent = total;
            document.getElementById("kpi-local").textContent = local;
            document.getElementById("kpi-regional").textContent = regional;
            document.getElementById("kpi-parties").textContent = partiesCount;
            document.getElementById("table-results-count").textContent = `عرض ${total} نائباً من أصل ${allMPs.length}`;
        }

        function applyFilters() {
            const typeVal = document.getElementById("filter-type").value;
            const partyVal = document.getElementById("filter-party").value;
            const regionVal = document.getElementById("filter-region").value;
            const searchVal = document.getElementById("search-input").value.trim().toLowerCase();

            filteredMPs = allMPs.filter(mp => {
                const matchType = typeVal === "ALL" || mp.type === typeVal;
                const matchParty = partyVal === "ALL" || mp.party === partyVal;
                const matchRegion = regionVal === "ALL" || mp.province === regionVal;
                const matchSearch = searchVal === "" ||
                    mp.name.toLowerCase().includes(searchVal) ||
                    mp.district.toLowerCase().includes(searchVal) ||
                    mp.province.toLowerCase().includes(searchVal) ||
                    mp.party.toLowerCase().includes(searchVal);

                return matchType && matchParty && matchRegion && matchSearch;
            });

            currentPage = 1;
            renderStats();
            renderTable();
            updateCharts();
        }

        function resetFilters() {
            document.getElementById("filter-type").value = "ALL";
            document.getElementById("filter-party").value = "ALL";
            document.getElementById("filter-region").value = "ALL";
            document.getElementById("search-input").value = "";
            applyFilters();
        }

        function renderTable() {
            const tbody = document.getElementById("mp-table-body");
            tbody.innerHTML = "";

            if (filteredMPs.length === 0) {
                tbody.innerHTML = `
                    <tr>
                        <td colspan="6" class="px-4 py-8 text-center text-slate-500">
                            لا توجد نتائج مطابقة لخيارات البحث أو التصفية الحالية.
                        </td>
                    </tr>
                `;
                document.getElementById("page-info").textContent = "الصفحة 0 من 0";
                document.getElementById("prev-page").disabled = true;
                document.getElementById("next-page").disabled = true;
                return;
            }

            const totalPages = Math.ceil(filteredMPs.length / pageSize);
            const startIdx = (currentPage - 1) * pageSize;
            const pageData = filteredMPs.slice(startIdx, startIdx + pageSize);

            pageData.forEach((mp, index) => {
                const tr = document.createElement("tr");
                tr.className = index % 2 === 0 ? "bg-white hover:bg-indigo-50/40" : "bg-slate-50/60 hover:bg-indigo-50/40";

                const badgeClass = mp.type === "LOCAL" 
                    ? "bg-blue-100 text-blue-800 border-blue-200" 
                    : "bg-amber-100 text-amber-800 border-amber-200";

                tr.innerHTML = `
                    <td class="px-4 py-3 text-center font-bold text-slate-400">${startIdx + index + 1}</td>
                    <td class="px-4 py-3 font-bold text-slate-800">${mp.name}</td>
                    <td class="px-4 py-3 font-medium text-slate-700">${mp.party}</td>
                    <td class="px-4 py-3 text-slate-600">${mp.district}</td>
                    <td class="px-4 py-3 text-slate-600">${mp.province}</td>
                    <td class="px-4 py-3 text-center">
                        <span class="inline-block px-2.5 py-0.5 text-[10px] font-semibold rounded-full border ${badgeClass}">
                            ${mp.typeLabel}
                        </span>
                    </td>
                `;
                tbody.appendChild(tr);
            });

            document.getElementById("page-info").textContent = `الصفحة ${currentPage} من ${totalPages}`;
            document.getElementById("prev-page").disabled = currentPage === 1;
            document.getElementById("next-page").disabled = currentPage === totalPages;
        }

        function changePage(delta) {
            const totalPages = Math.ceil(filteredMPs.length / pageSize);
            const newPage = currentPage + delta;
            if (newPage >= 1 && newPage <= totalPages) {
                currentPage = newPage;
                renderTable();
            }
        }

        function getPartyData() {
            const partyMap = {};
            filteredMPs.forEach(mp => {
                if (!partyMap[mp.party]) {
                    partyMap[mp.party] = { total: 0, local: 0, regional: 0 };
                }
                partyMap[mp.party].total++;
                if (mp.type === "LOCAL") partyMap[mp.party].local++;
                else partyMap[mp.party].regional++;
            });

            const sortedParties = Object.keys(partyMap).sort((a, b) => partyMap[b].total - partyMap[a].total);
            return {
                labels: sortedParties.map(p => p.replace("حزب ", "")),
                fullNames: sortedParties,
                localData: sortedParties.map(p => partyMap[p].local),
                regionalData: sortedParties.map(p => partyMap[p].regional),
                totalData: sortedParties.map(p => partyMap[p].total)
            };
        }

        function renderCharts() {
            const partyData = getPartyData();

            const ctxParty = document.getElementById("partyChart").getContext("2d");
            partyChartInstance = new Chart(ctxParty, {
                type: 'bar',
                data: {
                    labels: partyData.labels,
                    datasets: [
                        {
                            label: 'المقاعد المحلية',
                            data: partyData.localData,
                            backgroundColor: '#1e3a8a',
                            borderRadius: 4
                        },
                        {
                            label: 'المقاعد الجهوية (نساء)',
                            data: partyData.regionalData,
                            backgroundColor: '#d97706',
                            borderRadius: 4
                        }
                    ]
                },
                options: {
                    responsive: true,
                    maintainAspectRatio: false,
                    scales: {
                        x: {
                            stacked: true,
                            ticks: { font: { family: 'Tajawal', size: 10 } }
                        },
                        y: {
                            stacked: true,
                            beginAtZero: true,
                            ticks: { font: { family: 'Tajawal', size: 10 } }
                        }
                    },
                    plugins: {
                        legend: {
                            position: 'bottom',
                            labels: { font: { family: 'Tajawal', size: 11 } }
                        },
                        tooltip: {
                            bodyFont: { family: 'Tajawal' },
                            titleFont: { family: 'Tajawal' }
                        }
                    }
                }
            });

            const ctxType = document.getElementById("typeChart").getContext("2d");
            const localCount = filteredMPs.filter(m => m.type === "LOCAL").length;
            const regCount = filteredMPs.filter(m => m.type === "REGIONAL").length;

            typeChartInstance = new Chart(ctxType, {
                type: 'doughnut',
                data: {
                    labels: ['محلي', 'جهوي (نساء)'],
                    datasets: [{
                        data: [localCount, regCount],
                        backgroundColor: ['#1e3a8a', '#d97706'],
                        borderWidth: 2
                    }]
                },
                options: {
                    responsive: true,
                    maintainAspectRatio: false,
                    plugins: {
                        legend: {
                            position: 'bottom',
                            labels: { font: { family: 'Tajawal', size: 11 } }
                        }
                    }
                }
            });
        }

        function updateCharts() {
            if (!partyChartInstance || !typeChartInstance) return;

            const partyData = getPartyData();
            partyChartInstance.data.labels = partyData.labels;
            partyChartInstance.data.datasets[0].data = partyData.localData;
            partyChartInstance.data.datasets[1].data = partyData.regionalData;
            partyChartInstance.update();

            const localCount = filteredMPs.filter(m => m.type === "LOCAL").length;
            const regCount = filteredMPs.filter(m => m.type === "REGIONAL").length;
            typeChartInstance.data.datasets[0].data = [localCount, regCount];
            typeChartInstance.update();
        }

        function renderPartyCards() {
            const grid = document.getElementById("party-cards-grid");
            grid.innerHTML = "";

            const partyCounts = {};
            allMPs.forEach(m => {
                partyCounts[m.party] = (partyCounts[m.party] || 0) + 1;
            });

            const sorted = Object.entries(partyCounts).sort((a, b) => b[1] - a[1]);

            sorted.forEach(([party, count]) => {
                const percentage = ((count / allMPs.length) * 100).toFixed(1);
                const card = document.createElement("div");
                card.className = "bg-slate-50 hover:bg-indigo-50 border border-slate-200 rounded-xl p-4 cursor-pointer transition flex flex-col justify-between hover:border-indigo-300 shadow-sm";
                card.onclick = () => {
                    document.getElementById("filter-party").value = party;
                    applyFilters();
                    window.scrollTo({ top: document.getElementById("search-input").offsetTop - 100, behavior: 'smooth' });
                };

                card.innerHTML = `
                    <div>
                        <div class="text-xs font-bold text-slate-800">${party}</div>
                        <div class="text-xl font-black text-indigo-950 mt-1">${count} <span class="text-xs font-normal text-slate-500">مقعداً</span></div>
                    </div>
                    <div class="w-full bg-slate-200 h-1.5 rounded-full mt-3 overflow-hidden">
                        <div class="bg-indigo-800 h-full rounded-full" style="width: ${percentage}%"></div>
                    </div>
                    <div class="text-[10px] text-slate-500 text-left mt-1 font-semibold">${percentage}% من المجلس</div>
                `;
                grid.appendChild(card);
            });
        }

        window.onload = initData;
    </script>
</body>
</html><g0-textarea-recorder-host id="g0-textarea-recorder"></g0-textarea-recorder-host><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZ3kzgT7771oFq6iUk9hTtmGAP7z3wOfLd0mY1UzMqj6erkyNNEYY6ovVA0yCDukm8Q2fVQjQGCuoM4-FpMFYl891YA-ei077s2dmRL32muAnaZRvVS8cqiuHWQB2Wxat5XjwQKdxKKTi2e5vrhhmw-hiy5AJED_KmDUpg4fXkPP9TqP0NTMroRnXmKMA/s678/images%20(36).jpeg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img decoding="async" border="0" data-original-height="452" data-original-width="678" height="213" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZ3kzgT7771oFq6iUk9hTtmGAP7z3wOfLd0mY1UzMqj6erkyNNEYY6ovVA0yCDukm8Q2fVQjQGCuoM4-FpMFYl891YA-ei077s2dmRL32muAnaZRvVS8cqiuHWQB2Wxat5XjwQKdxKKTi2e5vrhhmw-hiy5AJED_KmDUpg4fXkPP9TqP0NTMroRnXmKMA/s320/images%20(36).jpeg" width="320" /></a></div><br />



<html dir="rtl" lang="ar">
<head>
    <meta charset="UTF-8"></meta>
    <meta content="width=device-width, initial-scale=1.0" name="viewport"></meta>
    <title>الخريطة التفاعلية للانتخابات التشريعية 2026 &#8211; معهد الدراسات الاجتماعية والإعلامية</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <link href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css" rel="stylesheet"></link>
    <script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"></script>
    <link href="https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;600;700;800&amp;display=swap" rel="stylesheet"></link>
    <style>
        body {
            font-family: 'Cairo', sans-serif;
            background-color: #f8fafc;
            color: #0f172a;
        }
        #map {
            height: 520px;
            width: 100%;
            border-radius: 16px;
            z-index: 1;
        }
        .custom-scrollbar::-webkit-scrollbar {
            width: 5px;
            height: 5px;
        }
        .custom-scrollbar::-webkit-scrollbar-track {
            background: #f1f5f9;
        }
        .custom-scrollbar::-webkit-scrollbar-thumb {
            background: #cbd5e1;
            border-radius: 4px;
        }
        .leaflet-container {
            background-color: #f1f5f9;
            font-family: 'Cairo', sans-serif;
        }
    </style>
</head>
<body class="p-2 sm:p-4 bg-slate-100 antialiased">

<!-- Chosen Palette: Warm Civic Navy & Atlas Gold (Dark Blue #0F172A, Royal Blue #1E3A8A, Warm Amber #D97706, Light BG #F8FAFC) -->

<!-- Application Structure Plan:
- Compact Embeddable Header: Dedicated title and attribution for Social and Media Studies Institute in Arabic.
- Controls Bar: Real-time search by city/MP name, filter by party, filter by list type (Local/Regional), and quick reset button.
- Main Interactive Grid:
  * Interactive Morocco Leaflet Map (Canvas render engine for fast performance, no raw SVG).
  * Live Interactive Details Panel: Shows selected constituency info, total seats, breakdown, and list of elected MPs with instant scrolling.
- Quick Stats Counters: Key KPI indicators showing active map nodes, total local and regional seats.
- Footer Tag: Responsive copyright and Institute credits ready for web embedding.
-->

<!-- Visualization & Content Choices:
1. Leaflet Canvas Map -> Goal: Organize & Geographic Distribution -> L.map with Canvas markers -> Interaction: Click node to zoom & display constituency MPs -> Justification: High interactivity and performance without heavy SVG dependencies.
2. Instant Search & Filters -> Goal: Filter & Search -> Vanilla JS string query matching -> Justification: Immediate display of winning MPs per city.
3. Interactive Results Table/Panel -> Goal: Detail Inspection -> Dynamic DOM rendering -> Justification: Allows quick browsing of elected members within the map module.
- Confirming NO SVG graphics used. NO Mermaid JS used. Leaflet configured with `preferCanvas: true`. -->

<!-- CONFIRMATION: NO SVG graphics used. NO Mermaid JS used. -->

<div class="max-w-7xl mx-auto bg-white rounded-2xl shadow-md border border-slate-200 overflow-hidden">
    
    <!-- Header -->
    <header class="bg-indigo-950 text-white p-4 sm:p-5 border-b border-amber-500/30">
        <div class="flex flex-col md:flex-row md:items-center md:justify-between gap-3">
            <div class="flex items-center space-x-3 space-x-reverse">
                <span class="text-2xl"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f5fa.png" alt="🗺" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                <div>
                    <h1 class="text-lg sm:text-xl font-bold text-amber-400">الخريطة التفاعلية للانتخابات التشريعية 2026</h1>
                    <p class="text-xs text-slate-300 mt-0.5">معهد الدراسات الاجتماعية والإعلامية (SMS Institute) &#8211; النتائج الرسمية لانتخابات مجلس النواب</p>
                </div>
            </div>
            <div class="flex items-center gap-2 text-xs bg-indigo-900/80 px-3 py-1.5 rounded-lg border border-indigo-700/50 self-start md:self-auto">
                <span class="w-2 h-2 rounded-full bg-emerald-400 animate-pulse"></span>
                <span>تحديث مباشر: 395 مقعداً برلمانياً</span>
            </div>
        </div>
    </header>

    <!-- Filters & Search Toolbar -->
    <div class="p-4 bg-slate-50 border-b border-slate-200 grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-3 text-xs">
        <div>
            <label class="block font-semibold text-slate-700 mb-1"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f50d.png" alt="🔍" class="wp-smiley" style="height: 1em; max-height: 1em;" /> البحث السريع</label>
            <input class="w-full bg-white border border-slate-300 rounded-lg p-2 focus:ring-2 focus:ring-indigo-500 focus:outline-none" id="search-input" onkeyup="filterMapData()" placeholder="ابحث باسم النائب، الدائرة، الإقليم..." type="text" />
        </div>

        <div>
            <label class="block font-semibold text-slate-700 mb-1"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f3db.png" alt="🏛" class="wp-smiley" style="height: 1em; max-height: 1em;" /> الحزب السياسي</label>
            <select class="w-full bg-white border border-slate-300 rounded-lg p-2 focus:ring-2 focus:ring-indigo-500 focus:outline-none" id="party-filter" onchange="filterMapData()">
                <option value="ALL">جميع الأحزاب</option>
            </select>
        </div>

        <div>
            <label class="block font-semibold text-slate-700 mb-1"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4cb.png" alt="📋" class="wp-smiley" style="height: 1em; max-height: 1em;" /> نوع القائمة</label>
            <select class="w-full bg-white border border-slate-300 rounded-lg p-2 focus:ring-2 focus:ring-indigo-500 focus:outline-none" id="type-filter" onchange="filterMapData()">
                <option value="ALL">جميع اللوائح (395 مقعداً)</option>
                <option value="LOCAL">الدوائر المحلية فقط (305 مقاعد)</option>
                <option value="REGIONAL">اللوائح الجهوية &#8211; النساء (90 مقعداً)</option>
            </select>
        </div>

        <div class="flex items-end">
            <button class="w-full bg-indigo-50 hover:bg-indigo-100 text-indigo-900 font-bold border border-indigo-200 rounded-lg p-2 transition flex items-center justify-center gap-1.5" onclick="resetMap()">
                <span><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f504.png" alt="🔄" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span> إعادة ضبط الخريطة
            </button>
        </div>
    </div>

    <!-- Main Map View Area -->
    <div class="grid grid-cols-1 lg:grid-cols-12 gap-0">
        
        <!-- Interactive Map Container -->
        <div class="lg:col-span-7 p-3 sm:p-4 bg-slate-100 border-b lg:border-b-0 lg:border-l border-slate-200">
            <div id="map"></div>
            <div class="mt-3 flex flex-wrap items-center justify-between gap-2 text-[11px] text-slate-600 bg-white p-2.5 rounded-xl border border-slate-200">
                <div class="flex items-center gap-4">
                    <span class="flex items-center gap-1.5"><span class="w-3 h-3 rounded-full bg-indigo-900 inline-block"></span> دوائر محلية</span>
                    <span class="flex items-center gap-1.5"><span class="w-3 h-3 rounded-full bg-amber-600 inline-block"></span> لوائح جهوية (نساء)</span>
                </div>
                <span class="font-semibold text-indigo-950" id="nodes-count">80 نقطة جغرافية تفاعلية</span>
            </div>
        </div>

        <!-- Selected Constituency Details Panel -->
        <div class="lg:col-span-5 p-4 bg-white flex flex-col justify-between space-y-4">
            <div>
                <div class="border-b border-slate-200 pb-3 mb-3 flex items-center justify-between">
                    <div>
                        <h2 class="font-bold text-slate-800 text-base" id="panel-title">المملكة المغربية &#8211; نظرة عامة</h2>
                        <p class="text-xs text-slate-500 mt-0.5" id="panel-subtitle">انقر على أي دائرة أو إقليم في الخريطة لعرض النواب الفائزين.</p>
                    </div>
                    <span class="bg-indigo-100 text-indigo-950 font-bold text-xs px-2.5 py-1 rounded-full border border-indigo-200" id="panel-seat-badge">395 مقعداً</span>
                </div>

                <!-- Stats summary for selected node -->
                <div class="grid grid-cols-2 gap-2 mb-3 text-xs">
                    <div class="bg-slate-50 p-2.5 rounded-lg border border-slate-200">
                        <span class="text-slate-500 block">مقاعد محلية</span>
                        <span class="font-bold text-indigo-900 text-sm" id="panel-local-count">305</span>
                    </div>
                    <div class="bg-slate-50 p-2.5 rounded-lg border border-slate-200">
                        <span class="text-slate-500 block">مقاعد جهوية</span>
                        <span class="font-bold text-amber-700 text-sm" id="panel-regional-count">90</span>
                    </div>
                </div>

                <!-- MPs List for selected constituency -->
                <h3 class="font-bold text-xs text-slate-700 mb-2 flex items-center gap-1">
                    <span><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f465.png" alt="👥" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span> قائمة النواب المنتخبين (<span id="panel-list-count">395</span>):
                </h3>

                <div class="max-h-[300px] overflow-y-auto custom-scrollbar border border-slate-200 rounded-xl divide-y divide-slate-100 bg-slate-50/50" id="mp-list-container">
                    <!-- Dynamic List Populated by JS -->
                </div>
            </div>

            <!-- Footer Stats Inside Panel -->
            <div class="pt-3 border-t border-slate-100 text-center text-[11px] text-slate-500 flex justify-between items-center">
                <span>مصدر البيانات: معهد SMS Institute</span>
                <span class="font-bold text-indigo-900" id="filtered-total-tag">395 نائب/نائبة</span>
            </div>
        </div>

    </div>

    <!-- Embedded Footer -->
    <footer class="bg-slate-900 text-slate-400 text-xs p-3 text-center border-t border-slate-800">
        حقوق الطبع والنشر © 2026 &#8211; <span class="text-amber-400 font-semibold">معهد الدراسات الاجتماعية والإعلامية (SMS Institute)</span>
    </footer>

</div>

<script>
    const rawLocalDataAr = [
        ["طنجة-أصيلة", "طنجة-أصيلة", "عبد الواحد بولعيش", "التجمع الوطني للأحرار"],
        ["طنجة-أصيلة", "طنجة-أصيلة", "محمد بوزيدان اليضاري", "حزب العدالة والتنمية"],
        ["طنجة-أصيلة", "طنجة-أصيلة", "عبد اللطيف الغلبزوري", "حزب الأصالة والمعاصرة"],
        ["طنجة-أصيلة", "طنجة-أصيلة", "محمد الزموري", "الحركة الشعبية"],
        ["طنجة-أصيلة", "طنجة-أصيلة", "محمد الحمامي", "حزب الاستقلال"],
        ["المضيق-الفنيدق", "المضيق-الفنيدق", "محمد العربي المرابط", "حزب الأصالة والمعاصرة"],
        ["المضيق-الفنيدق", "المضيق-الفنيدق", "عصام فراسي", "حزب العدالة والتنمية"],
        ["المضيق-الفنيدق", "المضيق-الفنيدق", "منصف الطوب", "حزب الاستقلال"],
        ["تطوان", "تطوان", "إبراهيم بنصبيح", "الحركة الشعبية"],
        ["تطوان", "تطوان", "أحمد بوخبزة", "حزب العدالة والتنمية"],
        ["تطوان", "تطوان", "راشيد الطالبي العلمي", "التجمع الوطني للأحرار"],
        ["تطوان", "تطوان", "محمد العربي أحنين", "حزب الأصالة والمعاصرة"],
        ["الفحص-أنجرة", "الفحص-أنجرة", "رضوان النوينو", "التجمع الوطني للأحرار"],
        ["الفحص-أنجرة", "الفحص-أنجرة", "عبد السلام الشلاف الحمود", "حزب الأصالة والمعاصرة"],
        ["العرائش", "العرائش", "نزار بركة", "حزب الاستقلال"],
        ["العرائش", "العرائش", "زينب السيمو", "حزب الأصالة والمعاصرة"],
        ["العرائش", "العرائش", "عبد الخالق بسينتي", "حزب التقدم والاشتراكية"],
        ["العرائش", "العرائش", "عبد العزيز الوادكي", "الحركة الشعبية"],
        ["الحسيمة", "الحسيمة", "محمد الأعرج", "الحركة الشعبية"],
        ["الحسيمة", "الحسيمة", "كريم البوطاهري", "التجمع الوطني للأحرار"],
        ["الحسيمة", "الحسيمة", "عبد الحق أمغار", "الاتحاد الاشتراكي للقوات الشعبية"],
        ["الحسيمة", "الحسيمة", "محمد الحموتي", "حزب الأصالة والمعاصرة"],
        ["شفشاون", "شفشاون", "البرلمان الأمين البقالي الطاهري", "الاتحاد الاشتراكي للقوات الشعبية"],
        ["شفشاون", "شفشاون", "عبد الحفيظ المكوثي", "حزب الأصالة والمعاصرة"],
        ["شفشاون", "شفشاون", "عبد الرحمان العمري", "التجمع الوطني للأحرار"],
        ["شفشاون", "شفشاون", "أحمد أمين المطيوي", "حزب الاستقلال"],
        ["وزان", "وزان", "أحمد البواري", "التجمع الوطني للأحرار"],
        ["وزان", "وزان", "عبد العزيز الشهب", "حزب الاستقلال"],
        ["وزان", "وزان", "العربي المحارشي", "حزب الأصالة والمعاصرة"],
        ["وجدة-أنكاد", "وجدة-أنكاد", "عبد الله هامل", "حزب العدالة والتنمية"],
        ["وجدة-أنكاد", "وجدة-أنكاد", "عمر حجيرة", "حزب الاستقلال"],
        ["وجدة-أنكاد", "وجدة-أنكاد", "محمد القايدي", "التجمع الوطني للأحرار"],
        ["وجدة-أنكاد", "وجدة-أنكاد", "عبد القادر الحضوري", "حزب الأصالة والمعاصرة"],
        ["الناظور", "الناظور", "محمد المؤمنين", "حزب الأصالة والمعاصرة"],
        ["الناظور", "الناظور", "عبد الحليم فوطاط", "التجمع الوطني للأحرار"],
        ["الناظور", "الناظور", "عبد القادر قداد", "الاتحاد الدستوري"],
        ["الناظور", "الناظور", "محمد الصديقي", "حزب العدالة والتنمية"],
        ["الدريوش", "الدريوش", "عزيز مكنيف", "حزب الأصالة والمعاصرة"],
        ["الدريوش", "الدريوش", "عبد المنعم الفتاحي", "حزب الاستقلال"],
        ["الدريوش", "الدريوش", "عبد الله البوكيلي", "التجمع الوطني للأحرار"],
        ["جرادة", "جرادة", "رضوان بوقطاية", "حزب الأصالة والمعاصرة"],
        ["جرادة", "جرادة", "مصطفى توتو", "التجمع الوطني للأحرار"],
        ["بركان", "بركان", "محمد إبراهيمي", "حزب الأصالة والمعاصرة"],
        ["بركان", "بركان", "عبد الحكيم بن عبد الله", "حزب الاستقلال"],
        ["بركان", "بركان", "محمد صديقي", "التجمع الوطني للأحرار"],
        ["تاوريرت", "تاوريرت", "عبد الرحمان سهلي", "حزب الأصالة والمعاصرة"],
        ["تاوريرت", "تاوريرت", "محمد الحر", "الحركة الشعبية"],
        ["تاوريرت", "تاوريرت", "عبد القادر كعكة", "الحركة الشعبية"],
        ["جرسيف", "جرسيف", "محمد البرنيشي", "حزب الأصالة والمعاصرة"],
        ["جرسيف", "جرسيف", "علي الجغاوي", "حزب الاستقلال"],
        ["فيقيق", "فيقيق", "حميد الشاية", "حزب الأصالة والمعاصرة"],
        ["فيقيق", "فيقيق", "رضوان بن أحمد", "التجمع الوطني للأحرار"],
        ["فاس", "فاس الشمالية", "ريم شباط", "الحركة الشعبية"],
        ["فاس", "فاس الشمالية", "محسن عزمي حسني", "حزب الأصالة والمعاصرة"],
        ["فاس", "فاس الشمالية", "الحسن سليغوة", "حزب الاستقلال"],
        ["فاس", "فاس الشمالية", "عبد المجيد بنشنوف", "حزب العدالة والتنمية"],
        ["فاس", "فاس الجنوبية", "خالد العجلي", "الحركة الشعبية"],
        ["فاس", "فاس الجنوبية", "زينب شاهيم", "التجمع الوطني للأحرار"],
        ["فاس", "فاس الجنوبية", "محمد خي", "حزب العدالة والتنمية"],
        ["فاس", "فاس الجنوبية", "عزيز اللبار", "حزب الأصالة والمعاصرة"],
        ["مكناس", "مكناس", "عبد القادر البريكي", "الحركة الشعبية"],
        ["مكناس", "مكناس", "أنس الأنصاري", "حزب الأصالة والمعاصرة"],
        ["مكناس", "مكناس", "حسن اليماني", "حزب الاستقلال"],
        ["مكناس", "مكناس", "عبد الله بوانو", "حزب العدالة والتنمية"],
        ["مكناس", "مكناس", "العباس المغاري", "الاتحاد الدستوري"],
        ["مكناس", "مكناس", "أحمد الطاهري", "التجمع الوطني للأحرار"],
        ["الحاجب", "الحاجب", "أحمد الدكاكي", "حزب الأصالة والمعاصرة"],
        ["الحاجب", "الحاجب", "عبد الحق السعيدي", "حزب العدالة والتنمية"],
        ["إفران", "إفران", "محمد أوزين", "الحركة الشعبية"],
        ["إفران", "إفران", "محمد أشقايق", "حزب الأصالة والمعاصرة"],
        ["مولاي يعقوب", "مولاي يعقوب", "الحسن الشهبي", "حزب الاستقلال"],
        ["مولاي يعقوب", "مولاي يعقوب", "الحسن بالمقدم", "حزب الأصالة والمعاصرة"],
        ["صفرو", "صفرو", "مصطفى الخصم", "الحركة الديمقراطية الاجتماعية"],
        ["صفرو", "صفرو", "إدريس الشبشالي", "حزب الأصالة والمعاصرة"],
        ["صفرو", "صفرو", "يوسف مندور", "التجمع الوطني للأحرار"],
        ["بولمان", "بولمان", "رشيد حموني", "حزب التقدم والاشتراكية"],
        ["بولمان", "بولمان", "محمد شوكي", "التجمع الوطني للأحرار"],
        ["تاونات", "تاونات - تيسة", "محمد الميري", "حزب الأصالة والمعاصرة"],
        ["تاونات", "تاونات - تيسة", "محمد السلاسي", "التجمع الوطني للأحرار"],
        ["تاونات", "تاونات - تيسة", "عبد اللطيف الفويقار", "حزب الأصالة والمعاصرة"],
        ["تاونات", "قرية با محمد - غفساي", "عبد الله الإدريسي البوزيدي", "حزب التقدم والاشتراكية"],
        ["تاونات", "قرية با محمد - غفساي", "المفضل الطاهري", "حزب الاستقلال"],
        ["تاونات", "قرية با محمد - غفساي", "محمد الحجيرة", "حزب الأصالة والمعاصرة"],
        ["تازة", "تازة", "عبد الرحمان الميسوري", "التجمع الوطني للأحرار"],
        ["تازة", "تازة", "منير شنتير", "حزب الاستقلال"],
        ["تازة", "تازة", "خليل الصديقي", "التجمع الوطني للأحرار"],
        ["تازة", "تازة", "أحمد العبادي", "حزب التقدم والاشتراكية"],
        ["تازة", "تازة", "محمد أمغار", "حزب الأصالة والمعاصرة"],
        ["تازة", "تازة", "خالد البوقرعي", "حزب العدالة والتنمية"],
        ["الرباط", "الرباط - المحيط", "نبيل الدخش", "الحركة الشعبية"],
        ["الرباط", "الرباط - المحيط", "مصطفى الخلفي", "حزب العدالة والتنمية"],
        ["الرباط", "الرباط - المحيط", "عمر محمود بنجلون", "تحالف اليسار"],
        ["الرباط", "الرباط - المحيط", "محمد مهدي بنسعيد", "حزب الأصالة والمعاصرة"],
        ["الرباط", "الرباط - شالة", "أديب بنبرهيم", "حزب الأصالة والمعاصرة"],
        ["الرباط", "الرباط - شالة", "الحسن لشكر", "الاتحاد الاشتراكي للقوات الشعبية"],
        ["الرباط", "الرباط - شالة", "محمد الطاهري", "حزب العدالة والتنمية"],
        ["الرباط", "الرباط - شالة", "إدريس السنتيسي", "حزب الاستقلال"],
        ["سلا", "سلا المدينة", "عماد الدين الريفي", "حزب الأصالة والمعاصرة"],
        ["سلا", "سلا المدينة", "صلاح الدين بلحسن", "الحركة الشعبية"],
        ["سلا", "سلا المدينة", "كمال الكوشي", "حزب العدالة والتنمية"],
        ["سلا", "سلا المدينة", "عزيز هنداوي", "حزب العدالة والتنمية"],
        ["سلا", "سلا الجديدة", "امحمد كربوب", "حزب الاستقلال"],
        ["سلا", "سلا الجديدة", "العربي الرويش", "حزب الأصالة والمعاصرة"],
        ["سلا", "سلا الجديدة", "إدريس الأزمي الإدريسي", "حزب العدالة والتنمية"],
        ["الصخيرة-تمارة", "الصخيرات - تمارة", "محمد الهلالي", "حزب الأصالة والمعاصرة"],
        ["الصخيرة-تمارة", "الصخيرات - تمارة", "حسن عاريف", "الاتحاد الدستوري"],
        ["الصخيرة-تمارة", "الصخيرات - تمارة", "رشيد الساجد", "حزب الاستقلال"],
        ["الصخيرة-تمارة", "الصخيرات - تمارة", "حاتم بن رقية", "التجمع الوطني للأحرار"],
        ["القنيطرة", "القنيطرة", "الحسين الرحاوية", "الاتحاد الدستوري"],
        ["القنيطرة", "القنيطرة", "مصطفى الإبراهيمي", "حزب العدالة والتنمية"],
        ["القنيطرة", "القنيطرة", "محمد الغراس", "الحركة الديمقراطية الاجتماعية"],
        ["القنيطرة", "الغرب", "بلعسال الشاوي", "الاتحاد الدستوري"],
        ["القنيطرة", "الغرب", "عبد العزيز البوحسيني", "حزب الأصالة والمعاصرة"],
        ["الخميسات", "الخميسات - أولماس", "محمد غريب", "التجمع الوطني للأحرار"],
        ["الخميسات", "الخميسات - أولماس", "محمد أوشرع", "حزب الأصالة والمعاصرة"],
        ["الخميسات", "الخميسات - أولماس", "فؤاد كريم", "حزب التقدم والاشتراكية"],
        ["الخميسات", "تيفلت - الرماني", "محمد الحموش", "الحركة الشعبية"],
        ["الخميسات", "تيفلت - الرماني", "بشرى الوردي", "حزب الأصالة والمعاصرة"],
        ["الخميسات", "تيفلت - الرماني", "عبد الصمد أرشان", "الحركة الديمقراطية الاجتماعية"],
        ["الخميسات", "تيفلت - الرماني", "حسن الفيلالي", "التجمع الوطني للأحرار"],
        ["سيدي قاسم", "سيدي قاسم", "الساعد بن زروال", "حزب الأصالة والمعاصرة"],
        ["سيدي قاسم", "سيدي قاسم", "عبد النبي عيدودي", "الحركة الشعبية"],
        ["سيدي قاسم", "سيدي قاسم", "فؤاد سليم", "التجمع الوطني للأحرار"],
        ["سيدي قاسم", "سيدي قاسم", "محمد الحافظ", "حزب الاستقلال"],
        ["سيدي قاسم", "سيدي قاسم", "هشام العسال", "الاتحاد الاشتراكي للقوات الشعبية"],
        ["سيدي سليمان", "سيدي سليمان", "لحسن عواد", "حزب الأصالة والمعاصرة"],
        ["سيدي سليمان", "سيدي سليمان", "أمجد الناقة", "حزب العدالة والتنمية"],
        ["سيدي سليمان", "سيدي سليمان", "صابر الجبار", "الاتحاد الدستوري"],
        ["بني ملال", "بني ملال", "مريم أوهساتا", "حزب التقدم والاشتراكية"],
        ["بني ملال", "بني ملال", "محمد البردعي غازي", "حزب العدالة والتنمية"],
        ["بني ملال", "بني ملال", "رشيد مشيش", "تحالف اليسار"],
        ["بني ملال", "بني ملال", "هشام صبري", "حزب الأصالة والمعاصرة"],
        ["بني ملال", "بني ملال", "فاضل برص", "الاتحاد الاشتراكي للقوات الشعبية"],
        ["بني ملال", "بني ملال", "مديحة خير", "حزب الاستقلال"],
        ["أزيلال", "بزو - واويزغت", "بدر الدين ناجح فوزي", "حزب الأصالة والمعاصرة"],
        ["أزيلال", "بزو - واويزغت", "محمد شوكي", "الاتحاد الاشتراكي للقوات الشعبية"],
        ["أزيلال", "بزو - واويزغت", "محمد أمين", "الاتحاد الدستوري"],
        ["أزيلال", "أزيلال - دمنات", "عبد العالي بروقي", "حزب الاستقلال"],
        ["أزيلال", "أزيلال - دمنات", "محمد أيت بنعلي", "حزب الأصالة والمعاصرة"],
        ["أزيلال", "أزيلال - دمنات", "رشيد المنصوري", "التجمع الوطني للأحرار"],
        ["الفقيه بن صالح", "الفقيه بن صالح", "أحمد فضلي", "حزب الأصالة والمعاصرة"],
        ["الفقيه بن صالح", "الفقيه بن صالح", "صلاح حنين", "التجمع الوطني للأحرار"],
        ["الفقيه بن صالح", "الفقيه بن صالح", "رحال المكاوي", "حزب الاستقلال"],
        ["الفقيه بن صالح", "الفقيه بن صالح", "الشرقاوي الزنايدي", "الاتحاد الاشتراكي للقوات الشعبية"],
        ["خنيفرة", "خنيفرة", "صالح أوعقبال", "حزب الاستقلال"],
        ["خنيفرة", "خنيفرة", "نبيل صبري", "الحركة الشعبية"],
        ["خنيفرة", "خنيفرة", "حمان باحسين", "حزب الأصالة والمعاصرة"],
        ["خنيفرة", "خنيفرة", "عبد الإله العلاقي", "الاتحاد الاشتراكي للقوات الشعبية"],
        ["خنيفرة", "خنيفرة", "محمد زكراني", "حزب الاستقلال"],
        ["خريبكة", "خريبكة", "عبد الصمد خناني", "الاتحاد الدستوري"],
        ["خريبكة", "خريبكة", "سعيد سرار", "الحركة الشعبية"],
        ["خريبكة", "خريبكة", "بُوعبيد قبوري", "حزب العدالة والتنمية"],
        ["خريبكة", "خريبكة", "خليفة مجيدي", "حزب الأصالة والمعاصرة"],
        ["الدار البيضاء", "أنفا", "نجوى كوكوس", "حزب الأصالة والمعاصرة"],
        ["الدار البيضاء", "أنفا", "عبد الصمد حيكر", "حزب العدالة والتنمية"],
        ["الدار البيضاء", "أنفا", "نبيلة منيب", "تحالف اليسار"],
        ["الدار البيضاء", "أنفا", "محمد شباك", "التجمع الوطني للأحرار"],
        ["مرس السلطان - الفداء", "مرس السلطان - الفداء", "محمد التويمي بنجلون", "حزب الأصالة والمعاصرة"],
        ["مرس السلطان - الفداء", "مرس السلطان - الفداء", "الفاهمي الرميد", "حزب العدالة والتنمية"],
        ["مرس السلطان - الفداء", "مرس السلطان - الفداء", "الحاج إبراهيم نعناعي", "الاتحاد الدستوري"],
        ["مرس السلطان - الفداء", "مرس السلطان - الفداء", "حسن بنعمر", "التجمع الوطني للأحرار"],
        ["عين السبع - الحي المحمدي", "عين السبع - الحي المحمدي", "رشيد عجكيني", "حزب العدالة والتنمية"],
        ["عين السبع - الحي المحمدي", "عين السبع - الحي المحمدي", "عادل البيطار", "حزب الأصالة والمعاصرة"],
        ["عين السبع - الحي المحمدي", "عين السبع - الحي المحمدي", "عبد اللطيف حرشيش", "الاتحاد الدستوري"],
        ["عين السبع - الحي المحمدي", "عين السبع - الحي المحمدي", "محمد الركاني", "حزب الاستقلال"],
        ["الحي الحسني", "الحي الحسني", "صلاح الدين شنكيط", "حزب الأصالة والمعاصرة"],
        ["الحي الحسني", "الحي الحسني", "سمير شوقي", "حزب العدالة والتنمية"],
        ["الحي الحسني", "الحي الحسني", "عبد الحق الشفيق", "حزب الأصالة والمعاصرة"],
        ["عين الشق", "عين الشق", "أمينة ماء العينين", "حزب العدالة والتنمية"],
        ["عين الشق", "عين الشق", "محمد شفيق ابن كيران", "التجمع الوطني للأحرار"],
        ["عين الشق", "عين الشق", "هشام الهيد", "حزب الاستقلال"],
        ["سيدي البرنوصي", "سيدي البرنوصي", "عمر بلافريج", "حزب العدالة والتنمية"],
        ["سيدي البرنوصي", "سيدي البرنوصي", "أحمد بريجة", "حزب الأصالة والمعاصرة"],
        ["سيدي البرنوصي", "سيدي البرنوصي", "سعيد كشاني", "حزب العدالة والتنمية"],
        ["بن مسيك", "بن مسيك", "محمد جودار", "الاتحاد الدستوري"],
        ["بن مسيك", "بن مسيك", "توفيق كاميل", "التجمع الوطني للأحرار"],
        ["مولاي رشيد", "مولاي رشيد", "أنس حدادي", "التجمع الوطني للأحرار"],
        ["مولاي رشيد", "مولاي رشيد", "محمد حمامة", "حزب الأصالة والمعاصرة"],
        ["مولاي رشيد", "مولاي رشيد", "محسن مفيدي", "حزب العدالة والتنمية"],
        ["المحمدية", "المحمدية", "التهامي المحمدي", "حزب العدالة والتنمية"],
        ["المحمدية", "المحمدية", "سعيد تدلاوي", "حزب الاستقلال"],
        ["المحمدية", "المحمدية", "هشام آيت منا", "التجمع الوطني للأحرار"],
        ["الجديدة", "الجديدة", "المصطفى مرشيد", "حزب العدالة والتنمية"],
        ["الجديدة", "الجديدة", "محمد مهذب", "حزب الأصالة والمعاصرة"],
        ["الجديدة", "الجديدة", "محمد المختار", "الحركة الشعبية"],
        ["الجديدة", "الجديدة", "مبارك الترمونية", "حزب الاستقلال"],
        ["الجديدة", "الجديدة", "أيمن بزيز", "حزب التقدم والاشتراكية"],
        ["الجديدة", "الجديدة", "بناصر رفيق", "التجمع الوطني للأحرار"],
        ["النواصر", "النواصر", "نور الدين رفيق", "التجمع الوطني للأحرار"],
        ["النواصر", "النواصر", "عبد الكريم لهوايشري", "حزب العدالة والتنمية"],
        ["النواصر", "النواصر", "محمد السلماني", "حزب الأصالة والمعاصرة"],
        ["مديونة", "مديونة", "عبد الرحيم بن الضو", "حزب الأصالة والمعاصرة"],
        ["مديونة", "مديونة", "أمين نقطة", "التجمع الوطني للأحرار"],
        ["بنسليمان", "بنسليمان", "رياض مزور", "حزب الاستقلال"],
        ["بنسليمان", "بنسليمان", "كريم الزيادي", "حزب الأصالة والمعاصرة"],
        ["بنسليمان", "بنسليمان", "ياسين عكاشة", "التجمع الوطني للأحرار"],
        ["برشيد", "برشيد", "صابر الكياف", "التجمع الوطني للأحرار"],
        ["برشيد", "برشيد", "خالد إبراهيمي", "حزب الاستقلال"],
        ["برشيد", "برشيد", "منال بديل", "حزب الأصالة والمعاصرة"],
        ["برشيد", "برشيد", "حميد زاتني", "حزب العدالة والتنمية"],
        ["سطات", "سطات", "مسعود أوسار", "الحركة الديمقراطية الاجتماعية"],
        ["سطات", "سطات", "علي فضيلي", "حزب العدالة والتنمية"],
        ["سطات", "سطات", "عثمان بديل", "حزب الأصالة والمعاصرة"],
        ["سطات", "سطات", "العربي شريعي", "حزب الإنصاف"],
        ["سطات", "سطات", "محمد غيات", "التجمع الوطني للأحرار"],
        ["سطات", "سطات", "بوشعيب حميد الله", "حزب الاستقلال"],
        ["سيدي بنور", "سيدي بنور", "عبد الكريم أمين", "حزب الأصالة والمعاصرة"],
        ["سيدي بنور", "سيدي بنور", "ياسر ينديل", "التجمع الوطني للأحرار"],
        ["سيدي بنور", "سيدي بنور", "عبد الفتاح عمار", "الحركة الشعبية"],
        ["سيدي بنور", "سيدي بنور", "عبد الغني مخداد", "حزب الاستقلال"],
        ["مراكش", "المدينة - سيدي يوسف بن علي", "فاطمة الزهراء المنصوري", "حزب الأصالة والمعاصرة"],
        ["مراكش", "المدينة - سيدي يوسف بن علي", "صلاح الدين عياش", "حزب العدالة والتنمية"],
        ["مراكش", "المدينة - سيدي يوسف بن علي", "عبد العزيز الدريوش", "حزب الاستقلال"],
        ["مراكش", "جليز - النخيل", "محمد الصباري", "حزب الأصالة والمعاصرة"],
        ["مراكش", "جليز - النخيل", "أنس الحواجي", "حزب الاستقلال"],
        ["مراكش", "جليز - النخيل", "محمد منير الورزازي", "حزب العدالة والتنمية"],
        ["مراكش", "المنارة", "عبد الرزاق أحلوش", "حزب الاستقلال"],
        ["مراكش", "المنارة", "محمد طفلة", "حزب العدالة والتنمية"],
        ["مراكش", "المنارة", "طارق حنيش", "حزب الأصالة والمعاصرة"],
        ["مراكش", "المنارة", "عبد الله عمارة", "الاتحاد الدستوري"],
        ["شيشاوة", "شيشاوة", "مولاي هشام المهاجري", "حزب الأصالة والمعاصرة"],
        ["شيشاوة", "شيشاوة", "مروان جناح", "التجمع الوطني للأحرار"],
        ["شيشاوة", "شيشاوة", "أحمد واهروش", "حزب الاستقلال"],
        ["الحوز", "الحوز", "محمد أدموسى", "حزب الاستقلال"],
        ["الحوز", "الحوز", "لحسن العجوادي", "التجمع الوطني للأحرار"],
        ["الحوز", "الحوز", "أحمد التويزي", "حزب الأصالة والمعاصرة"],
        ["الحوز", "الحوز", "صلاح نجمي", "حزب العدالة والتنمية"],
        ["قلعة السراغنة", "قلعة السراغنة", "المختار بنفايدة", "التجمع الوطني للأحرار"],
        ["قلعة السراغنة", "قلعة السراغنة", "عبد الرحيم طوسي", "حزب العدالة والتنمية"],
        ["قلعة السراغنة", "قلعة السراغنة", "عبد الرحيم واعمرو", "حزب الأصالة والمعاصرة"],
        ["قلعة السراغنة", "قلعة السراغنة", "العياشي الفرفار", "حزب الاستقلال"],
        ["الصويرة", "الصويرة", "عثمان المرسي", "حزب التقدم والاشتراكية"],
        ["الصويرة", "الصويرة", "طارق محمد العثماني", "التجمع الوطني للأحرار"],
        ["الصويرة", "الصويرة", "محمد ملال", "الاتحاد الاشتراكي للقوات الشعبية"],
        ["الصويرة", "الصويرة", "إبراهيم بنجلول", "حزب الأصالة والمعاصرة"],
        ["الرحامنة", "الرحامنة", "عبد اللطيف صنديل", "التجمع الوطني للأحرار"],
        ["الرحامنة", "الرحامنة", "عز الدين المداوي", "حزب الأصالة والمعاصرة"],
        ["الرحامنة", "الرحامنة", "حميد الأكرود", "الاتحاد الاشتراكي للقوات الشعبية"],
        ["آسفي", "آسفي", "رضا بوكمازي", "حزب العدالة والتنمية"],
        ["آسفي", "آسفي", "محمد أجدية", "الاتحاد الاشتراكي للقوات الشعبية"],
        ["آسفي", "آسفي", "محمد كريم", "حزب الأصالة والمعاصرة"],
        ["آسفي", "آسفي", "هشام سعنان", "حزب الاستقلال"],
        ["آسفي", "آسفي", "فيصل زرهوني", "الاتحاد الدستوري"],
        ["آسفي", "آسفي", "رشيد صابر", "التجمع الوطني للأحرار"],
        ["اليوصفية", "اليوصفية", "يوسف الرويجل", "حزب الأصالة والمعاصرة"],
        ["اليوصفية", "اليوصفية", "مولاي رشيد الحاشمي", "حزب العدالة والتنمية"],
        ["اليوصفية", "اليوصفية", "إسماعيل العلوي", "الاتحاد الاشتراكي للقوات الشعبية"],
        ["الرشيدية", "الرشيدية", "محمد عبد البار بالحسن", "الحركة الشعبية"],
        ["الرشيدية", "الرشيدية", "مصطفى العمري", "حزب الأصالة والمعاصرة"],
        ["الرشيدية", "الرشيدية", "محمد الكروي", "التجمع الوطني للأحرار"],
        ["الرشيدية", "الرشيدية", "محمد الطايكي", "حزب العدالة والتنمية"],
        ["وارزازات", "وارزازات", "عاطف التجاني", "حزب الاستقلال"],
        ["وارزازات", "وارزازات", "إيمان لماوي", "حزب الأصالة والمعاصرة"],
        ["وارزازات", "وارزازات", "رشيد القاضي", "حزب العدالة والتنمية"],
        ["ميدلت", "ميدلت", "مروان شباطو", "حزب الأصالة والمعاصرة"],
        ["ميدلت", "ميدلت", "عبد العزيز بريك", "حزب الوحدة والديمقراطية"],
        ["ميدلت", "ميدلت", "رشيد طيبي علوي", "الحركة الشعبية"],
        ["تنغير", "تنغير", "هشام موجود", "التجمع الوطني للأحرار"],
        ["تنغير", "تنغير", "لحسن إدعي", "حزب الاستقلال"],
        ["تنغير", "تنغير", "محمد قشا", "حزب التقدم والاشتراكية"],
        ["زكورة", "زكورة", "عبد الرحيم شهيد", "الاتحاد الاشتراكي للقوات الشعبية"],
        ["زكورة", "زكورة", "الحسين أعلال", "التجمع الوطني للأحرار"],
        ["زكورة", "زكورة", "يوسف أمنتزوى", "حزب الأصالة والمعاصرة"],
        ["أكادير-إداوتنان", "أكادير-إداوتنان", "زينة إدحلي", "التجمع الوطني للأحرار"],
        ["أكادير-إداوتنان", "أكادير-إداوتنان", "حميد وهبي", "حزب الأصالة والمعاصرة"],
        ["أكادير-إداوتنان", "أكادير-إداوتنان", "محمد باقيري", "حزب العدالة والتنمية"],
        ["أكادير-إداوتنان", "أكادير-إداوتنان", "رجاء ماسو", "الاتحاد الاشتراكي للقوات الشعبية"],
        ["إنزكان-آيت ملول", "إنزكان-آيت ملول", "محمد أودمين", "حزب الأصالة والمعاصرة"],
        ["إنزكان-آيت ملول", "إنزكان-آيت ملول", "خالد الشناك", "حزب الاستقلال"],
        ["إنزكان-آيت ملول", "إنزكان-آيت ملول", "أحمد أدراك", "حزب العدالة والتنمية"],
        ["شتوكة-آيت باها", "شتوكة-آيت باها", "الحسين الفارسي", "حزب الأصالة والمعاصرة"],
        ["شتوكة-آيت باها", "شتوكة-آيت باها", "إسماعيل كرام", "التجمع الوطني للأحرار"],
        ["شتوكة-آيت باها", "شتوكة-آيت باها", "الحسين أزوكاغ", "حزب الاستقلال"],
        ["تارودانت", "تارودانت الجنوبية", "عبد الغني ليمون", "حزب العدالة والتنمية"],
        ["تارودانت", "تارودانت الجنوبية", "عبد الصمد قيوح", "حزب الاستقلال"],
        ["تارودانت", "تارودانت الجنوبية", "حنان الماسي", "حزب الأصالة والمعاصرة"],
        ["تارودانت", "تارودانت الجنوبية", "نادية بوحذود", "التجمع الوطني للأحرار"],
        ["تارودانت", "تارودانت الشمالية", "عبد اللطيف وهبي", "حزب الأصالة والمعاصرة"],
        ["تارودانت", "تارودانت الشمالية", "لحسن السعدي", "التجمع الوطني للأحرار"],
        ["تارودانت", "تارودانت الشمالية", "عبد العزيز البهجة", "حزب الاستقلال"],
        ["تزنيت", "تزنيت", "الحسن الباز", "حزب الاستقلال"],
        ["تزنيت", "تزنيت", "عبد الله غازي", "التجمع الوطني للأحرار"],
        ["طاطا", "طاطا", "مصطفى تادومانت", "التجمع الوطني للأحرار"],
        ["طاطا", "طاطا", "الحسين بوزهاي", "حزب الاستقلال"],
        ["طاطا", "طاطا", "المهدي البتيت", "حزب الأصالة والمعاصرة"],
        ["كلميم", "كلميم", "نادية بوعيدة", "التجمع الوطني للأحرار"],
        ["كلميم", "كلميم", "رشيد التامك", "حزب الأصالة والمعاصرة"],
        ["آسا-الزاك", "آسا-الزاك", "محمود أبا", "الاتحاد الاشتراكي للقوات الشعبية"],
        ["آسا-الزاك", "آسا-الزاك", "إبراهيم الوعبان", "حزب الأصالة والمعاصرة"],
        ["طانطان", "طانطان", "عبد الله أبركي", "التجمع الوطني للأحرار"],
        ["سيدي إفني", "سيدي إفني", "سيداتي جمال", "حزب الأصالة والمعاصرة"],
        ["سيدي إفني", "سيدي إفني", "مصطفى بايتاس", "التجمع الوطني للأحرار"],
        ["العيون", "العيون", "مولاي حمدي ولد الرشيد", "حزب الاستقلال"],
        ["العيون", "العيون", "سيدي محمد سالم الجماني", "حزب الأصالة والمعاصرة"],
        ["العيون", "العيون", "حسن الدرهم", "حزب التقدم والاشتراكية"],
        ["بوجدور", "بوجدور", "عبد الله أدبدا", "حزب الأصالة والمعاصرة"],
        ["بوجدور", "بوجدور", "عبد العزيز أبا", "حزب الاستقلال"],
        ["طرفاية", "طرفاية", "محمد سالم بهيا", "التجمع الوطني للأحرار"],
        ["طرفاية", "طرفاية", "عبد الله بيلات", "حزب الاستقلال"],
        ["السمارة", "السمارة", "سيدي محمد الجماني", "حزب الأصالة والمعاصرة"],
        ["السمارة", "السمارة", "مولاي الزبير حبدي", "حزب الاستقلال"],
        ["وادي الذهب", "وادي الذهب", "مبارك حمية", "حزب الاستقلال"],
        ["وادي الذهب", "وادي الذهب", "الخطاط ينجا", "حزب الأصالة والمعاصرة"],
        ["أوسرد", "أوسرد", "محمد بوبكر", "حزب الاستقلال"],
        ["أوسرد", "أوسرد", "عبد الفتاح أهل المكي", "حزب الأصالة والمعاصرة"]
    ];

    const rawRegionalDataAr = [
        ["جهة طنجة-تطوان-الحسيمة", "سلمى أبالحاج", "حزب الأصالة والمعاصرة"],
        ["جهة طنجة-تطوان-الحسيمة", "منال الزكاري", "الاتحاد الاشتراكي للقوات الشعبية"],
        ["جهة طنجة-تطوان-الحسيمة", "أحلام جلد", "حزب التقدم والاشتراكية"],
        ["جهة طنجة-تطوان-الحسيمة", "وئام الجلولي", "حزب الاستقلال"],
        ["جهة طنجة-تطوان-الحسيمة", "رميساء الحسيوتي", "التجمع الوطني للأحرار"],
        ["جهة طنجة-تطوان-الحسيمة", "دعاء أحيدار", "الحركة الشعبية"],
        ["جهة طنجة-تطوان-الحسيمة", "حنان زمزم", "حزب الديمقراطيين الجدد"],
        ["جهة طنجة-تطوان-الحسيمة", "مجدولين الروزي", "حزب العدالة والتنمية"],
        ["جهة الشرق", "لالة هدى المغاري المبراض", "حزب الأصالة والمعاصرة"],
        ["جهة الشرق", "فاطمة الزهراء بصراوي", "التجمع الوطني للأحرار"],
        ["جهة الشرق", "حنان الصوفي", "حزب التقدم والاشتراكية"],
        ["جهة الشرق", "دنيا الصقلي", "حزب العدالة والتنمية"],
        ["جهة الشرق", "مليكة حليش", "الحركة الشعبية"],
        ["جهة الشرق", "لطيفة الطيبي", "حزب الاستقلال"],
        ["جهة الشرق", "سناء الرحموني", "الاتحاد الاشتراكي للقوات الشعبية"],
        ["جهة الشرق", "إلهام الحسني علوي", "الحركة الشعبية"],
        ["جهة فاس-مكناس", "دنيا الزاهر", "جبهة القوى الديمقراطية"],
        ["جهة فاس-مكناس", "رشيدة حميدي", "الحركة الديمقراطية الاجتماعية"],
        ["جهة فاس-مكناس", "كنزة الزاهر", "الاتحاد الاشتراكي للقوات الشعبية"],
        ["جهة فاس-مكناس", "حليمة الزومي", "حزب الاستقلال"],
        ["جهة فاس-مكناس", "خديجة حجوبي", "حزب الأصالة والمعاصرة"],
        ["جهة فاس-مكناس", "زهراء برحيوي", "حزب التقدم والاشتراكية"],
        ["جهة فاس-مكناس", "سميرة أوب طالب", "حزب العدالة والتنمية"],
        ["جهة فاس-مكناس", "صفية اللبار", "الاتحاد الدستوري"],
        ["جهة فاس-مكناس", "منية ركاشي", "تحالف اليسار"],
        ["جهة الرباط-سلا-القنيطرة", "فاطمة الزهراء ماحي", "الاتحاد الدستوري"],
        ["جهة الرباط-سلا-القنيطرة", "سمية منصف", "حزب التقدم والاشتراكية"],
        ["جهة الرباط-سلا-القنيطرة", "رحمة الوزاني الطيبي", "حزب الاستقلال"],
        ["جهة الرباط-سلا-القنيطرة", "قمر عيدودي", "الحركة الشعبية"],
        ["جهة الرباط-سلا-القنيطرة", "اعتماد الزاهيدي", "التجمع الوطني للأحرار"],
        ["جهة الرباط-سلا-القنيطرة", "ليلى بيلغة", "حزب الأصالة والمعاصرة"],
        ["جهة الرباط-سلا-القنيطرة", "خديجة بيلغة", "الاتحاد الاشتراكي للقوات الشعبية"],
        ["جهة الرباط-سلا-القنيطرة", "هند البكي", "حزب العدالة والتنمية"],
        ["جهة الرباط-سلا-القنيطرة", "فتيحة الحجاجي", "الحركة الديمقراطية الاجتماعية"],
        ["جهة الرباط-سلا-القنيطرة", "سعاد فرقش", "تحالف اليسار"],
        ["جهة بني ملال-خنيفرة", "فوزية الكرفاد", "حزب العدالة والتنمية"],
        ["جهة بني ملال-خنيفرة", "فاطمة الزهراء بوجنان", "الاتحاد الاشتراكي للقوات الشعبية"],
        ["جهة بني ملال-خنيفرة", "لالة حفيظة إمامي", "حزب التقدم والاشتراكية"],
        ["جهة بني ملال-خنيفرة", "آية عدال", "التجمع الوطني للأحرار"],
        ["جهة بني ملال-خنيفرة", "سارة أومحزون", "حزب الأصالة والمعاصرة"],
        ["جهة بني ملال-خنيفرة", "هالة زكراني", "حزب الاستقلال"],
        ["جهة بني ملال-خنيفرة", "ريم سرار", "الحركة الشعبية"],
        ["جهة الدار البيضاء-سطات", "دليلة العوديي", "حزب التقدم والاشتراكية"],
        ["جهة الدار البيضاء-سطات", "فاطمة واعيش", "حزب العدالة والتنمية"],
        ["جهة الدار البيضاء-سطات", "خضراء داودي رغيوي", "الحركة الديمقراطية الاجتماعية"],
        ["جهة الدار البيضاء-سطات", "أمل عيدوق", "حزب الإنصاف"],
        ["جهة الدار البيضاء-سطات", "نبيلة جلال", "تحالف اليسار"],
        ["جهة الدار البيضاء-سطات", "سناء بدوي", "الاتحاد الاشتراكي للقوات الشعبية"],
        ["جهة الدار البيضاء-سطات", "مليكة مزور", "حزب الأصالة والمعاصرة"],
        ["جهة الدار البيضاء-سطات", "أمينة سالك", "الحركة الشعبية"],
        ["جهة الدار البيضاء-سطات", "سلمى العلمي", "حزب الاستقلال"],
        ["جهة الدار البيضاء-سطات", "حياة جودار", "الاتحاد الدستوري"],
        ["جهة الدار البيضاء-سطات", "نادية نعم", "جبهة القوى الديمقراطية"],
        ["جهة الدار البيضاء-سطات", "نبيلة الرميلي", "التجمع الوطني للأحرار"],
        ["جهة مراكش-آسفي", "خديجة الأكرود", "الاتحاد الاشتراكي للقوات الشعبية"],
        ["جهة مراكش-آسفي", "فاطمة الزهراء البروفي", "الحركة الشعبية"],
        ["جهة مراكش-آسفي", "فاطمة الزهراء عبدون", "تحالف اليسار"],
        ["جهة مراكش-آسفي", "لطيفة بوسكري", "الاتحاد الدستوري"],
        ["جهة مراكش-آسفي", "سلمى أحلوش", "حزب الاستقلال"],
        ["جهة مراكش-آسفي", "فاطمة الزهراء الميسكة", "الحركة الديمقراطية الاجتماعية"],
        ["جهة مراكش-آسفي", "مريم الكانوني", "حزب التقدم والاشتراكية"],
        ["جهة مراكش-آسفي", "رشيدة بنبوعزة", "التجمع الوطني للأحرار"],
        ["جهة مراكش-آسفي", "هند أورايسي", "حزب العدالة والتنمية"],
        ["جهة مراكش-آسفي", "نادية الإدريسي سليطين", "حزب الأصالة والمعاصرة"],
        ["جهة درعة-تافيلالت", "لالة نزهة الشرقاوي", "الاتحاد الاشتراكي للقوات الشعبية"],
        ["جهة درعة-تافيلالت", "نجاة ويهيا", "حزب الأصالة والمعاصرة"],
        ["جهة درعة-تافيلالت", "مريم بايا", "التجمع الوطني للأحرار"],
        ["جهة درعة-تافيلالت", "ابتسام طارق", "حزب الاستقلال"],
        ["جهة درعة-تافيلالت", "لالة أزهور مليكي", "حزب العدالة والتنمية"],
        ["جهة درعة-تافيلالت", "حكيمة القرطبي", "الحركة الشعبية"],
        ["جهة سوس-ماسة", "سناء زاهيد", "حزب الأصالة والمعاصرة"],
        ["جهة سوس-ماسة", "سناء عكا", "حزب العدالة والتنمية"],
        ["جهة سوس-ماسة", "كنزة قيوح", "حزب الاستقلال"],
        ["جهة سوس-ماسة", "خديجة الباز", "حزب التقدم والاشتراكية"],
        ["جهة سوس-ماسة", "زكية الدريوش", "التجمع الوطني للأحرار"],
        ["جهة سوس-ماسة", "فدوى رجواني", "الاتحاد الاشتراكي للقوات الشعبية"],
        ["جهة سوس-ماسة", "سناء فوزي", "تحالف اليسار"],
        ["جهة كلميم-واد نون", "النعمة عيلة", "الاتحاد الاشتراكي للقوات الشعبية"],
        ["جهة كلميم-واد نون", "مارية أودمين", "حزب الأصالة والمعاصرة"],
        ["جهة كلميم-واد نون", "مريم بوعيدة", "التجمع الوطني للأحرار"],
        ["جهة كلميم-واد نون", "فاطمة الزهراء كويص", "حزب العدالة والتنمية"],
        ["جهة كلميم-واد نون", "سلمى كرمون", "حزب الاستقلال"],
        ["جهة العيون-الساقية الحمراء", "مفيدة وداد", "حزب الاستقلال"],
        ["جهة العيون-الساقية الحمراء", "لالة رقية شريف", "حزب الاستقلال"],
        ["جهة العيون-الساقية الحمراء", "عزيزة بضاض", "حزب الأصالة والمعاصرة"],
        ["جهة العيون-الساقية الحمراء", "أسماء عوبا", "الاتحاد الاشتراكي للقوات الشعبية"],
        ["جهة العيون-الساقية الحمراء", "فاطمة السويدي", "حزب التقدم والاشتراكية"],
        ["جهة الداخلة-وادي الذهب", "زينب الكوري", "حزب الأصالة والمعاصرة"],
        ["جهة الداخلة-وادي الذهب", "خديجة الخليفي", "الحركة الشعبية"],
        ["جهة الداخلة-وادي الذهب", "فاطمة ولد عمر", "حزب الاستقلال"]
    ];

    const locationCoordsAr = {
        "جهة طنجة-تطوان-الحسيمة": [35.15, -5.30],
        "جهة الشرق": [34.20, -2.50],
        "جهة فاس-مكناس": [33.85, -4.85],
        "جهة الرباط-سلا-القنيطرة": [34.02, -6.83],
        "جهة بني ملال-خنيفرة": [32.33, -6.35],
        "جهة الدار البيضاء-سطات": [33.57, -7.58],
        "جهة مراكش-آسفي": [31.63, -8.00],
        "جهة درعة-تافيلالت": [31.20, -4.60],
        "جهة سوس-ماسة": [30.42, -9.60],
        "جهة كلميم-واد نون": [28.98, -10.06],
        "جهة العيون-الساقية الحمراء": [27.15, -13.20],
        "جهة الداخلة-وادي الذهب": [23.70, -15.93],

        "طنجة-أصيلة": [35.75, -5.83],
        "المضيق-الفنيدق": [35.68, -5.36],
        "تطوان": [35.57, -5.36],
        "الفحص-أنجرة": [35.80, -5.50],
        "العرائش": [35.18, -6.15],
        "الحسيمة": [35.25, -3.93],
        "شفشاون": [35.17, -5.26],
        "وزان": [34.80, -5.58],
        "وجدة-أنكاد": [34.68, -1.91],
        "الناظور": [35.17, -2.93],
        "الدريوش": [34.98, -3.38],
        "جرادة": [34.31, -2.16],
        "بركان": [34.92, -2.32],
        "تاوريرت": [34.41, -2.89],
        "جرسيف": [34.23, -3.35],
        "فيقيق": [32.10, -1.23],
        "فاس": [34.03, -5.00],
        "مكناس": [33.89, -5.55],
        "الحاجب": [33.69, -5.37],
        "إفران": [33.53, -5.11],
        "مولاي يعقوب": [34.08, -5.18],
        "صفرو": [33.83, -4.83],
        "بولمان": [33.36, -4.73],
        "تاونات": [34.53, -4.64],
        "تازة": [34.21, -4.01],
        "الرباط": [34.02, -6.83],
        "سلا": [34.03, -6.81],
        "الصخيرة-تمارة": [33.92, -6.91],
        "القنيطرة": [34.26, -6.58],
        "الخميسات": [33.82, -6.06],
        "سيدي قاسم": [34.22, -5.70],
        "سيدي سليمان": [34.26, -5.92],
        "بني ملال": [32.33, -6.35],
        "أزيلال": [31.96, -6.57],
        "الفقيه بن صالح": [32.50, -6.70],
        "خنيفرة": [32.93, -5.66],
        "خريبكة": [32.88, -6.90],
        "الدار البيضاء": [33.57, -7.58],
        "مرس السلطان - الفداء": [33.56, -7.61],
        "عين السبع - الحي المحمدي": [33.60, -7.53],
        "الحي الحسني": [33.55, -7.67],
        "عين الشق": [33.53, -7.60],
        "سيدي البرنوصي": [33.61, -7.50],
        "بن مسيك": [33.54, -7.57],
        "مولاي رشيد": [33.55, -7.52],
        "المحمدية": [33.68, -7.38],
        "الجديدة": [33.23, -8.50],
        "النواصر": [33.36, -7.58],
        "مديونة": [33.45, -7.51],
        "بنسليمان": [33.61, -7.12],
        "برشيد": [33.26, -7.58],
        "سطات": [33.00, -7.61],
        "سيدي بنور": [32.65, -8.43],
        "مراكش": [31.63, -8.00],
        "شيشاوة": [31.53, -8.76],
        "الحوز": [31.33, -7.93],
        "قلعة السراغنة": [32.05, -7.40],
        "الصويرة": [31.51, -9.77],
        "الرحامنة": [32.23, -7.95],
        "آسفي": [32.30, -9.23],
        "اليوصفية": [32.24, -8.53],
        "الرشيدية": [31.93, -4.42],
        "وارزازات": [30.92, -6.91],
        "ميدلت": [32.68, -4.73],
        "تنغير": [31.51, -5.53],
        "زكورة": [30.33, -5.83],
        "أكادير-إداوتنان": [30.42, -9.60],
        "إنزكان-آيت ملول": [30.35, -9.53],
        "شتوكة-آيت باها": [30.07, -9.15],
        "تارودانت": [30.47, -8.88],
        "تزنيت": [29.70, -9.73],
        "طاطا": [29.74, -7.97],
        "كلميم": [28.98, -10.06],
        "آسا-الزاك": [28.60, -9.43],
        "طانطان": [28.43, -11.10],
        "سيدي إفني": [29.38, -10.17],
        "العيون": [27.15, -13.20],
        "بوجدور": [26.12, -14.48],
        "طرفاية": [27.93, -12.92],
        "السمارة": [26.74, -11.67],
        "وادي الذهب": [23.70, -15.93],
        "أوسرد": [22.55, -14.33]
    };

    let allMPsAr = [];
    let filteredMPsAr = [];
    let map = null;
    let mapMarkers = [];

    function initDataAr() {
        let counter = 1;
        rawLocalDataAr.forEach(item => {
            allMPsAr.push({
                id: counter++,
                province: item[0],
                district: item[1],
                name: item[2],
                party: item[3],
                type: "LOCAL",
                typeLabel: "محلية"
            });
        });

        rawRegionalDataAr.forEach(item => {
            allMPsAr.push({
                id: counter++,
                province: item[0],
                district: item[0],
                name: item[1],
                party: item[2],
                type: "REGIONAL",
                typeLabel: "جهوية (نساء)"
            });
        });

        filteredMPsAr = [...allMPsAr];
        populatePartiesFilter();
        initLeafletMap();
        renderPanelData("المملكة المغربية - كافة الدوائر", filteredMPsAr);
    }

    function populatePartiesFilter() {
        const partySelect = document.getElementById("party-filter");
        const parties = [...new Set(allMPsAr.map(m => m.party))].sort();

        parties.forEach(p => {
            const opt = document.createElement("option");
            opt.value = p;
            opt.textContent = p;
            partySelect.appendChild(opt);
        });
    }

    function initLeafletMap() {
        map = L.map('map', { preferCanvas: true }).setView([28.8, -8.5], 5);

        L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
    maxZoom: 19,
    attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
}).addTo(map);

        drawMapMarkers();
    }

    function drawMapMarkers() {
        if (!map) return;

        mapMarkers.forEach(m => map.removeLayer(m));
        mapMarkers = [];

        const nodeGroups = {};
        filteredMPsAr.forEach(mp => {
            if (!nodeGroups[mp.province]) {
                nodeGroups[mp.province] = [];
            }
            nodeGroups[mp.province].push(mp);
        });

        document.getElementById("nodes-count").textContent = `${Object.keys(nodeGroups).length} نقطة جغرافية تفاعلية`;

        Object.entries(nodeGroups).forEach(([locName, mps]) => {
            const coords = locationCoordsAr[locName] || [31.79, -7.09];
            const count = mps.length;
            const isRegional = mps.some(m => m.type === "REGIONAL");

            const fillColor = isRegional ? '#d97706' : '#1e3a8a';
            const radius = Math.max(6, Math.min(22, count * 3.5));

            const marker = L.circleMarker(coords, {
                radius: radius,
                fillColor: fillColor,
                color: '#ffffff',
                weight: 2,
                opacity: 0.9,
                fillOpacity: 0.8
            }).addTo(map);

            const partiesCount = {};
            mps.forEach(m => partiesCount[m.party] = (partiesCount[m.party] || 0) + 1);
            const topParty = Object.entries(partiesCount).sort((a,b) => b[1] - a[1])[0][0];

            marker.bindTooltip(`<b>${locName}</b><br/>المقاعد: ${count}<br/>الحزب المتصدر: ${topParty}`);

            marker.on('click', () => {
                renderPanelData(locName, mps);
                if (locationCoordsAr[locName]) {
                    map.setView(locationCoordsAr[locName], 8, { animate: true });
                }
            });

            mapMarkers.push(marker);
        });
    }

    function renderPanelData(title, mps) {
        document.getElementById("panel-title").textContent = title;
        document.getElementById("panel-seat-badge").textContent = `${mps.length} مقعداً`;
        document.getElementById("panel-list-count").textContent = mps.length;
        document.getElementById("filtered-total-tag").textContent = `${filteredMPsAr.length} نائب/نائبة في المجموع`;

        const localCount = mps.filter(m => m.type === "LOCAL").length;
        const regCount = mps.filter(m => m.type === "REGIONAL").length;

        document.getElementById("panel-local-count").textContent = localCount;
        document.getElementById("panel-regional-count").textContent = regCount;

        const container = document.getElementById("mp-list-container");
        container.innerHTML = "";

        if (mps.length === 0) {
            container.innerHTML = `<div class="p-4 text-center text-xs text-slate-500">لا توجد نتائج تطابق خيارات البحث الحالية.</div>`;
            return;
        }

        mps.forEach((mp, index) => {
            const div = document.createElement("div");
            div.className = "p-2.5 flex items-center justify-between hover:bg-indigo-50/50 transition text-xs";
            
            const badgeClass = mp.type === "LOCAL" 
                ? "bg-blue-100 text-blue-900 border-blue-200" 
                : "bg-amber-100 text-amber-900 border-amber-200";

            div.innerHTML = `
                <div>
                    <div class="font-bold text-slate-800">${index + 1}. ${mp.name}</div>
                    <div class="text-[11px] text-slate-500 mt-0.5">${mp.party} - <span class="text-indigo-900">${mp.district}</span></div>
                </div>
                <span class="text-[10px] px-2 py-0.5 rounded-full border font-semibold ${badgeClass}">
                    ${mp.typeLabel}
                </span>
            `;
            container.appendChild(div);
        });
    }

    function filterMapData() {
        const searchVal = document.getElementById("search-input").value.trim().toLowerCase();
        const partyVal = document.getElementById("party-filter").value;
        const typeVal = document.getElementById("type-filter").value;

        filteredMPsAr = allMPsAr.filter(mp => {
            const matchSearch = searchVal === "" || 
                mp.name.toLowerCase().includes(searchVal) ||
                mp.province.toLowerCase().includes(searchVal) ||
                mp.district.toLowerCase().includes(searchVal) ||
                mp.party.toLowerCase().includes(searchVal);

            const matchParty = partyVal === "ALL" || mp.party === partyVal;
            const matchType = typeVal === "ALL" || mp.type === typeVal;

            return matchSearch && matchParty && matchType;
        });

        drawMapMarkers();
        renderPanelData("نتائج البحث والفلترة الحالية", filteredMPsAr);
    }

    function resetMap() {
        document.getElementById("search-input").value = "";
        document.getElementById("party-filter").value = "ALL";
        document.getElementById("type-filter").value = "ALL";
        filteredMPsAr = [...allMPsAr];
        drawMapMarkers();
        renderPanelData("المملكة المغربية - كافة الدوائر", filteredMPsAr);
        if (map) {
            map.setView([28.8, -8.5], 5);
        }
    }

    window.onload = initDataAr;
</script>

</body>
</html><g0-textarea-recorder-host id="g0-textarea-recorder"></g0-textarea-recorder-host>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>معهد الدراسات الاجتماعية و الاعلامية يصدر تقريره عن تداعيات ازمة الطاقة العالمية بعد غلق مضيق هرمز على المغرب</title>
		<link>https://sms-institute.com/%d9%85%d8%b9%d9%87%d8%af-%d8%a7%d9%84%d8%af%d8%b1%d8%a7%d8%b3%d8%a7%d8%aa-%d8%a7%d9%84%d8%a7%d8%ac%d8%aa%d9%85%d8%a7%d8%b9%d9%8a%d8%a9-%d9%88-%d8%a7%d9%84%d8%a7%d8%b9%d9%84%d8%a7%d9%85%d9%8a%d8%a9/</link>
					<comments>https://sms-institute.com/%d9%85%d8%b9%d9%87%d8%af-%d8%a7%d9%84%d8%af%d8%b1%d8%a7%d8%b3%d8%a7%d8%aa-%d8%a7%d9%84%d8%a7%d8%ac%d8%aa%d9%85%d8%a7%d8%b9%d9%8a%d8%a9-%d9%88-%d8%a7%d9%84%d8%a7%d8%b9%d9%84%d8%a7%d9%85%d9%8a%d8%a9/#comments</comments>
		
		<dc:creator><![CDATA[يونس بنان]]></dc:creator>
		<pubDate>Mon, 23 Mar 2026 22:33:45 +0000</pubDate>
				<category><![CDATA[دراسات]]></category>
		<guid isPermaLink="false">https://sms-institute.com/?p=1201</guid>

					<description><![CDATA[زلزال &#8220;هرمز&#8221; الطاقي: كيف يواجه المغرب صدمة المحروقات في عام 2026؟ أثر أزمة مضيق هرمز الجيوسياسية لعام 2026 على سوق&#8230;]]></description>
										<content:encoded><![CDATA[
<h1 class="wp-block-heading">زلزال &#8220;هرمز&#8221; الطاقي: كيف يواجه المغرب صدمة المحروقات في عام 2026؟</h1>


<figure class="wp-block-post-featured-image"><img decoding="async" width="2816" height="1536" src="https://sms-institute.com/wp-content/uploads/2026/03/Gemini_Generated_Image_91xj6m91xj6m91xj.png" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" style="object-fit:cover;" srcset="https://sms-institute.com/wp-content/uploads/2026/03/Gemini_Generated_Image_91xj6m91xj6m91xj.png 2816w, https://sms-institute.com/wp-content/uploads/2026/03/Gemini_Generated_Image_91xj6m91xj6m91xj-300x164.png 300w, https://sms-institute.com/wp-content/uploads/2026/03/Gemini_Generated_Image_91xj6m91xj6m91xj-1024x559.png 1024w, https://sms-institute.com/wp-content/uploads/2026/03/Gemini_Generated_Image_91xj6m91xj6m91xj-768x419.png 768w, https://sms-institute.com/wp-content/uploads/2026/03/Gemini_Generated_Image_91xj6m91xj6m91xj-1536x838.png 1536w, https://sms-institute.com/wp-content/uploads/2026/03/Gemini_Generated_Image_91xj6m91xj6m91xj-2048x1117.png 2048w" sizes="(max-width: 2816px) 100vw, 2816px" /></figure>


<p class="wp-block-paragraph" id="p-rc_cfc27929a4a8fc22-322"></p>



<!DOCTYPE html>
<html lang="ar" dir="rtl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>أثر أزمة مضيق هرمز الجيوسياسية لعام 2026 على سوق المحروقات المغربي</title>
    
    <!-- Tailwind CSS via CDN -->
    <script src="https://cdn.tailwindcss.com"></script>
    
    <!-- Google Fonts: Cairo for premium Arabic typography -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;600;700;800&#038;display=swap" rel="stylesheet">

    <!-- Chart.js via CDN -->
    <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>

    <!-- Tailwind Configuration -->
    <script>
        tailwind.config = {
            theme: {
                extend: {
                    fontFamily: {
                        sans: ['Cairo', 'sans-serif'],
                    },
                    colors: {
                        brand: {
                            dark: '#0f172a', // Deep Slate Blue/Dark Gray for high-tech energetic theme
                            primary: '#ea580c', // Energetic Orange representing oil, energy, and warning signs
                            light: '#fff7ed', // Soft orange/peach bg
                            accent: '#2563eb', // Trustworthy Blue for statistics and governmental data
                            slate: '#475569', // Slate Gray for readable body text
                            bg: '#f8fafc' // Premium slate-tinted off-white background
                        }
                    }
                }
            }
        }
    </script>

    <style>
        body {
            background-color: #f8fafc;
            color: #334155;
            scroll-behavior: smooth;
        }

        /* Chart container constraint classes for responsive design and no-overflow mandate */
        .chart-container {
            position: relative;
            width: 100%;
            max-width: 800px;
            margin-left: auto;
            margin-right: auto;
            height: 380px;
            max-height: 420px;
            background: white;
            border-radius: 1rem;
            padding: 1.25rem;
            box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.05);
        }

        @media (max-width: 768px) {
            .chart-container {
                height: 320px;
            }
        }

        /* Custom stylish scrollbar */
        ::-webkit-scrollbar {
            width: 6px;
            height: 6px;
        }
        ::-webkit-scrollbar-track {
            background: #f1f5f9;
        }
        ::-webkit-scrollbar-thumb {
            background: #cbd5e1;
            border-radius: 10px;
        }
        ::-webkit-scrollbar-thumb:hover {
            background: #94a3b8;
        }

        /* Accordion custom height control */
        .accordion-content {
            transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1), padding 0.3s ease;
            max-height: 0;
            overflow: hidden;
        }
        .accordion-content.active {
            max-height: 1000px;
            padding-top: 1.25rem;
            padding-bottom: 1.25rem;
        }
    </style>
</head>
<body class="font-sans antialiased text-brand-slate bg-brand-bg">

    <!-- 
    <!-- Chosen Palette: Energetic Fire & Slate (Deep Slate Dark, Petrol/Warning Orange, Corporate Blue for institutional data, warm off-white background) -->
    <!-- Application Structure Plan: 
         - **Header / Nav**: Clean and authoritative brand presentation of SMS Institute.
         - **Hero Section**: Direct framing of the 2026 geopolitical crisis in the Strait of Hormuz and its immediate impact on Morocco due to 94% energy dependency.
         - **Executive Brief**: Fast metrics dashboard (94% Import dependency, 120 Billion MAD energy bill, 12.5% EV market share in 2025).
         - **Interactive Survey vs Geopolitics Dashboard**: Tabbed interface comparing global Brent scenarios, 2023 survey demographics, and 2026 impact on commodity prices (transport vs food).
         - **Fuel Price Structure Simulator**: An interactive pricing simulator showing the break-down of petrol and diesel prices in Morocco (Buying price, Taxes: TIC & TVA, and distributor margins).
         - **Strategic Recommendations (Accordion)**: Practical, actionable policy goals (Samir refinery rehabilitation, strategic reserve infrastructure, green transport subsidies).
    -->
    <!-- Visualization & Content Choices: 
         - **Goal: Geopolitical Price Scenarios** -> *Viz: Dynamic Bar/Line Combo (Chart.js)* -> Shows Brent Crude price expectations based on Strait of Hormuz blockage duration.
         - **Goal: Change in Purchasing Power (Survey 2023)** -> *Viz: Doughnut Chart (Chart.js)* -> Illustrates how 93.3% of Moroccans surveyed saw energy costs affect food/rent basics.
         - **Goal: Spillover Inflation (March 2026)** -> *Viz: Grouped Horizontal Bar (Chart.js)* -> Illustrates the immediate 2026 price hikes across logistics-dependent foods (fish, fruits, vegetables).
         - **Goal: Price Structure Breakdown** -> *Viz: Dynamic JS Calculations & Visual Stack* -> Real-time feedback calculating the actual cost, tax, and profit margins on a fuel liter based on global raw prices.
         - **Goal: Present Roadmap** -> *Viz: Interactive Accordion* -> Organized structure outlining tactical immediate fixes versus long-term energy sovereignty.
    -->
    <!-- CONFIRMATION: NO SVG graphics used. NO Mermaid JS used. -->
    &#8211;>

    <!-- Top Navigation Bar -->
    <nav class="fixed w-full z-50 top-0 start-0 border-b border-gray-150 bg-white/90 backdrop-blur-md">
        <div class="max-w-7xl mx-auto flex flex-wrap items-center justify-between p-4 px-6">
            <a href="#" class="flex items-center space-x-3 rtl:space-x-reverse">
                <div class="w-10 h-10 bg-brand-primary text-white rounded-xl flex items-center justify-center font-bold text-xl shadow-sm shadow-brand-primary/20">SMS</div>
                <div class="flex flex-col">
                    <span class="self-center text-sm md:text-base font-bold whitespace-nowrap text-brand-dark">معهد الدراسات الاجتماعية والإعلامية</span>
                    <span class="text-[10px] text-gray-400 font-medium">بالمغرب • تقرير سياسات الطاقة لعام 2026</span>
                </div>
            </a>
            <div class="flex md:order-2 space-x-3 md:space-x-0 rtl:space-x-reverse">
                <a href="#simulator" class="text-xs md:text-sm text-white bg-brand-primary hover:bg-orange-700 focus:ring-4 focus:outline-none focus:ring-orange-250 font-bold rounded-xl px-5 py-2.5 text-center transition shadow-md shadow-brand-primary/10">مفكك بنية الأسعار</a>
            </div>
            <div class="items-center justify-between hidden w-full md:flex md:w-auto md:order-1" id="navbar-sticky">
                <ul class="flex flex-col p-4 md:p-0 mt-4 font-semibold border border-gray-100 rounded-lg md:space-x-8 rtl:space-x-reverse md:flex-row md:mt-0 md:border-0">
                    <li><a href="#geopolitics" class="block py-2 px-3 text-brand-dark hover:text-brand-primary transition">الأبعاد الجيوسياسية</a></li>
                    <li><a href="#dashboard" class="block py-2 px-3 text-brand-dark hover:text-brand-primary transition">مرصد استطلاع الرأي</a></li>
                    <li><a href="#simulator" class="block py-2 px-3 text-brand-dark hover:text-brand-primary transition">بنية الأسعار الوطنية</a></li>
                    <li><a href="#recommendations" class="block py-2 px-3 text-brand-dark hover:text-brand-primary transition">التوصيات الطاقية</a></li>
                </ul>
            </div>
        </div>
    </nav>

    <!-- Hero Header Section -->
    <section class="pt-32 pb-16 px-4 md:px-8 bg-gradient-to-b from-orange-50 to-brand-bg border-b border-orange-100">
        <div class="max-w-5xl mx-auto text-center">
            <span class="bg-brand-primary/10 text-brand-primary text-xs font-extrabold px-4 py-1.5 rounded-full uppercase tracking-wider mb-5 inline-block">أزمة مضيق هرمز لعام 2026</span>
            <h1 class="text-3xl md:text-5xl font-extrabold text-brand-dark leading-tight mb-6">
                أثر أزمة مضيق هرمز الجيوسياسية:<br>
                <span class="text-brand-primary">تداعيات سوق المحروقات العالمي على القدرة الشرائية بالمغرب</span>
            </h1>
            <p class="text-base md:text-lg text-brand-slate mb-8 max-w-3xl mx-auto leading-relaxed">
                دراسة تحليلية مقارنة بين نتائج الاستقصاء الوطني لـ <strong class="text-brand-dark">معهد الدراسات الاجتماعية والإعلامية</strong> والسيناريوهات الماكرو-اقتصادية الحرجة التي يواجهها المغرب في ظل غياب سيادة التكرير الوطني.
            </p>
            <div class="flex flex-wrap justify-center items-center gap-6 text-xs md:text-sm text-gray-500 font-semibold bg-white p-4 rounded-2xl shadow-sm border border-gray-100 max-w-2xl mx-auto">
                <div class="flex items-center gap-2">
                    <span><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f464.png" alt="👤" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                    <span>إعداد المعهد برئاسة:</span>
                    <span class="text-brand-dark font-bold">يونس بنان</span>
                </div>
                <span class="text-gray-300">|</span>
                <div class="flex items-center gap-2">
                    <span><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f5d3.png" alt="🗓" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                    <span>تاريخ الإصدار: ربيع 2026</span>
                </div>
            </div>
        </div>
    </section>

    <!-- Strategic Global Indicators -->
    <section class="py-12 px-4 md:px-8 max-w-7xl mx-auto">
        <div class="grid grid-cols-1 md:grid-cols-4 gap-6">
            <!-- Box 1 -->
            <div class="bg-white p-6 rounded-2xl shadow-sm border border-gray-100 flex flex-col justify-between">
                <div class="text-brand-primary text-3xl mb-2"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/26f4.png" alt="⛴" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
                <div>
                    <h4 class="text-3xl font-extrabold text-brand-dark mb-1">94%</h4>
                    <p class="text-xs text-gray-500 font-medium">نسبة التبعية الطاقية للمملكة للمنتجات المستوردة من الخارج، نتيجة استمرار إغلاق مصفاة &#8220;سامير&#8221;.</p>
                </div>
            </div>
            <!-- Box 2 -->
            <div class="bg-white p-6 rounded-2xl shadow-sm border border-gray-100 flex flex-col justify-between">
                <div class="text-red-500 text-3xl mb-2"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f525.png" alt="🔥" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
                <div>
                    <h4 class="text-3xl font-extrabold text-red-500 mb-1">120 مليار</h4>
                    <p class="text-xs text-gray-500 font-medium">درهم التكلفة السنوية الإجمالية المتوقعة لفاتورة استيراد المواد البترولية المكررة لعام 2026.</p>
                </div>
            </div>
            <!-- Box 3 -->
            <div class="bg-white p-6 rounded-2xl shadow-sm border border-gray-100 flex flex-col justify-between">
                <div class="text-brand-accent text-3xl mb-2"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/26a1.png" alt="⚡" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
                <div>
                    <h4 class="text-3xl font-extrabold text-brand-dark mb-1">12.5%</h4>
                    <p class="text-xs text-gray-500 font-medium">الحصة السوقية للسيارات الهجينة والكهربائية بالمغرب في 2025، لتجاوز أزمات الديزل التقليدي.</p>
                </div>
            </div>
            <!-- Box 4 -->
            <div class="bg-white p-6 rounded-2xl shadow-sm border border-gray-100 flex flex-col justify-between">
                <div class="text-emerald-600 text-3xl mb-2"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f69b.png" alt="🚛" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
                <div>
                    <h4 class="text-3xl font-extrabold text-brand-dark mb-1">20 مارس</h4>
                    <p class="text-xs text-gray-500 font-medium">تاريخ إطلاق منصة &#8220;مواكبة&#8221; للدعم الاستثنائي لمهنيي النقل لامتصاص لهيب الأسعار.</p>
                </div>
            </div>
        </div>
    </section>

    <!-- Geopolitical and Strategic Section -->
    <section id="geopolitics" class="py-16 px-4 md:px-8 bg-slate-900 text-white border-y border-brand-dark">
        <div class="max-w-7xl mx-auto grid grid-cols-1 lg:grid-cols-2 gap-12 items-center">
            <div>
                <span class="bg-brand-primary/20 text-brand-primary text-xs font-bold px-3 py-1.5 rounded-full uppercase mb-4 inline-block">سيناريوهات مضيق هرمز لعام 2026</span>
                <h2 class="text-2xl md:text-3xl font-bold mb-4 leading-relaxed text-orange-200">صدمة عرض عالمية غير مسبوقة منذ السبعينيات</h2>
                <p class="text-slate-300 text-sm md:text-base leading-relaxed text-justify mb-6">
                    مع دخول الربع الأول من عام 2026، تسبب النزاع المباشر في الشرق الأوسط في إغلاق جزئي وشبه كامل لمضيق هرمز، مما عطل تدفق <strong class="text-white">20 مليون برميل يومياً</strong> من النفط الخام والمواد المكررة. وضع هذا الانسداد الاقتصاد المغربي أمام اختبار حقيقي نظراً لتأثر أسعار الشحن والتأمين البحري مباشرة.
                </p>
                <div class="space-y-4">
                    <div class="bg-slate-800/80 p-4 rounded-xl border border-slate-700">
                        <h4 class="font-bold text-white mb-1 flex items-center gap-2">
                            <span class="text-brand-primary">●</span> سيناريو الإغلاق (3 أشهر) &#8211; وكالة فيتش:
                        </h4>
                        <p class="text-xs text-slate-300">يتوقع وصول الأسعار إلى ما بين 100 و 130 دولاراً للبرميل، مما يفرض ضغوطاً خانقة على الموازنة العامة للدول المستوردة كالمغرب.</p>
                    </div>
                    <div class="bg-slate-800/80 p-4 rounded-xl border border-slate-700">
                        <h4 class="font-bold text-white mb-1 flex items-center gap-2">
                            <span class="text-brand-primary">●</span> السيناريو الكارثي (تعطل دائم):
                        </h4>
                        <p class="text-xs text-slate-300">وصول الأسعار لعتبة 200 دولار فما فوق، مما يهدد بركود تضخمي عالمي وفقدان كلي للسيطرة السعرية للمحروقات محلياً.</p>
                    </div>
                </div>
            </div>
            <div class="chart-container !bg-slate-800 border border-slate-700">
                <canvas id="brentChart"></canvas>
            </div>
        </div>
    </section>

    <!-- Data Dashboard Section: Combining 2023 Survey and 2026 realities -->
    <section id="dashboard" class="py-16 px-4 md:px-8 bg-slate-50 border-y border-gray-150">
        <div class="max-w-7xl mx-auto">
            <div class="mb-12 text-center">
                <h2 class="text-2xl md:text-3xl font-bold text-brand-dark mb-4">المرصد المقارن: استطلاع الرأي (2023) مقابل أزمة (2026)</h2>
                <p class="text-gray-600 max-w-3xl mx-auto">
                    يكشف هذا المرصد عن سلوك المستهلك المغربي واستجابته للموجات التضخمية. نقارن هنا بين نتائج الاستطلاع التاريخي للمعهد (عينة من 762 شخصاً) والارتدادات التضخمية الفورية لأزمة مارس 2026.
                </p>
            </div>

            <!-- Dashboard Controls -->
            <div class="flex flex-wrap justify-center gap-3 mb-10">
                <button onclick="switchTab('impact')" id="btn-impact" class="db-btn px-6 py-3 rounded-xl font-bold bg-brand-primary text-white shadow-md transition-all duration-200">أثر أسعار الطاقة على الأساسيات</button>
                <button onclick="switchTab('inflation')" id="btn-inflation" class="db-btn px-6 py-3 rounded-xl font-bold bg-white text-brand-slate border border-gray-200 hover:bg-gray-50 transition-all duration-200">الارتفاعات التضخمية للمواد الغذائية (2026)</button>
                <button onclick="switchTab('demographics')" id="btn-demographics" class="db-btn px-6 py-3 rounded-xl font-bold bg-white text-brand-slate border border-gray-200 hover:bg-gray-50 transition-all duration-200">بنية وهيكلية العينة (2023)</button>
            </div>

            <!-- Tab Content 1: Impact on Essentials (Survey 2023) -->
            <div id="tab-impact" class="db-content grid grid-cols-1 lg:grid-cols-2 gap-8 items-center">
                <div class="order-2 lg:order-1 space-y-4">
                    <h3 class="text-xl md:text-2xl font-bold text-brand-dark">93.3% من المستجوبين أكدوا تأثر أساسياتهم المعيشية</h3>
                    <p class="text-gray-600 leading-relaxed text-justify">
                        قبل انفجار صدمة 2026، كان المستهلك المغربي قد وصل بالفعل لأقصى طاقته الاستيعابية للأزمات. فقد كشفت عينة المعهد لسنة 2023 أن جل المواطنين اضطروا لتقليص نفقات التموين الأساسي (الغذاء والصحة والتعليم) بسبب لهيب أسعار البنزين والديزل.
                    </p>
                    <div class="grid grid-cols-2 gap-4">
                        <div class="bg-white p-4 rounded-xl border border-gray-150">
                            <span class="block text-2xl font-bold text-brand-primary">95.4%</span>
                            <span class="text-xs text-gray-500 font-semibold">اضطروا لتقليص نفقاتهم غير الأساسية كالسفر والترفيه.</span>
                        </div>
                        <div class="bg-white p-4 rounded-xl border border-gray-150">
                            <span class="block text-2xl font-bold text-brand-accent">85.4%</span>
                            <span class="text-xs text-gray-500 font-semibold">بدأوا في تغيير سلوك القيادة والسفر توفيراً للوقود.</span>
                        </div>
                    </div>
                </div>
                <div class="order-1 lg:order-2">
                    <div class="chart-container">
                        <canvas id="impactChart"></canvas>
                    </div>
                </div>
            </div>

            <!-- Tab Content 2: Food Inflation March 2026 -->
            <div id="tab-inflation" class="db-content hidden grid grid-cols-1 lg:grid-cols-2 gap-8 items-center">
                <div class="order-2 lg:order-1 space-y-4">
                    <h3 class="text-xl md:text-2xl font-bold text-brand-dark">التضخم الغذائي &#8220;العدوى الاقتصادية&#8221; للمحروقات</h3>
                    <p class="text-gray-600 leading-relaxed text-justify">
                        انتقلت شرارة ارتفاع أسعار الطاقة فوراً إلى أسعار السلع والمواد الاستهلاكية اليومية خلال شهري فبراير ومارس 2026. يرجع ذلك إلى الاعتماد البنيوي لعمليات التوريد الداخلي للمواد الغذائية على اللوجستيات وشاحنات النقل الطرقي وقوارب الصيد البحري.
                    </p>
                    <div class="bg-orange-50 border border-orange-100 p-4 rounded-xl">
                        <p class="text-orange-800 text-sm font-semibold">
                            <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/26a0.png" alt="⚠" class="wp-smiley" style="height: 1em; max-height: 1em;" /> تضخم اللوجستيك: سجلت مدينتا طنجة ووجدة أعلى نسبة تضخم غذائي محلي بأزيد من +1.4% في غضون شهر واحد نتيجة تراكم كلفة التنقل والوسطاء.
                        </p>
                    </div>
                </div>
                <div class="order-1 lg:order-2">
                    <div class="chart-container">
                        <canvas id="inflationChart"></canvas>
                    </div>
                </div>
            </div>

            <!-- Tab Content 3: Demographics -->
            <div id="tab-demographics" class="db-content hidden grid grid-cols-1 lg:grid-cols-2 gap-8 items-center">
                <div class="order-2 lg:order-1 space-y-4">
                    <h3 class="text-xl md:text-2xl font-bold text-brand-dark">بنية عينة المستطلعين حول المحروقات</h3>
                    <p class="text-gray-600 leading-relaxed text-justify">
                        توزعت العينة المستهدفة في استطلاع المعهد على مستوى جهات المملكة الاثني عشر بمستوى ثقة 95%. وتجلى دور الموظفين كشريحة متضررة مباشرة وحيوية قادرة على إبراز تفاصيل المعاناة المعيشية والمالية.
                    </p>
                    <ul class="space-y-2 text-sm text-brand-slate font-semibold">
                        <li class="flex items-center gap-2"><span class="text-brand-primary">■</span> نسبة الذكور: 90.4% مقابل 9.6% إناث (ارتباطاً بقطاع النقل والقيادة المهنية).</li>
                        <li class="flex items-center gap-2"><span class="text-brand-accent">■</span> الفئة العمرية المهيمنة: 40-49 سنة بنسبة 39.6% (أرباب الأسر النشطين).</li>
                        <li class="flex items-center gap-2"><span class="text-emerald-600">■</span> المستوى الجامعي: 84% من العينة يحملون شواهد عليا.</li>
                    </ul>
                </div>
                <div class="order-1 lg:order-2">
                    <div class="chart-container">
                        <canvas id="demoChart"></canvas>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Fuel Price Structure Simulator Section -->
    <section id="simulator" class="py-16 px-4 md:px-8 bg-brand-dark text-white border-y border-orange-950">
        <div class="max-w-6xl mx-auto">
            <div class="mb-10 text-center">
                <span class="bg-orange-800 text-brand-light text-xs font-bold px-3 py-1 rounded-full uppercase mb-3 inline-block">محاكاة تفاعلية لبنية الأسعار</span>
                <h2 class="text-2xl md:text-3xl font-bold mb-4 text-orange-400">مفكك بنية أسعار المحروقات في المغرب لعام 2026</h2>
                <p class="text-orange-100 text-sm md:text-base max-w-3xl mx-auto leading-relaxed">
                    يتكون سعر لتر المحروقات بمحطات الوقود المغربية من ثمن الشراء الدولي مكرراً، مضافاً إليه الضرائب الثابتة والمتغيرة وهوامش ربح الموزعين. استخدم المحاكي التفاعلي أدناه لفهم تداعيات ارتفاع السعر الدولي على السعر النهائي للمواطن.
                </p>
            </div>

            <!-- Simulator Panel -->
            <div class="bg-slate-850 backdrop-blur-md rounded-3xl p-6 md:p-8 border border-slate-700 shadow-xl grid grid-cols-1 lg:grid-cols-12 gap-8 items-center">
                
                <!-- Controls (Left/RTL right) -->
                <div class="lg:col-span-5 space-y-6">
                    <h3 class="text-xl font-bold text-orange-200 border-b border-slate-700 pb-3">تعديل مدخلات السعر الدولي</h3>
                    
                    <div>
                        <div class="flex justify-between items-center mb-2">
                            <span class="text-sm font-semibold text-slate-200">ثمن اللتر المستورد مكرراً (موانئ المغرب):</span>
                            <span id="import-val" class="text-xl font-black text-brand-primary">7.50 درهم</span>
                        </div>
                        <input type="range" id="import-slider" min="4.50" max="11.00" value="7.50" step="0.10" 
                               class="w-full h-2 bg-slate-700 rounded-lg appearance-none cursor-pointer accent-brand-primary">
                        <div class="flex justify-between text-[11px] text-slate-400 mt-1">
                            <span>4.50 درهم (استقرار عالمي)</span>
                            <span>11.00 درهم (أزمة هرمز حادة)</span>
                        </div>
                    </div>

                    <!-- Toggle fuel type -->
                    <div class="space-y-2">
                        <span class="text-sm font-semibold text-slate-200">نوع الوقود:</span>
                        <div class="flex gap-2">
                            <button onclick="setFuelType('diesel')" id="btn-diesel" class="flex-1 py-2.5 rounded-xl text-sm font-bold bg-brand-primary text-white border border-transparent transition-all">غازوال (ديزل)</button>
                            <button onclick="setFuelType('gasoline')" id="btn-gasoline" class="flex-1 py-2.5 rounded-xl text-sm font-bold bg-slate-800 text-slate-300 border border-slate-700 hover:bg-slate-750 transition-all">بنزين ممتاز</button>
                        </div>
                    </div>

                    <!-- Static Info box -->
                    <div class="bg-slate-900/40 p-4 rounded-xl border border-slate-800 text-xs text-slate-300 leading-relaxed text-justify">
                        <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4cc.png" alt="📌" class="wp-smiley" style="height: 1em; max-height: 1em;" /> يتأثر المغرب مباشرة بالتغيرات الطارئة على كلفة التكرير العالمية لغياب تكرير وطني بمصفاة &#8220;سامير&#8221;، مما يجعله مستورداً لمنتجات جاهزة (أكثر كلفة) بدلاً من النفط الخام الخفيف.
                    </div>
                </div>

                <!-- Simulation Output Display -->
                <div class="lg:col-span-7 bg-slate-900/60 p-6 rounded-2xl border border-slate-700 space-y-6">
                    <h3 class="text-lg font-bold text-orange-300 border-b border-slate-800 pb-2">مكونات ثمن اللتر عند محطة الوقود</h3>
                    
                    <div class="space-y-4 text-sm">
                        <!-- Cost 1: Purchase price -->
                        <div class="flex justify-between items-center py-2 border-b border-slate-800">
                            <span class="text-slate-300">السعر الدولي للشراء والتوصيل (المكرر):</span>
                            <span id="stat-import" class="font-bold text-white">7.50 درهم</span>
                        </div>

                        <!-- Cost 2: TIC -->
                        <div class="flex justify-between items-center py-2 border-b border-slate-800">
                            <span class="text-slate-300">الضريبة الداخلية على الاستهلاك (TIC) الثابتة:</span>
                            <span id="stat-tic" class="font-bold text-white">3.76 درهم</span>
                        </div>

                        <!-- Cost 3: TVA -->
                        <div class="flex justify-between items-center py-2 border-b border-slate-800">
                            <span class="text-slate-300">الضريبة على القيمة المضافة (TVA 10%):</span>
                            <span id="stat-tva" class="font-bold text-white">1.13 درهم</span>
                        </div>

                        <!-- Cost 4: Distributors Margins -->
                        <div class="flex justify-between items-center py-2 border-b border-slate-800">
                            <span class="text-slate-300">هامش ربح شركات التوزيع والتقسيط:</span>
                            <span id="stat-margin" class="font-bold text-white">0.90 درهم</span>
                        </div>

                        <!-- TOTAL -->
                        <div class="flex justify-between items-center py-3 bg-slate-900 px-4 rounded-xl">
                            <span class="text-orange-300 font-bold text-base">السعر النهائي للبيع بالتقسيط:</span>
                            <span id="stat-total" class="font-black text-2xl text-brand-primary">13.29 درهم</span>
                        </div>
                    </div>

                    <!-- Custom warning logic -->
                    <div id="price-alert" class="p-3 bg-red-950/40 border border-red-900/50 rounded-xl flex items-center gap-3 text-red-200 text-xs hidden">
                        <span><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/26a0.png" alt="⚠" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                        <span>لقد تجاوز السعر عتبة 15 درهماً! وهو ما يشكل بداية ركود تضخمي ويفوق القدرة الشرائية لأزيد من 93% من المواطنين المغاربة.</span>
                    </div>
                </div>

            </div>
        </div>
    </section>

    <!-- Strategic Roadmap (Interactive Accordion) -->
    <section id="recommendations" class="py-16 px-4 md:px-8 max-w-4xl mx-auto">
        <div class="mb-12 text-center">
            <h2 class="text-2xl md:text-3xl font-bold text-brand-dark mb-4">خارطة الطريق لتحقيق السيادة والأمن الطاقي</h2>
            <p class="text-gray-600 max-w-2xl mx-auto">
                إن مواجهة الصدمات الجيوسياسية المستقبلية تتطلب الخروج من منطق حلول الأزمات اللحظية قصيرة الأمد نحو بناء سيادة اقتصادية وحصانة وطنية متكاملة.
            </p>
        </div>

        <div class="space-y-4">
            <!-- Accordion item 1 -->
            <div class="border border-gray-200 rounded-2xl overflow-hidden bg-white shadow-xs">
                <button class="accordion-btn w-full px-6 py-4 text-right bg-slate-50 hover:bg-slate-100 flex justify-between items-center font-bold text-brand-dark focus:outline-none transition-all duration-200">
                    <span class="flex items-center gap-3">
                        <span class="text-xl"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f6e0.png" alt="🛠" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                        <span>أولاً: حسم ملف مصفاة &#8220;سامير&#8221; وإعادة تشغيل التكرير الوطني</span>
                    </span>
                    <span class="icon text-lg text-brand-primary">＋</span>
                </button>
                <div class="accordion-content px-6">
                    <div class="text-sm text-brand-slate leading-relaxed space-y-3 text-justify">
                        <p>تعتبر حماية الأمن الطاقي للمملكة رهينة بوجود طاقة تكريرية وطنية قوية بدلاً من التبعية لاستيراد المنتجات المكررة الجاهزة. وتوصي الورقة بـ:</p>
                        <ul class="list-disc pr-5 space-y-1 text-xs font-semibold text-slate-500">
                            <li>الحسم الفوري في تفويت أو تأميم المصفاة لتجاوز التعثرات القانونية والقضائية.</li>
                            <li>تأهيل البنية الفنية للتكرير بالمصفاة لتغطية ما يصل إلى 65% من الاحتياجات المحلية للغازوال والبنزين.</li>
                            <li>استغلال صهاريج التخزين الضخمة بالمصفاة لرفع الاحتياطي الاستراتيجي الوطني من الهيدروكربونات.</li>
                        </ul>
                    </div>
                </div>
            </div>

            <!-- Accordion item 2 -->
            <div class="border border-gray-200 rounded-2xl overflow-hidden bg-white shadow-xs">
                <button class="accordion-btn w-full px-6 py-4 text-right bg-slate-50 hover:bg-slate-100 flex justify-between items-center font-bold text-brand-dark focus:outline-none transition-all duration-200">
                    <span class="flex items-center gap-3">
                        <span class="text-xl"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4b0.png" alt="💰" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                        <span>ثانياً: تفعيل &#8220;الضريبة المرنة&#8221; كآلية لحماية القدرة الشرائية</span>
                    </span>
                    <span class="icon text-lg text-brand-primary">＋</span>
                </button>
                <div class="accordion-content px-6">
                    <div class="text-sm text-brand-slate leading-relaxed text-justify">
                        <p>
                            نقترح إدراج آلية &#8220;الضريبة المرنة&#8221; (Taxes Flottantes) عن طريق خفض جزئي ومؤقت للضريبة الداخلية على الاستهلاك (TIC) والضريبة على القيمة المضافة (TVA) فور تجاوز سعر البرميل حاجز الـ 85 دولاراً دولياً، لضمان استقرار الأسعار بالتقسيط دون المساس بجاذبية الاستثمار أو التوزيع ومصالح الشركات الوطنية.
                        </p>
                    </div>
                </div>
            </div>

            <!-- Accordion item 3 -->
            <div class="border border-gray-200 rounded-2xl overflow-hidden bg-white shadow-xs">
                <button class="accordion-btn w-full px-6 py-4 text-right bg-slate-50 hover:bg-slate-100 flex justify-between items-center font-bold text-brand-dark focus:outline-none transition-all duration-200">
                    <span class="flex items-center gap-3">
                        <span class="text-xl"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f50c.png" alt="🔌" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                        <span>ثالثاً: تسريع الانتقال نحو حلول النقل البديل والهجين</span>
                    </span>
                    <span class="icon text-lg text-brand-primary">＋</span>
                </button>
                <div class="accordion-content px-6">
                    <div class="text-sm text-brand-slate leading-relaxed text-justify">
                        <p>
                            مواكبة الدينامية الحالية التي رفعت حصة النقل النظيف والهجين إلى 12.5% في 2025 عن طريق تقديم تحفيزات مالية وإعفاءات جمركية إضافية للسيارات الكهربائية متوسطة التكلفة، ودعم تطوير البنية التحتية لمحطات الشحن السريع في جل مدن ومحاور الطرق السيارة للمملكة لتقليص الطلب العام على المحروقات التقليدية.
                        </p>
                    </div>
                </div>
            </div>

            <!-- Accordion item 4 -->
            <div class="border border-gray-200 rounded-2xl overflow-hidden bg-white shadow-xs">
                <button class="accordion-btn w-full px-6 py-4 text-right bg-slate-50 hover:bg-slate-100 flex justify-between items-center font-bold text-brand-dark focus:outline-none transition-all duration-200">
                    <span class="flex items-center gap-3">
                        <span class="text-xl"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f3d7.png" alt="🏗" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                        <span>رابعاً: تسريع تجهيز ميناء &#8220;الناظور غرب المتوسط&#8221;</span>
                    </span>
                    <span class="icon text-lg text-brand-primary">＋</span>
                </button>
                <div class="accordion-content px-6">
                    <div class="text-sm text-brand-slate leading-relaxed text-justify">
                        <p>
                            تأهيل البنية اللوجستية وتوسيع طاقات التخزين إلى أزيد من 25 مليون طن بحلول نهاية 2026 في ميناء الناظور غرب المتوسط. يضم الميناء أول محطة مخصصة لاستيراد الغاز الطبيعي المسال وسعات حيوية للهيدروكربونات، لتعزيز خطوط الإمداد من مناطق إنتاج بديلة ومستقرة جغرافياً بعيداً عن الممرات الجيوسياسية المضطربة.
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Footer Section -->
    <footer class="bg-slate-900 text-white py-12 border-t border-slate-950">
        <div class="max-w-7xl mx-auto px-6 grid grid-cols-1 md:grid-cols-2 gap-8 items-center">
            <div class="text-center md:text-right">
                <h4 class="font-extrabold text-lg text-orange-400 mb-2">معهد الدراسات الاجتماعية والإعلامية بالمغرب</h4>
                <p class="text-xs text-slate-400 leading-relaxed max-w-md mx-auto md:mx-0">
                    مؤسسة فكرية وأكاديمية مستقلة متخصصة في تحليل السياسات التنموية، ورصد المؤشرات السوسيو-اقتصادية ومواكبة تطلعات الرأي العام الوطني.
                </p>
            </div>
            <div class="text-center md:text-left space-y-2">
                <p class="text-sm text-orange-200 font-bold">تقرير السياسات: أثر أزمة مضيق هرمز على المحروقات (2026)</p>
                <p class="text-xs text-slate-500">Social and Media Studies Institute © 2026</p>
                <p class="text-[10px] text-slate-600 opacity-60 font-medium">مبني على التقرير الرسمي المشترك وبيانات استطلاع الرأي الوطني لـ SMSI</p>
            </div>
        </div>
    </footer>

    <!-- JS Logic Implementation -->
    <script>
        // --- 1. Tab Switching Logic ---
        function switchTab(tabId) {
            // Hide all tab contents
            document.querySelectorAll('.db-content').forEach(content => {
                content.classList.add('hidden');
            });
            // Reset button designs
            document.querySelectorAll('.db-btn').forEach(btn => {
                btn.classList.remove('bg-brand-primary', 'text-white', 'shadow-md');
                btn.classList.add('bg-white', 'text-brand-slate', 'border', 'border-gray-200', 'hover:bg-gray-50');
            });

            // Show target content
            document.getElementById('tab-' + tabId).classList.remove('hidden');
            // Style active button
            const activeBtn = document.getElementById('btn-' + tabId);
            activeBtn.classList.remove('bg-white', 'text-brand-slate', 'border', 'border-gray-200', 'hover:bg-gray-50');
            activeBtn.classList.add('bg-brand-primary', 'text-white', 'shadow-md');
        }

        // --- 2. Chart.js Implementation ---
        const fontConfig = { family: 'Cairo', size: 11 };

        // Chart 1: Global Brent Crude Scenarios vs Strait Blockage (Dark Theme)
        const ctxBrent = document.getElementById('brentChart').getContext('2d');
        new Chart(ctxBrent, {
            type: 'bar',
            data: {
                labels: ['إغلاق شهر واحد', 'إغلاق 3 أشهر (منخفض)', 'إغلاق 3 أشهر (كارثي)', 'إغلاق 6 أشهر', 'التعطل الدائم'],
                datasets: [
                    {
                        label: 'سعر خام برنت المتوقع ($/برميل)',
                        data: [105, 100, 164, 170, 200],
                        backgroundColor: '#ea580c',
                        borderRadius: 8,
                        barThickness: 26
                    }
                ]
            },
            options: {
                responsive: true,
                maintainAspectRatio: false,
                plugins: {
                    legend: { display: false },
                    title: {
                        display: true,
                        text: 'توقع السعر العالمي للنفط في سيناريوهات إغلاق مضيق هرمز',
                        font: { family: 'Cairo', size: 13, weight: 'bold' },
                        color: '#ffedd5'
                    }
                },
                scales: {
                    y: {
                        beginAtZero: true,
                        max: 220,
                        grid: { color: '#334155' },
                        ticks: { font: fontConfig, color: '#94a3b8' }
                    },
                    x: {
                        grid: { display: false },
                        ticks: { font: fontConfig, color: '#94a3b8' }
                    }
                }
            }
        });

        // Chart 2: Impact of fuel costs on Essentials (Doughnut)
        const ctxImpact = document.getElementById('impactChart').getContext('2d');
        new Chart(ctxImpact, {
            type: 'doughnut',
            data: {
                labels: ['متأثر مباشرة بالأساسيات', 'قلص نفقات السفر غير الأساسية', 'غير متأثر'],
                datasets: [{
                    data: [93.3, 95.4, 4.6],
                    backgroundColor: ['#ea580c', '#2563eb', '#cbd5e1'],
                    hoverOffset: 6
                }]
            },
            options: {
                responsive: true,
                maintainAspectRatio: false,
                plugins: {
                    legend: {
                        position: 'bottom',
                        labels: { font: fontConfig }
                    },
                    title: {
                        display: true,
                        text: 'أثر كلفة الوقود على توفير الأساسيات (طعام، إيجار، ترفيه)',
                        font: { family: 'Cairo', size: 13, weight: 'bold' },
                        color: '#0f172a'
                    }
                }
            }
        });

        // Chart 3: Food Price Inflation Spillover (March 2026)
        const ctxInflation = document.getElementById('inflationChart').getContext('2d');
        new Chart(ctxInflation, {
            type: 'bar',
            indexAxis: 'y', // Horizontal bars
            data: {
                labels: ['السمك وفواكه البحر (+5.4%)', 'الخضر: البصل والطماطم (+4.0%)', 'الفواكه (+2.1%)', 'تضخم النقل واللوجستيك العام (+4.0%)'],
                datasets: [{
                    label: 'نسبة الزيادة التضخمية الفورية',
                    data: [5.4, 4.0, 2.1, 4.0],
                    backgroundColor: ['#ef4444', '#f97316', '#3b82f6', '#10b981'],
                    borderRadius: 6,
                    barThickness: 20
                }]
            },
            options: {
                responsive: true,
                maintainAspectRatio: false,
                plugins: {
                    legend: { display: false },
                    title: {
                        display: true,
                        text: 'التأثير التضخمي الفوري للأزمة على سلة الغذاء (مارس 2026)',
                        font: { family: 'Cairo', size: 13, weight: 'bold' },
                        color: '#0f172a'
                    }
                },
                scales: {
                    x: {
                        beginAtZero: true,
                        max: 7,
                        ticks: { font: fontConfig }
                    },
                    y: {
                        ticks: { font: { family: 'Cairo', size: 10, weight: 'bold' } }
                    }
                }
            }
        });

        // Chart 4: Demographics Age breakdown (2023)
        const ctxDemo = document.getElementById('demoChart').getContext('2d');
        new Chart(ctxDemo, {
            type: 'bar',
            data: {
                labels: ['من 18 إلى 29 سنة', 'من 30 إلى 39 سنة', 'من 40 إلى 49 سنة', 'فوق 50 سنة'],
                datasets: [{
                    label: 'النسبة من العينة المستجوبة (%)',
                    data: [15.2, 31.4, 39.6, 13.8],
                    backgroundColor: '#2563eb',
                    borderRadius: 6,
                    barThickness: 28
                }]
            },
            options: {
                responsive: true,
                maintainAspectRatio: false,
                plugins: {
                    legend: { display: false },
                    title: {
                        display: true,
                        text: 'توزيع العينة المستجوبة حسب الفئات العمرية',
                        font: { family: 'Cairo', size: 13, weight: 'bold' },
                        color: '#0f172a'
                    }
                },
                scales: {
                    y: { beginAtZero: true, max: 50, ticks: { font: fontConfig } },
                    x: { ticks: { font: fontConfig } }
                }
            }
        });

        // --- 3. Dynamic Fuel Price Structure Simulator Logic ---
        let currentFuelType = 'diesel'; // 'diesel' or 'gasoline'

        // Constants of Moroccan Taxes structure
        const taxTIC = {
            diesel: 3.76,     // TIC fixed in MAD per Liter
            gasoline: 4.76    // Gasoline has higher TIC
        };
        const distributorMargin = 0.90; // Average distributor + retailer margin

        const importSlider = document.getElementById('import-slider');
        const importValText = document.getElementById('import-val');
        
        // Output Stats Elements
        const statImport = document.getElementById('stat-import');
        const statTic = document.getElementById('stat-tic');
        const statTva = document.getElementById('stat-tva');
        const statMargin = document.getElementById('stat-margin');
        const statTotal = document.getElementById('stat-total');
        const priceAlert = document.getElementById('price-alert');

        function setFuelType(type) {
            currentFuelType = type;
            
            // Highlight active button
            const btnDiesel = document.getElementById('btn-diesel');
            const btnGasoline = document.getElementById('btn-gasoline');

            if (type === 'diesel') {
                btnDiesel.className = 'flex-1 py-2.5 rounded-xl text-sm font-bold bg-brand-primary text-white border border-transparent transition-all';
                btnGasoline.className = 'flex-1 py-2.5 rounded-xl text-sm font-bold bg-slate-800 text-slate-300 border border-slate-700 hover:bg-slate-750 transition-all';
            } else {
                btnGasoline.className = 'flex-1 py-2.5 rounded-xl text-sm font-bold bg-brand-primary text-white border border-transparent transition-all';
                btnDiesel.className = 'flex-1 py-2.5 rounded-xl text-sm font-bold bg-slate-800 text-slate-300 border border-slate-700 hover:bg-slate-750 transition-all';
            }
            updatePricing();
        }

        function updatePricing() {
            const importPrice = parseFloat(importSlider.value);
            importValText.textContent = importPrice.toFixed(2) + ' درهم';

            // Get standard TIC
            const tic = taxTIC[currentFuelType];
            
            // Margin remains flat roughly
            const margin = distributorMargin;

            // Base price before TVA = Import + TIC + Margin
            const baseBeforeTva = importPrice + tic + margin;

            // TVA is 10% in fuel sector
            const tva = baseBeforeTva * 0.10;

            const finalPrice = baseBeforeTva + tva;

            // Update DOM
            statImport.textContent = importPrice.toFixed(2) + ' درهم';
            statTic.textContent = tic.toFixed(2) + ' درهم';
            statTva.textContent = tva.toFixed(2) + ' درهم';
            statMargin.textContent = margin.toFixed(2) + ' درهم';
            statTotal.textContent = finalPrice.toFixed(2) + ' درهم';

            // Alert control if price gets too high
            if (finalPrice >= 15.00) {
                priceAlert.classList.remove('hidden');
            } else {
                priceAlert.classList.add('hidden');
            }
        }

        importSlider.addEventListener('input', updatePricing);
        // Initial Trigger
        updatePricing();


        // --- 4. Accordion Recommendations Interaction Logic ---
        const accordions = document.querySelectorAll('.accordion-btn');
        accordions.forEach(acc => {
            acc.addEventListener('click', function() {
                const content = this.nextElementSibling;
                const icon = this.querySelector('.icon');
                
                if (content.classList.contains('active')) {
                    content.classList.remove('active');
                    this.classList.remove('bg-orange-50');
                    icon.textContent = '＋';
                } else {
                    // Close other items
                    document.querySelectorAll('.accordion-content').forEach(c => c.classList.remove('active'));
                    document.querySelectorAll('.accordion-btn').forEach(btn => {
                        btn.classList.remove('bg-orange-50');
                        btn.querySelector('.icon').textContent = '＋';
                    });
                    
                    // Open current item
                    content.classList.add('active');
                    this.classList.add('bg-orange-50');
                    icon.textContent = '－';
                }
            });
        });
    </script>
</body>
</html>



<div data-wp-interactive="core/file" class="wp-block-file"><object data-wp-bind--hidden="!state.hasPdfPreview" hidden class="wp-block-file__embed" data="https://sms-institute.com/wp-content/uploads/2026/03/تقرير-تأثير-أسعار-المحروقات-في_-المغرب.pdf" type="application/pdf" style="width:100%;height:600px" aria-label="Embed of تقرير-تأثير-أسعار-المحروقات-في_-المغرب."></object><a id="wp-block-file--media-eed0c2cd-2b99-462a-8fd9-d5416bbf30fd" href="https://sms-institute.com/wp-content/uploads/2026/03/تقرير-تأثير-أسعار-المحروقات-في_-المغرب.pdf">تقرير-تأثير-أسعار-المحروقات-في_-المغرب</a><a href="https://sms-institute.com/wp-content/uploads/2026/03/تقرير-تأثير-أسعار-المحروقات-في_-المغرب.pdf" class="wp-block-file__button wp-element-button" download aria-describedby="wp-block-file--media-eed0c2cd-2b99-462a-8fd9-d5416bbf30fd">Download</a></div>
]]></content:encoded>
					
					<wfw:commentRss>https://sms-institute.com/%d9%85%d8%b9%d9%87%d8%af-%d8%a7%d9%84%d8%af%d8%b1%d8%a7%d8%b3%d8%a7%d8%aa-%d8%a7%d9%84%d8%a7%d8%ac%d8%aa%d9%85%d8%a7%d8%b9%d9%8a%d8%a9-%d9%88-%d8%a7%d9%84%d8%a7%d8%b9%d9%84%d8%a7%d9%85%d9%8a%d8%a9/feed/</wfw:commentRss>
			<slash:comments>1</slash:comments>
		
		
			</item>
		<item>
		<title>رؤية لإصلاح المنظومة الانتخابية بالمغرب</title>
		<link>https://sms-institute.com/%d8%b1%d8%a4%d9%8a%d8%a9-%d9%84%d8%a5%d8%b5%d9%84%d8%a7%d8%ad-%d8%a7%d9%84%d9%85%d9%86%d8%b8%d9%88%d9%85%d8%a9-%d8%a7%d9%84%d8%a7%d9%86%d8%aa%d8%ae%d8%a7%d8%a8%d9%8a%d8%a9-%d8%a8%d8%a7%d9%84%d9%85/</link>
		
		<dc:creator><![CDATA[يونس بنان]]></dc:creator>
		<pubDate>Sun, 14 Sep 2025 01:30:35 +0000</pubDate>
				<category><![CDATA[دراسات]]></category>
		<guid isPermaLink="false">https://sms-institute.com/?p=1176</guid>

					<description><![CDATA[رؤية لإصلاح المنظومة الانتخابية بالمغرب رؤية لإصلاح المنظومة الانتخابية بالمغرب مذكرة من معهد الدراسات الاجتماعية والإعلامية بالمغرب تحديات راهنة تستدعي&#8230;]]></description>
										<content:encoded><![CDATA[
<!-- Chosen Palette: Professional Crimson & Azure -->
<!-- Application Structure Plan: The SPA is designed as a narrative infographic, guiding the user from the problem to the solution. It starts with an overview of the current challenges (voter apathy), then delves into the core of the report: the five main pillars of the proposed reform, presented in a clear grid layout. Each pillar uses a distinct visualization (charts, diagrams) for clarity. The application concludes with a practical roadmap for implementation, structured as a timeline. This thematic, top-down structure was chosen over mirroring the report's linear format to make the complex information immediately accessible and digestible for policymakers and the public. -->
<!-- Visualization & Content Choices: 
- Voter Apathy: Report Info -> Low participation rates. Goal -> Inform. Viz -> Doughnut Chart. Interaction -> Hover for details. Justification -> Instantly shows part-to-whole relationship. Library -> Chart.js.
- Governance Reform: Report Info -> Shift from government oversight to an independent body. Goal -> Show Change. Viz -> Simple before/after flow diagram. Interaction -> Static visual. Justification -> Clearly illustrates the structural change. Method -> HTML/CSS.
- Electoral Register: Report Info -> Need for a more accurate register. Goal -> Compare. Viz -> Bar Chart (Current vs. Proposed on key metrics). Interaction -> Hover. Justification -> Effective for direct comparison of systems. Library -> Chart.js.
- Youth Engagement: Report Info -> Multi-faceted strategy to boost youth participation. Goal -> Organize. Viz -> Radar Chart. Interaction -> Hover. Justification -> Ideal for showing performance across multiple categories/pillars of a single strategy. Library -> Chart.js.
- Electoral System Mix: Report Info -> Proposal for a mixed electoral system. Goal -> Inform. Viz -> Pie Chart. Interaction -> Hover. Justification -> Simple and clear for showing composition. Library -> Chart.js.
- Roadmap: Report Info -> Phased implementation plan. Goal -> Show Change over time. Viz -> Vertical Timeline. Interaction -> Static visual. Justification -> Intuitive for showing a sequence of events. Method -> HTML/CSS.
-->
<!-- CONFIRMATION: NO SVG graphics used. NO Mermaid JS used. -->
<!DOCTYPE html>
<html lang="ar" dir="rtl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>رؤية لإصلاح المنظومة الانتخابية بالمغرب</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Cairo:wght@400;700;900&#038;display=swap" rel="stylesheet">
    <style>
        body {
            font-family: 'Cairo', sans-serif;
            background-color: #F2F2F2;
        }
        .chart-container {
            position: relative;
            width: 100%;
            max-width: 600px;
            margin-left: auto;
            margin-right: auto;
            height: 300px;
            max-height: 400px;
        }
        @media (min-width: 768px) {
            .chart-container {
                height: 350px;
            }
        }
        .rtl-grid {
            direction: rtl;
        }
        .flow-arrow::after {
            content: '←';
            font-size: 2rem;
            color: #E74C3C;
            line-height: 1;
            margin: 0 1rem;
        }
        .flow-item {
            text-align: center;
            padding: 1rem;
            border: 2px solid #3498DB;
            border-radius: 0.5rem;
            background-color: #ffffff;
            flex: 1;
            min-width: 150px;
        }
        .timeline-item {
            position: relative;
            padding-bottom: 2.5rem;
            padding-right: 2.5rem;
            border-right: 3px solid #3498DB;
        }
        .timeline-item:last-child {
            border-right: none;
        }
        .timeline-dot {
            position: absolute;
            right: -11px;
            top: 0;
            width: 20px;
            height: 20px;
            border-radius: 50%;
            background-color: #E74C3C;
            border: 3px solid #F2F2F2;
        }
    </style>
</head>
<body class="bg-gray-100 text-[#2C3E50]">

    <div class="container mx-auto p-4 md:p-8">

        <header class="text-center mb-12">
            <h1 class="text-4xl md:text-5xl font-extrabold text-[#E74C3C] mb-2">رؤية لإصلاح المنظومة الانتخابية بالمغرب</h1>
            <p class="text-xl text-gray-700">مذكرة من معهد الدراسات الاجتماعية والإعلامية بالمغرب</p>
        </header>

        <main>
            <section id="challenges" class="mb-16">
                <div class="text-center mb-8">
                    <h2 class="text-3xl font-bold mb-2">تحديات راهنة تستدعي الإصلاح</h2>
                    <p class="max-w-3xl mx-auto text-gray-600">
                        تواجه المنظومة الانتخابية الحالية تحديات تحد من فعاليتها وتؤثر على ثقة المواطنين، مما يجعل الإصلاح ضرورة ملحة لتعزيز الديمقراطية التشاركية.
                    </p>
                </div>

                <div class="grid grid-cols-1 md:grid-cols-2 gap-8 items-center rtl-grid">
                    <div class="bg-white rounded-lg shadow-md p-6">
                        <h3 class="text-xl font-bold text-center mb-4">عزوف الناخبين المسجلين</h3>
                         <div class="chart-container">
                            <canvas id="voterApathyChart"></canvas>
                        </div>
                        <p class="text-center mt-4 text-gray-600">نسبة كبيرة من المواطنين المسجلين لا يشاركون في التصويت، مما يطرح تساؤلات حول الثقة والتمثيلية. معدل المشاركة في الانتخابات التشريعية بالمغرب خلال العشرين سنة الأخيرة هو تقريبًا 46٪ من المسجلين.
</p>
                    </div>
                    <div class="bg-white rounded-lg shadow-md p-6">
                        <h3 class="text-xl font-bold text-center mb-4">أبرز المعيقات</h3>
                        <ul class="space-y-4 text-lg">
                            <li class="flex items-center"><span class="text-2xl ml-4 text-[#E74C3C]"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4c9.png" alt="📉" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span> ضعف الثقة في العملية السياسية والمؤسسات المنتخبة.</li>
                            <li class="flex items-center"><span class="text-2xl ml-4 text-[#E74C3C]"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f5c2.png" alt="🗂" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span> تعقيدات مرتبطة باللوائح الانتخابية وصعوبة تحيينها.</li>
                            <li class="flex items-center"><span class="text-2xl ml-4 text-[#E74C3C]"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4b0.png" alt="💰" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span> تفاوت الفرص بسبب تأثير المال على الحملات الانتخابية.</li>
                            <li class="flex items-center"><span class="text-2xl ml-4 text-[#E74C3C]"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f937.png" alt="🤷" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span> محدودية انخراط الشباب في الحياة السياسية والعملية الانتخابية.</li>
                        </ul>
                    </div>
                </div>
            </section>
            
            <section id="pillars" class="mb-16">
                <div class="text-center mb-12">
                    <h2 class="text-3xl font-bold mb-2">ركائز الإصلاح الشامل</h2>
                    <p class="max-w-3xl mx-auto text-gray-600">
                        يقترح المعهد رؤية متكاملة للإصلاح ترتكز على محاور أساسية تهدف إلى بناء منظومة انتخابية نزيهة، فعالة، وشاملة.
                    </p>
                </div>

                <div class="grid grid-cols-1 md:grid-cols-2 gap-8 rtl-grid">

                    <div class="bg-white rounded-lg shadow-md p-6 flex flex-col">
                        <h3 class="text-xl font-bold text-center mb-4">1. حوكمة شفافة: نحو هيئة وطنية مستقلة للانتخابات</h3>
                        <p class="text-gray-600 mb-6 text-center">الانتقال من الإشراف الحكومي إلى هيئة مستقلة تماماً لضمان أقصى درجات النزاهة والحياد في جميع مراحل العملية الانتخابية.</p>
                        <div class="flex flex-col md:flex-row items-center justify-center space-y-4 md:space-y-0 w-full mt-auto">
                            <div class="flow-item">
                                <h4 class="font-bold">الوضع الحالي</h4>
                                <p>إشراف حكومي</p>
                            </div>
                            <div class="flow-arrow hidden md:block"></div>
                            <div class="transform rotate-90 md:hidden text-4xl text-[#E74C3C]">↓</div>
                            <div class="flow-item">
                                <h4 class="font-bold">النظام المقترح</h4>
                                <p>هيئة مستقلة</p>
                            </div>
                        </div>
                    </div>

                    <div class="bg-white rounded-lg shadow-md p-6">
                        <h3 class="text-xl font-bold text-center mb-4">2. سجل انتخابي دقيق ومُحدَّث</h3>
                        <p class="text-gray-600 mb-4 text-center">تطوير السجل الانتخابي الحالي من خلال ربطه بالسجل الوطني للسكان لضمان الدقة والشمولية وتقليل الأخطاء.</p>
                        <div class="chart-container">
                            <canvas id="registerReformChart"></canvas>
                        </div>
                    </div>

                    <div class="bg-white rounded-lg shadow-md p-6">
                        <h3 class="text-xl font-bold text-center mb-4">3. تمويل عادل وشفاف للحملات</h3>
                        <p class="text-gray-600 mb-6 text-center">إرساء قواعد صارمة لمراقبة الإنفاق الانتخابي وتوضيح مصادر التمويل لضمان تكافؤ الفرص بين جميع المرشحين.</p>
                         <div class="grid grid-cols-3 gap-4 text-center">
                            <div>
                                <span class="text-5xl"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4b8.png" alt="💸" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                                <h4 class="font-bold mt-2">سقف للإنفاق</h4>
                            </div>
                            <div>
                                <span class="text-5xl"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f50d.png" alt="🔍" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                                <h4 class="font-bold mt-2">شفافية المصادر</h4>
                            </div>
                            <div>
                                <span class="text-5xl"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2696.png" alt="⚖" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>
                                <h4 class="font-bold mt-2">تكافؤ الفرص</h4>
                            </div>
                        </div>
                    </div>
                    
                    <div class="bg-white rounded-lg shadow-md p-6">
                        <h3 class="text-xl font-bold text-center mb-4">4. تعزيز المشاركة السياسية للشباب</h3>
                        <p class="text-gray-600 mb-4 text-center">اعتماد استراتيجية متعددة الأبعاد لإعادة بناء ثقة الشباب في السياسة وتشجيعهم على الانخراط الفعال.</p>
                        <div class="chart-container">
                            <canvas id="youthEngagementChart"></canvas>
                        </div>
                    </div>

                    <div class="bg-white rounded-lg shadow-md p-6 md:col-span-2">
                        <h3 class="text-xl font-bold text-center mb-4">5. نظام انتخابي أكثر فعالية وعدالة</h3>
                        <p class="text-gray-600 mb-6 text-center">يهدف التعديل المقترح إلى تحقيق توازن بين ضمان تمثيلية واسعة وتشكيل حكومات مستقرة وفعالة، عبر الجمع بين مزايا النظامين النسبي والأغلبي.</p>
                        <div class="grid grid-cols-1 md:grid-cols-2 gap-8 items-center">
                             <div>
                                <h4 class="text-lg font-bold text-center mb-2">مقترحات أساسية</h4>
                                <ul class="list-disc list-inside space-y-2">
                                    <li>احتساب العتبة الانتخابية بناءً على عدد المصوتين الفعليين.</li>
                                    <li>إقرار عتبة وطنية موحدة (3% مقترحة) لتقوية المشهد الحزبي.</li>
                                    <li>اعتماد نمط اقتراع مختلط يجمع بين التمثيل النسبي والأغلبي.</li>
                                </ul>
                            </div>
                             <div class="chart-container h-64 md:h-80">
                                <canvas id="electoralSystemChart"></canvas>
                            </div>
                        </div>
                    </div>
                </div>
            </section>

            <section id="roadmap">
                <div class="text-center mb-12">
                    <h2 class="text-3xl font-bold mb-2">خارطة الطريق: نحو إصلاح تشاركي</h2>
                    <p class="max-w-3xl mx-auto text-gray-600">
                        لا يمكن تحقيق إصلاح حقيقي إلا من خلال حوار وطني واسع وشامل يضم جميع الفاعلين السياسيين والمدنيين.
                    </p>
                </div>
                <div class="max-w-4xl mx-auto">
                    <div class="relative">
                        <div class="timeline-item">
                            <div class="timeline-dot"></div>
                            <h4 class="text-xl font-bold mb-1 text-[#3498DB]">المرحلة الأولى: إطلاق المنتدى الوطني</h4>
                            <p class="text-gray-600">تأسيس &#8220;المنتدى الوطني لإصلاح المنظومة الانتخابية&#8221; بشراكة بين الأحزاب، المجتمع المدني، والمؤسسات الوطنية.</p>
                        </div>
                        <div class="timeline-item">
                            <div class="timeline-dot"></div>
                            <h4 class="text-xl font-bold mb-1 text-[#3498DB]">المرحلة الثانية: مشاورات جهوية موسعة</h4>
                            <p class="text-gray-600">تنظيم لقاءات في مختلف جهات المملكة لجمع تصورات وانتظارات المواطنين والمواطنات.</p>
                        </div>
                        <div class="timeline-item">
                            <h4 class="text-xl font-bold mb-1 text-[#3498DB]">المرحلة الثالثة: بلورة المقترحات القانونية</h4>
                            <div class="timeline-dot"></div>
                            <p class="text-gray-600">تحويل خلاصات المنتدى والمشاورات إلى مقترحات قانونية توافقية وعملية.</p>
                        </div>
                         <div class="timeline-item">
                             <h4 class="text-xl font-bold mb-1 text-[#3498DB]">المرحلة الرابعة: المصادقة والنقاش العمومي</h4>
                            <div class="timeline-dot"></div>
                            <p class="text-gray-600">إحالة المقترحات إلى البرلمان وفتحها للنقاش العمومي لضمان أوسع إجماع وطني ممكن.</p>
                        </div>
                    </div>
                </div>
            </section>
        </main>

        <footer class="text-center mt-16 pt-8 border-t">
            <p class="text-gray-600">&copy; سبتمبر 2025 &#8211; معهد الدراسات الاجتماعية والإعلامية بالمغرب</p>
        </footer>

    </div>

    <script>
        const processLabel = (label) => {
            const maxLength = 16;
            if (typeof label === 'string' && label.length > maxLength) {
                const words = label.split(' ');
                const lines = [];
                let currentLine = '';
                for (const word of words) {
                    if ((currentLine + ' ' + word).trim().length > maxLength) {
                        lines.push(currentLine.trim());
                        currentLine = word;
                    } else {
                        currentLine = (currentLine + ' ' + word).trim();
                    }
                }
                if (currentLine) {
                    lines.push(currentLine.trim());
                }
                return lines;
            }
            return label;
        };
        
        const tooltipTitleCallback = (tooltipItems) => {
            const item = tooltipItems[0];
            let label = item.chart.data.labels[item.dataIndex];
            if (Array.isArray(label)) {
                return label.join(' ');
            }
            return label;
        };
        
        const chartColors = {
            blue: '#3498DB',
            green: '#2ECC71',
            yellow: '#F1C40F',
            purple: '#9B59B6',
            red: '#E74C3C',
            turquoise: '#1ABC9C',
            lightGray: '#ECF0F1'
        };

        const defaultChartOptions = {
            maintainAspectRatio: false,
            responsive: true,
            plugins: {
                legend: {
                    position: 'bottom',
                    labels: {
                        font: {
                            family: "'Cairo', sans-serif"
                        }
                    }
                },
                tooltip: {
                    callbacks: {
                        title: tooltipTitleCallback
                    },
                    bodyFont: {
                        family: "'Cairo', sans-serif"
                    },
                    titleFont: {
                        family: "'Cairo', sans-serif"
                    }
                }
            },
            scales: {
                y: {
                    ticks: {
                        font: { family: "'Cairo', sans-serif" }
                    }
                },
                x: {
                    ticks: {
                        font: { family: "'Cairo', sans-serif" }
                    }
                }
            }
        };

        new Chart(document.getElementById('voterApathyChart'), {
            type: 'doughnut',
            data: {
                labels: ['لم يصوتوا', 'صوتوا'],
                datasets: [{
                    label: 'نسبة المشاركة',
                    data: [53, 47],
                    backgroundColor: [chartColors.red, chartColors.green],
                    borderColor: '#ffffff',
                    borderWidth: 2
                }]
            },
            options: { ...defaultChartOptions }
        });

        new Chart(document.getElementById('registerReformChart'), {
            type: 'bar',
            data: {
                labels: ['الدقة', 'الولوجية', 'الثقة'],
                datasets: [
                    {
                        label: 'النظام الحالي',
                        data: [4, 6, 3],
                        backgroundColor: chartColors.red,
                        borderColor: chartColors.red,
                        borderWidth: 1
                    },
                    {
                        label: 'النظام المقترح',
                        data: [9, 8, 8],
                        backgroundColor: chartColors.green,
                        borderColor: chartColors.green,
                        borderWidth: 1
                    }
                ]
            },
            options: {
                ...defaultChartOptions,
                scales: {
                     y: {
                        beginAtZero: true,
                        max: 10,
                        ticks: { font: { family: "'Cairo', sans-serif" } }
                    },
                    x: {
                        ticks: { font: { family: "'Cairo', sans-serif" } }
                    }
                }
            }
        });

        const youthLabels = [
            'برنامج وطني للتربية السياسية',
            'آليات لضمان تمثيلية الشباب',
            'تمويل خاص للشابات المرشحات',
            'استخدام وسائط إبداعية وتواصلية'
        ].map(processLabel);
        
        new Chart(document.getElementById('youthEngagementChart'), {
            type: 'radar',
            data: {
                labels: youthLabels,
                datasets: [{
                    label: 'محاور استراتيجية إشراك الشباب',
                    data: [8, 9, 7, 8],
                    fill: true,
                    backgroundColor: 'rgba(52, 152, 219, 0.2)',
                    borderColor: chartColors.blue,
                    pointBackgroundColor: chartColors.blue,
                    pointBorderColor: '#fff',
                    pointHoverBackgroundColor: '#fff',
                    pointHoverBorderColor: chartColors.blue
                }]
            },
            options: {
                ...defaultChartOptions,
                 scales: {
                    r: {
                        angleLines: { color: 'rgba(0, 0, 0, 0.1)' },
                        grid: { color: 'rgba(0, 0, 0, 0.1)' },
                        pointLabels: { font: { size: 10, family: "'Cairo', sans-serif" } },
                        ticks: {
                            backdropColor: 'transparent',
                            font: { family: "'Cairo', sans-serif" }
                        }
                    }
                }
            }
        });
        
        new Chart(document.getElementById('electoralSystemChart'), {
            type: 'pie',
            data: {
                labels: ['التمثيل النسبي', 'النظام الأغلبي'],
                datasets: [{
                    data: [60, 40],
                    backgroundColor: [chartColors.turquoise, chartColors.purple],
                    hoverOffset: 4
                }]
            },
            options: {
                ...defaultChartOptions,
                plugins: {
                     ...defaultChartOptions.plugins,
                     title: {
                        display: true,
                        text: 'تكوين النظام الانتخابي المختلط المقترح',
                        font: { family: "'Cairo', sans-serif", size: 14 }
                     }
                }
            }
        });

    </script>
</body>
</html>



<div class="wp-block-file"><a id="wp-block-file--media-b61f3c26-6a3f-42e5-9e1c-96ecb971cb45" href="https://sms-institute.com/wp-content/uploads/2025/09/تقرير-حول-إصلاح-المنظومة-الانتخابية-في-المغرب.docx">تقرير-حول-إصلاح-المنظومة-الانتخابية-في-المغرب</a><a href="https://sms-institute.com/wp-content/uploads/2025/09/تقرير-حول-إصلاح-المنظومة-الانتخابية-في-المغرب.docx" class="wp-block-file__button wp-element-button" download aria-describedby="wp-block-file--media-b61f3c26-6a3f-42e5-9e1c-96ecb971cb45">Download</a></div>



<div data-wp-interactive="core/file" class="wp-block-file"><object data-wp-bind--hidden="!state.hasPdfPreview" hidden class="wp-block-file__embed" data="https://sms-institute.com/wp-content/uploads/2025/09/تقرير-حول-إصلاح-المنظومة-الانتخابية-في-المغرب.pdf" type="application/pdf" style="width:100%;height:600px" aria-label="Embed of تقرير حول إصلاح المنظومة الانتخابية في المغرب."></object><a id="wp-block-file--media-0807db24-368d-4b42-bb24-b9ba5878a3d2" href="https://sms-institute.com/wp-content/uploads/2025/09/تقرير-حول-إصلاح-المنظومة-الانتخابية-في-المغرب.pdf">تقرير حول إصلاح المنظومة الانتخابية في المغرب</a><a href="https://sms-institute.com/wp-content/uploads/2025/09/تقرير-حول-إصلاح-المنظومة-الانتخابية-في-المغرب.pdf" class="wp-block-file__button wp-element-button" download aria-describedby="wp-block-file--media-0807db24-368d-4b42-bb24-b9ba5878a3d2">Download</a></div>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
