{"id":15741,"date":"2026-01-27T09:04:52","date_gmt":"2026-01-27T09:04:52","guid":{"rendered":"https:\/\/tendify.net\/?p=15741"},"modified":"2026-02-02T14:53:52","modified_gmt":"2026-02-02T14:53:52","slug":"iraq-exhibitions-calendar-2026","status":"publish","type":"post","link":"https:\/\/tendify.net\/ar\/iraq-exhibitions-calendar-2026\/","title":{"rendered":"Iraq Exhibitions Calendar 2026"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"15741\" class=\"elementor elementor-15741\" data-elementor-post-type=\"post\">\n\t\t\t\t<div class=\"wd-negative-gap elementor-element elementor-element-77c303c e-flex e-con-boxed e-con e-parent\" data-id=\"77c303c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4f340e6 elementor-widget elementor-widget-html\" data-id=\"4f340e6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n<div id=\"iraqExhibitions2026\" class=\"iraq-exhibitions-container\">\r\n    <!-- Header -->\r\n    <header class=\"exhibitions-header\">\r\n        <h1>Iraq Exhibitions Calendar 2026<\/h1>\r\n        <p class=\"subtitle\">Comprehensive guide to trade shows, conferences and business events in Iraq.<\/p>\r\n    <\/header>\r\n\r\n    <div class=\"exhibitions-layout\">\r\n        <!-- Sidebar -->\r\n        <aside class=\"exhibitions-sidebar\">\r\n            <div class=\"filter-section\">\r\n                <h3><i class=\"fas fa-search\"><\/i> Search & Filter<\/h3>\r\n                <input type=\"text\" class=\"search-input\" placeholder=\"Search exhibitions...\">\r\n                <select class=\"city-filter\">\r\n                    <option value=\"all\">All Cities<\/option>\r\n                    <option value=\"baghdad\">Baghdad<\/option>\r\n                    <option value=\"erbil\">Erbil<\/option>\r\n                    <option value=\"basra\">Basra<\/option>\r\n                    <option value=\"sulaymaniyah\">Sulaymaniyah<\/option>\r\n                <\/select>\r\n\r\n                <div class=\"category-filters\">\r\n                    <span class=\"category-btn active\" data-category=\"all\">All<\/span>\r\n                    <span class=\"category-btn\" data-category=\"trade\">Trade<\/span>\r\n                    <span class=\"category-btn\" data-category=\"oil\">Oil & Gas<\/span>\r\n                    <span class=\"category-btn\" data-category=\"construction\">Construction<\/span>\r\n                    <span class=\"category-btn\" data-category=\"health\">Health<\/span>\r\n                    <span class=\"category-btn\" data-category=\"food\">Food & Agro<\/span>\r\n                    <span class=\"category-btn\" data-category=\"it\">IT & Tech<\/span>\r\n                <\/div>\r\n\r\n                <button class=\"print-btn\"><i class=\"fas fa-print\"><\/i> Print<\/button>\r\n            <\/div>\r\n\r\n            <div class=\"stats-section\">\r\n                <h3><i class=\"fas fa-chart-bar\"><\/i> Statistics<\/h3>\r\n                <div class=\"stats-grid\">\r\n                    <div class=\"stat-box\"><span class=\"stat-value\" id=\"totalExhibitions\">25<\/span><span class=\"stat-label\">Total<\/span><\/div>\r\n                    <div class=\"stat-box\"><span class=\"stat-value\" id=\"upcomingExhibitions\">25<\/span><span class=\"stat-label\">Upcoming<\/span><\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/aside>\r\n\r\n        <!-- Main Content -->\r\n        <main class=\"exhibitions-main\">\r\n            <!-- Calendar -->\r\n            <section class=\"calendar-section\">\r\n                <div class=\"calendar-header\">\r\n                    <h2 id=\"currentMonth\">January 2026<\/h2>\r\n                    <div class=\"calendar-controls\">\r\n                        <button id=\"prevMonth\"><i class=\"fas fa-chevron-left\"><\/i><\/button>\r\n                        <button id=\"todayBtn\">Today<\/button>\r\n                        <button id=\"nextMonth\"><i class=\"fas fa-chevron-right\"><\/i><\/button>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"calendar-wrapper\">\r\n                    <table class=\"calendar-table\">\r\n                        <thead>\r\n                            <tr>\r\n                                <th>Sun<\/th>\r\n                                <th>Mon<\/th>\r\n                                <th>Tue<\/th>\r\n                                <th>Wed<\/th>\r\n                                <th>Thu<\/th>\r\n                                <th>Fri<\/th>\r\n                                <th>Sat<\/th>\r\n                            <\/tr>\r\n                        <\/thead>\r\n                        <tbody id=\"calendarBody\"><\/tbody>\r\n                    <\/table>\r\n                <\/div>\r\n            <\/section>\r\n\r\n            <!-- Events -->\r\n            <section class=\"events-section\">\r\n                <h2>Upcoming Exhibitions <span class=\"events-count\" id=\"eventsCountDisplay\">(25)<\/span><\/h2>\r\n                <div class=\"events-list\" id=\"eventsList\">\r\n                    <!-- Events will be loaded here -->\r\n                <\/div>\r\n            <\/section>\r\n        <\/main>\r\n    <\/div>\r\n\r\n    <!-- Modal -->\r\n    <div class=\"exhibition-modal\" id=\"exhibitionModal\">\r\n        <div class=\"modal-content\">\r\n            <div class=\"modal-header\">\r\n                <h3 id=\"modalTitle\">Exhibition Title<\/h3>\r\n                <button class=\"modal-close\" id=\"modalClose\">&times;<\/button>\r\n            <\/div>\r\n            <div class=\"modal-body\" id=\"modalBody\">\r\n                <!-- Modal content -->\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <footer class=\"exhibitions-footer\">\r\n        <p>Iraq Exhibitions Calendar 2026 | Last updated: 2024-2025 Data<\/p>\r\n    <\/footer>\r\n<\/div>\r\n\r\n<style>\r\n    \/* CSS Reset for Elementor *\/\r\n    #iraqExhibitions2026 {\r\n        all: initial !important;\r\n        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;\r\n        display: block !important;\r\n        box-sizing: border-box !important;\r\n    }\r\n\r\n    .iraq-exhibitions-container {\r\n        --primary-blue: #0c4b8f;\r\n        --secondary-blue: #1c6cb0;\r\n        --accent-gold: #ffcc00;\r\n        --accent-orange: #ff9900;\r\n        --light-bg: #f5f7fa;\r\n        --card-bg: #ffffff;\r\n        --text-dark: #333333;\r\n        --text-medium: #666666;\r\n        --border-color: #e1e8f0;\r\n\r\n        background-color: var(--light-bg);\r\n        color: var(--text-dark);\r\n        line-height: 1.6;\r\n        padding: 20px;\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n        border-radius: 10px;\r\n        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\r\n        font-size: 14px;\r\n    }\r\n\r\n    .exhibitions-header {\r\n        background: linear-gradient(135deg, var(--primary-blue) 0%, var(--secondary-blue) 100%);\r\n        color: white;\r\n        padding: 25px;\r\n        border-radius: 10px;\r\n        margin-bottom: 25px;\r\n        text-align: center;\r\n    }\r\n\r\n    .exhibitions-header h1 { font-size: 28px; margin-bottom: 10px; color: white; }\r\n    .subtitle { opacity: 0.9; font-size: 16px; color: white; }\r\n\r\n    .exhibitions-layout { display: flex; gap: 25px; flex-wrap: wrap; }\r\n\r\n    .exhibitions-sidebar {\r\n        flex: 1;\r\n        min-width: 280px;\r\n        background: white;\r\n        padding: 25px;\r\n        border-radius: 10px;\r\n        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\r\n    }\r\n\r\n    .exhibitions-main { flex: 3; min-width: 300px; }\r\n\r\n    .filter-section h3, .stats-section h3 {\r\n        color: var(--primary-blue);\r\n        margin-bottom: 20px;\r\n        font-size: 18px;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n    }\r\n\r\n    .search-input, .city-filter {\r\n        width: 100%;\r\n        padding: 12px 15px;\r\n        border: 1px solid var(--border-color);\r\n        border-radius: 8px;\r\n        margin-bottom: 15px;\r\n        font-size: 14px;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .category-filters { display: flex; flex-wrap: wrap; gap: 8px; margin: 15px 0 25px; }\r\n\r\n    .category-btn {\r\n        padding: 6px 12px;\r\n        background: #f0f5ff;\r\n        border-radius: 20px;\r\n        font-size: 12px;\r\n        cursor: pointer;\r\n        transition: all 0.3s;\r\n        border: 1px solid transparent;\r\n    }\r\n\r\n    .category-btn.active { background: var(--primary-blue); color: white; }\r\n\r\n    .print-btn {\r\n        background: #28a745;\r\n        color: white;\r\n        border: none;\r\n        padding: 12px 25px;\r\n        border-radius: 8px;\r\n        cursor: pointer;\r\n        width: 100%;\r\n        font-size: 15px;\r\n        margin-top: 10px;\r\n    }\r\n\r\n    .stats-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }\r\n\r\n    .stat-box {\r\n        background: #f8fafc;\r\n        padding: 15px;\r\n        border-radius: 8px;\r\n        text-align: center;\r\n        border-left: 4px solid var(--primary-blue);\r\n    }\r\n\r\n    .stat-value { font-size: 24px; font-weight: bold; color: var(--primary-blue); display: block; }\r\n    .stat-label { font-size: 12px; color: var(--text-medium); }\r\n\r\n    .calendar-section {\r\n        background: white;\r\n        padding: 25px;\r\n        border-radius: 10px;\r\n        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\r\n        margin-bottom: 25px;\r\n    }\r\n\r\n    .calendar-header {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        margin-bottom: 25px;\r\n        flex-wrap: wrap;\r\n        gap: 15px;\r\n    }\r\n\r\n    .calendar-header h2 { color: var(--primary-blue); font-size: 22px; margin: 0; }\r\n    .calendar-controls { display: flex; gap: 10px; }\r\n    .calendar-controls button {\r\n        background: var(--primary-blue); color: white; border: none;\r\n        padding: 10px 15px; border-radius: 8px; cursor: pointer;\r\n    }\r\n\r\n    .calendar-table { width: 100%; border-collapse: collapse; min-width: 500px; }\r\n    .calendar-table th {\r\n        padding: 15px; text-align: center; color: var(--primary-blue);\r\n        font-weight: 600; border-bottom: 2px solid var(--border-color);\r\n    }\r\n    .calendar-table td {\r\n        padding: 10px; height: 110px; border: 1px solid var(--border-color);\r\n        vertical-align: top; position: relative; cursor: pointer;\r\n        background: white; transition: background 0.2s;\r\n    }\r\n    .calendar-table td:hover { background: #fcfcfc; }\r\n\r\n    .day-number { position: absolute; top: 5px; right: 8px; font-weight: bold; font-size: 12px; }\r\n    .exhibition-day { background: rgba(255, 204, 0, 0.1) !important; }\r\n\r\n    .exhibition-marker {\r\n        margin-top: 18px; font-size: 9px; background: var(--primary-blue);\r\n        color: white; padding: 2px 4px; border-radius: 3px;\r\n        white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block;\r\n        margin-bottom: 2px;\r\n    }\r\n\r\n    .events-section {\r\n        background: white; padding: 25px; border-radius: 10px;\r\n        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\r\n    }\r\n    .events-section h2 { color: var(--primary-blue); font-size: 22px; margin-bottom: 20px; }\r\n    .events-count { color: var(--accent-orange); font-size: 18px; }\r\n    .events-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 15px; }\r\n\r\n    .event-card {\r\n        background: #f8fafc; padding: 15px; border-radius: 8px;\r\n        border-left: 5px solid var(--primary-blue); cursor: pointer; transition: all 0.3s;\r\n    }\r\n    .event-card:hover { transform: translateY(-3px); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); }\r\n    .event-title { font-weight: bold; font-size: 14px; margin-bottom: 6px; color: var(--text-dark); }\r\n    .event-date { color: var(--primary-blue); font-size: 12px; margin-bottom: 6px; }\r\n    .event-location { color: var(--text-medium); font-size: 11px; }\r\n\r\n    .exhibition-modal {\r\n        display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%;\r\n        background: rgba(0, 0, 0, 0.7); z-index: 9999; align-items: center; justify-content: center;\r\n    }\r\n    .exhibition-modal.active { display: flex; }\r\n    .modal-content { background: white; border-radius: 10px; width: 90%; max-width: 550px; }\r\n    .modal-header { background: var(--primary-blue); color: white; padding: 15px; display: flex; justify-content: space-between; align-items: center; border-radius: 10px 10px 0 0; }\r\n    .modal-close { background: none; border: none; color: white; font-size: 24px; cursor: pointer; }\r\n    .modal-body { padding: 20px; }\r\n\r\n    .exhibitions-footer { text-align: center; padding: 20px; color: var(--text-medium); font-size: 12px; margin-top: 30px; border-top: 1px solid var(--border-color); }\r\n\r\n    @media (max-width: 768px) {\r\n        .exhibitions-layout { flex-direction: column; }\r\n        .calendar-table td { height: 80px; }\r\n    }\r\n<\/style>\r\n\r\n<script>\r\n    document.addEventListener('DOMContentLoaded', function() {\r\n        const exhibitions = [\r\n            { id: 1, name: \"Iraq International Trade Fair\", startDate: \"2026-03-10\", endDate: \"2026-03-15\", description: \"Multi-sector trade event hosting international pavilions.\", location: \"Baghdad Exhibition Center\", city: \"baghdad\", category: \"trade\" },\r\n            { id: 2, name: \"Erbil Oil & Gas Expo\", startDate: \"2026-04-05\", endDate: \"2026-04-08\", description: \"Major energy sector gathering in Kurdistan.\", location: \"Erbil Fairground\", city: \"erbil\", category: \"oil\" },\r\n            { id: 3, name: \"Build Iraq - Basra\", startDate: \"2026-05-12\", endDate: \"2026-05-15\", description: \"Construction and infrastructure summit.\", location: \"Basra International Fair\", city: \"basra\", category: \"construction\" },\r\n            { id: 4, name: \"Iraq Health & Pharma\", startDate: \"2026-02-20\", endDate: \"2026-02-23\", description: \"Medical technology and pharmaceutical expo.\", location: \"Baghdad Exhibition Center\", city: \"baghdad\", category: \"health\" },\r\n            { id: 5, name: \"Agro Iraq Erbil\", startDate: \"2026-06-08\", endDate: \"2026-06-11\", description: \"Agricultural machinery and food production.\", location: \"Erbil Fairground\", city: \"erbil\", category: \"food\" },\r\n            { id: 6, name: \"Basra Heavy Industry\", startDate: \"2026-11-15\", endDate: \"2026-11-18\", description: \"Industrial equipment and heavy machinery.\", location: \"Basra International Fair\", city: \"basra\", category: \"trade\" },\r\n            { id: 7, name: \"ITEX Iraq\", startDate: \"2026-09-22\", endDate: \"2026-09-25\", description: \"Information technology and digital trends.\", location: \"Baghdad Exhibition Center\", city: \"baghdad\", category: \"it\" },\r\n            { id: 8, name: \"Suly Construction Expo\", startDate: \"2026-10-05\", endDate: \"2026-10-08\", description: \"Building materials and design exhibition.\", location: \"Sulaymaniyah Center\", city: \"sulaymaniyah\", category: \"construction\" },\r\n            { id: 9, name: \"Iraq Banking Summit\", startDate: \"2026-03-28\", endDate: \"2026-03-30\", description: \"Financial services and fintech show.\", location: \"Baghdad Exhibition Center\", city: \"baghdad\", category: \"trade\" },\r\n            { id: 10, name: \"Erbil Book Fair\", startDate: \"2026-04-18\", endDate: \"2026-04-28\", description: \"International annual book fair.\", location: \"Erbil Fairground\", city: \"erbil\", category: \"trade\" },\r\n            { id: 11, name: \"Iraq Motor Show\", startDate: \"2026-05-25\", endDate: \"2026-05-28\", description: \"Latest vehicles and automotive parts.\", location: \"Baghdad Exhibition Center\", city: \"baghdad\", category: \"trade\" },\r\n            { id: 12, name: \"Solar Energy Iraq\", startDate: \"2026-01-15\", endDate: \"2026-01-17\", description: \"Renewable energy solutions for Iraq.\", location: \"Baghdad Exhibition Center\", city: \"baghdad\", category: \"oil\" },\r\n            { id: 13, name: \"Baghdad Food Expo\", startDate: \"2026-01-25\", endDate: \"2026-01-28\", description: \"International food and beverage exhibition.\", location: \"Baghdad Exhibition Center\", city: \"baghdad\", category: \"food\" },\r\n            { id: 14, name: \"Security & Defense Erbil\", startDate: \"2026-02-10\", endDate: \"2026-02-12\", description: \"Defense technology and security equipment.\", location: \"Erbil Fairground\", city: \"erbil\", category: \"trade\" },\r\n            { id: 15, name: \"Iraq Education Fair\", startDate: \"2026-07-15\", endDate: \"2026-07-18\", description: \"Universities and training centers expo.\", location: \"Baghdad Exhibition Center\", city: \"baghdad\", category: \"trade\" },\r\n            { id: 16, name: \"Erbil Tourism Expo\", startDate: \"2026-08-05\", endDate: \"2026-08-08\", description: \"Travel and tourism agencies convention.\", location: \"Erbil Fairground\", city: \"erbil\", category: \"trade\" },\r\n            { id: 17, name: \"Basra Plastic & Packaging\", startDate: \"2026-09-10\", endDate: \"2026-09-13\", description: \"Manufacturing and packaging industries.\", location: \"Basra International Fair\", city: \"basra\", category: \"trade\" },\r\n            { id: 18, name: \"Sulaymaniyah Food Fair\", startDate: \"2026-11-02\", endDate: \"2026-11-05\", description: \"Regional food products exhibition.\", location: \"Sulaymaniyah Center\", city: \"sulaymaniyah\", category: \"food\" },\r\n            { id: 19, name: \"Iraq Textile & Fashion\", startDate: \"2026-12-10\", endDate: \"2026-12-13\", description: \"Clothing and textile manufacturing show.\", location: \"Baghdad Exhibition Center\", city: \"baghdad\", category: \"trade\" },\r\n            { id: 20, name: \"Erbil Home Furniture\", startDate: \"2026-10-20\", endDate: \"2026-10-24\", description: \"Interior design and furniture expo.\", location: \"Erbil Fairground\", city: \"erbil\", category: \"construction\" },\r\n            { id: 21, name: \"Iraq Mining Expo\", startDate: \"2026-06-20\", endDate: \"2026-06-22\", description: \"Mineral resources and mining equipment.\", location: \"Baghdad Exhibition Center\", city: \"baghdad\", category: \"oil\" },\r\n            { id: 22, name: \"Basra Logistics Summit\", startDate: \"2026-02-28\", endDate: \"2026-03-02\", description: \"Shipping and global logistics conference.\", location: \"Basra International Fair\", city: \"basra\", category: \"trade\" },\r\n            { id: 23, name: \"Iraq Digital Marketing\", startDate: \"2026-08-25\", endDate: \"2026-08-27\", description: \"E-commerce and social media summit.\", location: \"Baghdad Exhibition Center\", city: \"baghdad\", category: \"it\" },\r\n            { id: 24, name: \"Erbil Real Estate\", startDate: \"2026-09-05\", endDate: \"2026-09-08\", description: \"Housing projects and property investment.\", location: \"Erbil Fairground\", city: \"erbil\", category: \"construction\" },\r\n            { id: 25, name: \"Iraq Dental Congress\", startDate: \"2026-12-05\", endDate: \"2026-12-07\", description: \"Specialized dentistry and dental tech.\", location: \"Baghdad Exhibition Center\", city: \"baghdad\", category: \"health\" }\r\n        ];\r\n\r\n        const calendarBody = document.getElementById('calendarBody');\r\n        const currentMonthElement = document.getElementById('currentMonth');\r\n        const eventsList = document.getElementById('eventsList');\r\n        const modal = document.getElementById('exhibitionModal');\r\n        const modalClose = document.getElementById('modalClose');\r\n        const totalExStat = document.getElementById('totalExhibitions');\r\n        const upcomingExStat = document.getElementById('upcomingExhibitions');\r\n        const eventsCountLabel = document.getElementById('eventsCountDisplay');\r\n\r\n        let currentDate = new Date(2026, 0, 1);\r\n\r\n        totalExStat.textContent = exhibitions.length;\r\n        upcomingExStat.textContent = exhibitions.length;\r\n        eventsCountLabel.textContent = `(${exhibitions.length})`;\r\n\r\n        renderCalendar();\r\n        renderEvents();\r\n        setupEventListeners();\r\n\r\n        function renderCalendar() {\r\n            const months = [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\", \"July\", \"August\", \"September\", \"October\", \"November\", \"December\"];\r\n            currentMonthElement.textContent = `${months[currentDate.getMonth()]} ${currentDate.getFullYear()}`;\r\n            calendarBody.innerHTML = '';\r\n\r\n            const firstDay = new Date(currentDate.getFullYear(), currentDate.getMonth(), 1);\r\n            const lastDay = new Date(currentDate.getFullYear(), currentDate.getMonth() + 1, 0);\r\n            const totalDays = lastDay.getDate();\r\n            const startIdx = firstDay.getDay();\r\n\r\n            let date = 1;\r\n            for (let i = 0; i < 6; i++) {\r\n                const row = document.createElement('tr');\r\n                for (let j = 0; j < 7; j++) {\r\n                    const cell = document.createElement('td');\r\n                    if (i === 0 && j < startIdx) {\r\n                        cell.innerHTML = '';\r\n                    } else if (date > totalDays) {\r\n                        cell.innerHTML = '';\r\n                    } else {\r\n                        const num = document.createElement('div');\r\n                        num.className = 'day-number';\r\n                        num.textContent = date;\r\n                        cell.appendChild(num);\r\n\r\n                        const dateStr = `${currentDate.getFullYear()}-${String(currentDate.getMonth() + 1).padStart(2, '0')}-${String(date).padStart(2, '0')}`;\r\n                        const dayEx = exhibitions.filter(ex => {\r\n                            const s = new Date(ex.startDate);\r\n                            const e = new Date(ex.endDate);\r\n                            const c = new Date(dateStr);\r\n                            return c >= s && c <= e;\r\n                        });\r\n\r\n                        if (dayEx.length > 0) {\r\n                            cell.classList.add('exhibition-day');\r\n                            dayEx.forEach(ex => {\r\n                                const m = document.createElement('div');\r\n                                m.className = 'exhibition-marker';\r\n                                m.textContent = ex.name;\r\n                                cell.appendChild(m);\r\n                            });\r\n                            cell.addEventListener('click', () => openModal(dayEx[0]));\r\n                        }\r\n                        date++;\r\n                    }\r\n                    row.appendChild(cell);\r\n                }\r\n                calendarBody.appendChild(row);\r\n                if (date > totalDays) break;\r\n            }\r\n        }\r\n\r\n        function renderEvents(filterData = exhibitions) {\r\n            eventsList.innerHTML = '';\r\n            const sorted = [...filterData].sort((a, b) => new Date(a.startDate) - new Date(b.startDate));\r\n            sorted.forEach(ex => {\r\n                const card = document.createElement('div');\r\n                card.className = 'event-card';\r\n                card.innerHTML = `\r\n                    <div class=\"event-title\">${ex.name}<\/div>\r\n                    <div class=\"event-date\"><i class=\"fas fa-calendar-day\"><\/i> ${new Date(ex.startDate).toDateString()}<\/div>\r\n                    <div class=\"event-location\"><i class=\"fas fa-map-marker-alt\"><\/i> ${ex.location}<\/div>\r\n                `;\r\n                card.addEventListener('click', () => openModal(ex));\r\n                eventsList.appendChild(card);\r\n            });\r\n            eventsCountLabel.textContent = `(${filterData.length})`;\r\n        }\r\n\r\n        function openModal(ex) {\r\n            const modalTitle = document.getElementById('modalTitle');\r\n            const modalBody = document.getElementById('modalBody');\r\n            modalTitle.textContent = ex.name;\r\n            modalBody.innerHTML = `\r\n                <p><strong>Period:<\/strong> ${ex.startDate} to ${ex.endDate}<\/p>\r\n                <p><strong>City:<\/strong> ${ex.city.toUpperCase()}<\/p>\r\n                <p><strong>Venue:<\/strong> ${ex.location}<\/p>\r\n                <p><strong>Category:<\/strong> ${ex.category.toUpperCase()}<\/p>\r\n                <p><strong>Description:<\/strong> ${ex.description}<\/p>\r\n                <button style=\"background:var(--primary-blue); color:white; border:none; padding:10px; border-radius:5px; cursor:pointer; width:100%; margin-top:10px;\">Register as Visitor<\/button>\r\n            `;\r\n            modal.classList.add('active');\r\n        }\r\n\r\n        function setupEventListeners() {\r\n            document.getElementById('prevMonth').addEventListener('click', () => { currentDate.setMonth(currentDate.getMonth() - 1); renderCalendar(); });\r\n            document.getElementById('nextMonth').addEventListener('click', () => { currentDate.setMonth(currentDate.getMonth() + 1); renderCalendar(); });\r\n            document.getElementById('todayBtn').addEventListener('click', () => { currentDate = new Date(2026, 0, 1); renderCalendar(); });\r\n            modalClose.addEventListener('click', () => modal.classList.remove('active'));\r\n            modal.addEventListener('click', (e) => { if(e.target === modal) modal.classList.remove('active'); });\r\n\r\n            document.querySelector('.city-filter').addEventListener('change', (e) => {\r\n                const city = e.target.value;\r\n                const filtered = city === 'all' ? exhibitions : exhibitions.filter(x => x.city === city);\r\n                renderEvents(filtered);\r\n            });\r\n\r\n            document.querySelector('.search-input').addEventListener('input', (e) => {\r\n                const term = e.target.value.toLowerCase();\r\n                const filtered = exhibitions.filter(x => x.name.toLowerCase().includes(term) || x.description.toLowerCase().includes(term));\r\n                renderEvents(filtered);\r\n            });\r\n\r\n            document.querySelectorAll('.category-btn').forEach(btn => {\r\n                btn.addEventListener('click', function() {\r\n                    document.querySelectorAll('.category-btn').forEach(b => b.classList.remove('active'));\r\n                    this.classList.add('active');\r\n                    const cat = this.dataset.category;\r\n                    const filtered = cat === 'all' ? exhibitions : exhibitions.filter(x => x.category === cat);\r\n                    renderEvents(filtered);\r\n                });\r\n            });\r\n        }\r\n    });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Click on highlighted dates to view exhibition details<\/p>","protected":false},"author":15,"featured_media":15745,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[767,758],"tags":[770],"class_list":["post-15741","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-b2b-online-tools","category-exhibitions","tag-iraq"],"_links":{"self":[{"href":"https:\/\/tendify.net\/ar\/wp-json\/wp\/v2\/posts\/15741","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tendify.net\/ar\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tendify.net\/ar\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tendify.net\/ar\/wp-json\/wp\/v2\/users\/15"}],"replies":[{"embeddable":true,"href":"https:\/\/tendify.net\/ar\/wp-json\/wp\/v2\/comments?post=15741"}],"version-history":[{"count":0,"href":"https:\/\/tendify.net\/ar\/wp-json\/wp\/v2\/posts\/15741\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tendify.net\/ar\/wp-json\/wp\/v2\/media\/15745"}],"wp:attachment":[{"href":"https:\/\/tendify.net\/ar\/wp-json\/wp\/v2\/media?parent=15741"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tendify.net\/ar\/wp-json\/wp\/v2\/categories?post=15741"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tendify.net\/ar\/wp-json\/wp\/v2\/tags?post=15741"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}