{"id":28205,"date":"2026-06-13T09:30:30","date_gmt":"2026-06-13T05:30:30","guid":{"rendered":"https:\/\/fiehub.brandssignal.com\/?page_id=28205"},"modified":"2026-07-20T21:38:20","modified_gmt":"2026-07-20T17:38:20","slug":"groupsar","status":"publish","type":"page","link":"https:\/\/fiehub.brandssignal.com\/ar\/groupsar\/","title":{"rendered":"groupsar"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"28205\" class=\"elementor elementor-28205 elementor-26464\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f3c1f4c e-con-full e-flex e-con e-parent\" data-id=\"f3c1f4c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4ba04f6 elementor-widget elementor-widget-html\" data-id=\"4ba04f6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\n  FieHub \u2014 \u0635\u0641\u062d\u0629 \u0627\u0644\u0645\u062c\u0645\u0648\u0639\u0627\u062a \u0627\u0644\u0631\u064a\u0627\u0636\u064a\u0629 (\u0639\u0631\u0628\u064a)\n  \/ar\/groups\/\n  \u0627\u0644\u0635\u0642 \u0641\u064a Elementor \u2192 HTML Widget\n-->\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/@tabler\/icons-webfont@latest\/dist\/tabler-icons.min.css\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n<style>\n    #gl-root * {\n        box-sizing: border-box;\n        margin: 0;\n        padding: 0\n    }\n\n    #gl-root {\n        font-family: 'Inter', sans-serif;\n        color: #16233d;\n        background: #eef4fb;\n        min-height: 100vh;\n        padding: 28px 24px\n    }\n\n    #gl-root .gl-head {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        flex-wrap: wrap;\n        gap: 12px;\n        margin-bottom: 22px\n    }\n\n    #gl-root .gl-title {\n        font-size: 24px;\n        font-weight: 800;\n        color: #16233d\n    }\n    #gl-root .gl-sub {\n        font-size: 13px;\n        color: #6d93c4;\n        margin-top: 3px\n    }\n    #gl-root .gl-create-btn {\n        padding: 11px 22px;\n        border-radius: 10px;\n        background: #1565c0;\n        color: #fff !important;\n        -webkit-text-fill-color: #fff;\n        font-size: 14px;\n        font-weight: 700;\n        border: none;\n        cursor: pointer;\n        font-family: 'Cairo', sans-serif;\n        display: inline-flex;\n        align-items: center;\n        gap: 7px;\n        transition: background .15s;\n        text-decoration: none;\n        height: auto;\n        line-height: 1.4\n    }\n\n    #gl-root .gl-create-btn:hover {\n        background: #0d47a1\n    }\n    #gl-root .filter-bar {\n        display: flex;\n        gap: 10px;\n        flex-wrap: wrap;\n        background: #fff;\n        border-radius: 12px;\n        padding: 14px 16px;\n        box-shadow: 0 1px 4px rgba(21, 101, 192, .07);\n        margin-bottom: 22px;\n        align-items: center\n    }\n    #gl-root .filter-select {\n        padding: 9px 12px;\n        border: 1.5px solid #bbdefb;\n        border-radius: 8px;\n        font-size: 13px;\n        color: #16233d;\n        font-family: 'Inter', sans-serif;\n        outline: none;\n        background: #fff;\n        min-width: 140px;\n        height: auto\n    }\n    #gl-root .filter-select:focus {\n        border-color: #1565c0\n    }\n    #gl-root .filter-btn {\n        padding: 9px 18px;\n        border-radius: 8px;\n        background: #1565c0;\n        color: #fff !important;\n        -webkit-text-fill-color: #fff;\n        font-size: 13px;\n        font-weight: 600;\n        border: none;\n        cursor: pointer;\n        font-family: 'Inter', sans-serif;\n        height: auto;\n        line-height: 1.4;\n        display: inline-flex;\n        align-items: center;\n        gap: 5px\n    }\n    #gl-root .filter-reset {\n        padding: 9px 14px;\n        border-radius: 8px;\n        background: #fff;\n        color: #6d93c4 !important;\n        -webkit-text-fill-color: #6d93c4;\n        font-size: 13px;\n        font-weight: 600;\n        border: 1.5px solid #e3f2fd;\n        cursor: pointer;\n        font-family: 'Inter', sans-serif;\n        height: auto;\n        line-height: 1.4\n    }\n    #gl-root .filter-count {\n        font-size: 12px;\n        color: #6d93c4;\n        margin-left: auto\n    }\n\n    #gl-root .groups-grid {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 18px\n    }\n\n    #gl-root .group-card {\n        background: #fff;\n        border-radius: 16px;\n        overflow: hidden;\n        border: 1px solid #e3f2fd;\n        box-shadow: 0 1px 4px rgba(21, 101, 192, .07);\n        transition: all .2s;\n        cursor: pointer\n    }\n    #gl-root .group-card:hover {\n        transform: translateY(-4px);\n        box-shadow: 0 8px 24px rgba(21, 101, 192, .14)\n    }\n\n    #gl-root .group-card-banner {\n        height: 90px;\n        position: relative;\n        overflow: hidden\n    }\n\n    #gl-root .group-card-banner img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover\n    }\n\n    #gl-root .group-card-av {\n        position: absolute;\n        bottom: -22px;\n        left: 18px;\n        width: 48px;\n        height: 48px;\n        border-radius: 12px;\n        border: 3px solid #fff;\n        background: #1565c0;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-size: 20px;\n        font-weight: 800;\n        color: #fff;\n        box-shadow: 0 2px 8px rgba(0, 0, 0, .14);\n        overflow: hidden\n    }\n\n    #gl-root .group-card-av img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover\n    }\n\n    #gl-root .group-card-type {\n        position: absolute;\n        top: 10px;\n        left: 10px;\n        padding: 3px 9px;\n        border-radius: 20px;\n        font-size: 10px;\n        font-weight: 700;\n        letter-spacing: .3px;\n        text-transform: uppercase\n    }\n\n    #gl-root .type-public {\n        background: rgba(21, 101, 192, .85);\n        color: #fff\n    }\n\n    #gl-root .type-private {\n        background: rgba(90, 90, 90, .85);\n        color: #fff\n    }\n\n    #gl-root .group-card-body {\n        padding: 30px 16px 16px\n    }\n\n    #gl-root .group-card-name {\n        font-size: 15px;\n        font-weight: 700;\n        color: #16233d;\n        margin-bottom: 4px\n    }\n    #gl-root .group-card-meta {\n        display: flex;\n        align-items: center;\n        gap: 10px;\n        flex-wrap: wrap;\n        margin-bottom: 10px\n    }\n    #gl-root .group-meta-item {\n        font-size: 12px;\n        color: #6d93c4;\n        display: flex;\n        align-items: center;\n        gap: 3px\n    }\n    #gl-root .group-card-footer {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        padding-top: 10px;\n        border-top: 1px solid #eef4fb\n    }\n    #gl-root .group-members {\n        font-size: 12px;\n        color: #6d93c4;\n        display: flex;\n        align-items: center;\n        gap: 4px\n    }\n\n    #gl-root .join-btn {\n        padding: 8px 16px;\n        border-radius: 8px;\n        font-size: 12px;\n        font-weight: 700;\n        cursor: pointer;\n        border: none;\n        font-family: 'Cairo', sans-serif;\n        height: auto;\n        line-height: 1.4;\n        transition: all .15s;\n        display: inline-flex;\n        align-items: center;\n        gap: 5px\n    }\n\n    #gl-root .join-btn.can-join {\n        background: #1565c0;\n        color: #fff !important;\n        -webkit-text-fill-color: #fff\n    }\n    #gl-root .join-btn.can-join:hover {\n        background: #0d47a1\n    }\n    #gl-root .join-btn.pending {\n        background: #fff3e0;\n        color: #e65100 !important;\n        -webkit-text-fill-color: #e65100;\n        border: 1px solid #ffe0b2;\n        cursor: default\n    }\n    #gl-root .join-btn.member {\n        background: #e3f2fd;\n        color: #1565c0 !important;\n        -webkit-text-fill-color: #1565c0;\n        border: 1px solid #bbdefb\n    }\n    #gl-root .join-btn.member:hover {\n        background: #fce4e4;\n        color: #b71c1c !important;\n        -webkit-text-fill-color: #b71c1c;\n        border-color: #ffcdd2\n    }\n    #gl-root .join-btn.view-btn {\n        background: #eef4fb;\n        color: #1565c0 !important;\n        -webkit-text-fill-color: #1565c0;\n        border: 1px solid #bbdefb\n    }\n\n    #gl-root .skeleton {\n        background: #fff;\n        border-radius: 16px;\n        overflow: hidden;\n        border: 1px solid #e0f2ee\n    }\n\n    #gl-root .sk-banner {\n        height: 90px;\n        background: linear-gradient(90deg, #e3ecf7 25%, #cfe0f4 50%, #e3ecf7 75%);\n        background-size: 200% 100%;\n        animation: skAnim 1.4s linear infinite\n    }\n    #gl-root .sk-body {\n        padding: 30px 16px 16px;\n        display: flex;\n        flex-direction: column;\n        gap: 8px\n    }\n    #gl-root .sk-line {\n        height: 12px;\n        border-radius: 6px;\n        background: linear-gradient(90deg, #e3ecf7 25%, #cfe0f4 50%, #e3ecf7 75%);\n        background-size: 200% 100%;\n        animation: skAnim 1.4s linear infinite\n    }\n\n    @keyframes skAnim {\n        0% {\n            background-position: 200% 0\n        }\n\n        100% {\n            background-position: -200% 0\n        }\n    }\n\n    #gl-root .empty-state {\n        grid-column: 1\/-1;\n        text-align: center;\n        padding: 60px 20px;\n        color: #6d93c4\n    }\n\n    #gl-root .empty-state i {\n        font-size: 40px;\n        display: block;\n        margin-bottom: 12px;\n        opacity: .3\n    }\n\n    .gl-toast {\n        position: fixed;\n        bottom: 24px;\n        left: 50%;\n        transform: translateX(-50%);\n        background: #16233d;\n        color: #fff;\n        padding: 12px 22px;\n        border-radius: 10px;\n        font-size: 13px;\n        font-weight: 700;\n        font-family: 'Cairo', sans-serif;\n        z-index: 9999;\n        box-shadow: 0 4px 20px rgba(0, 0, 0, .2);\n        opacity: 0;\n        transition: opacity .3s\n    }\n\n    .gl-toast.show {\n        opacity: 1\n    }\n\n    @media(max-width:900px) {\n        #gl-root .groups-grid {\n            grid-template-columns: 1fr 1fr\n        }\n    }\n\n    @media(max-width:600px) {\n        #gl-root .groups-grid {\n            grid-template-columns: 1fr\n        }\n\n        #gl-root .filter-bar {\n            flex-direction: column;\n            align-items: stretch\n        }\n    }\n<\/style>\n\n<div id=\"gl-root\">\n    <div class=\"gl-head\">\n        <div>\n            <div class=\"gl-title\">\u0627\u0644\u0645\u062c\u0645\u0648\u0639\u0627\u062a \u0627\u0644\u0631\u064a\u0627\u0636\u064a\u0629<\/div>\n            <div class=\"gl-sub\">\u0627\u0646\u0636\u0645 \u0644\u0645\u062c\u062a\u0645\u0639 \u00b7 \u0627\u0628\u062d\u062b \u0639\u0646 \u0644\u0627\u0639\u0628\u064a\u0646 \u00b7 \u0646\u0638\u0651\u0645 \u0645\u0628\u0627\u0631\u064a\u0627\u062a<\/div>\n        <\/div>\n        <a href=\"\/ar\/groups-create\/\" class=\"gl-create-btn\"><i class=\"ti ti-plus\"><\/i> \u0625\u0646\u0634\u0627\u0621 \u0645\u062c\u0645\u0648\u0639\u0629<\/a>\n    <\/div>\n\n    <div class=\"filter-bar\">\n        <select class=\"filter-select\" id=\"glFSport\">\n            <option value=\"\">\u26bd \u062c\u0645\u064a\u0639 \u0627\u0644\u0631\u064a\u0627\u0636\u0627\u062a<\/option>\n            <!-- \u062a\u064f\u0639\u0628\u064e\u0651\u0623 \u0645\u0646 DB -->\n        <\/select>\n        <select class=\"filter-select\" id=\"glFEmirate\">\n            <option value=\"\">\ud83d\udccd \u062c\u0645\u064a\u0639 \u0627\u0644\u0645\u062f\u0646<\/option>\n            <!-- \u062a\u064f\u0639\u0628\u064e\u0651\u0623 \u0645\u0646 DB \u062d\u0633\u0628 \u0628\u0644\u062f \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645 -->\n        <\/select>\n        <select class=\"filter-select\" id=\"glFType\">\n            <option value=\"\">\ud83d\udd13 \u062c\u0645\u064a\u0639 \u0627\u0644\u0623\u0646\u0648\u0627\u0639<\/option>\n            <option value=\"public\">\u0639\u0627\u0645\u0629<\/option>\n            <option value=\"private\">\u062e\u0627\u0635\u0629<\/option>\n        <\/select>\n        <button class=\"filter-btn\" onclick=\"GL.load()\"><i class=\"ti ti-search\"><\/i> \u0628\u062d\u062b<\/button>\n        <button class=\"filter-reset\" onclick=\"GL.reset()\">\u0625\u0639\u0627\u062f\u0629 \u062a\u0639\u064a\u064a\u0646<\/button>\n        <span class=\"filter-count\" id=\"glCount\">\u062c\u0627\u0631\u064d \u0627\u0644\u062a\u062d\u0645\u064a\u0644...<\/span>\n    <\/div>\n\n    <div class=\"groups-grid\" id=\"glSkeleton\">\n        <div class=\"skeleton\">\n            <div class=\"sk-banner\"><\/div>\n            <div class=\"sk-body\">\n                <div class=\"sk-line\" style=\"width:60%\"><\/div>\n                <div class=\"sk-line\"><\/div>\n            <\/div>\n        <\/div>\n        <div class=\"skeleton\">\n            <div class=\"sk-banner\"><\/div>\n            <div class=\"sk-body\">\n                <div class=\"sk-line\" style=\"width:60%\"><\/div>\n                <div class=\"sk-line\"><\/div>\n            <\/div>\n        <\/div>\n        <div class=\"skeleton\">\n            <div class=\"sk-banner\"><\/div>\n            <div class=\"sk-body\">\n                <div class=\"sk-line\" style=\"width:60%\"><\/div>\n                <div class=\"sk-line\"><\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n    <div class=\"groups-grid\" id=\"glGrid\" style=\"display:none;\"><\/div>\n<\/div>\n\n<div class=\"gl-toast\" id=\"glToast\"><\/div>\n\n<script>\n    var GL = (function () {\n        var _groups = [];\n        var COLORS = [\n            'linear-gradient(135deg,#0a1628,#1565c0,#2979ff)',\n            'linear-gradient(135deg,#0a1a2e,#0d47a1,#1976d2)',\n            'linear-gradient(135deg,#0d1f38,#1e88e5,#42a5f5)',\n            'linear-gradient(135deg,#0a1522,#0288d1,#29b6f6)',\n            'linear-gradient(135deg,#0a1a30,#283593,#3949ab)',\n            'linear-gradient(135deg,#081420,#01579b,#0288d1)',\n        ];\n        var SPORT_ICONS = {\n            Football:'\u26bd', Basketball:'\ud83c\udfc0', Padel:'\ud83c\udfbe', Cricket:'\ud83c\udfcf',\n            Tennis:'\ud83c\udfbe', Volleyball:'\ud83c\udfd0', Swimming:'\ud83c\udfca', Fitness:'\ud83d\udcaa'\n        };\n    \n        \/* \u2500\u2500 \u062e\u0631\u0627\u0626\u0637 \u0627\u0644\u062a\u0631\u062c\u0645\u0629 \u2014 \u062a\u064f\u0628\u0646\u0649 \u062f\u064a\u0646\u0627\u0645\u064a\u0643\u064a\u0627\u064b \u0645\u0646 DB \u2500\u2500 *\/\n        var _sportEnToAr = {};  \/\/ Football \u2192 \u0643\u0631\u0629 \u0627\u0644\u0642\u062f\u0645\n        var _cityEnToAr  = {};  \/\/ Dubai    \u2192 \u062f\u0628\u064a\n    \n        function toArSport(en) { return _sportEnToAr[en] || en; }\n        function toArCity(en)  { return _cityEnToAr[en]  || en; }\n    \n        \/* \u2500\u2500 readiness flags \u2500\u2500 *\/\n        var _sportsReady = false;\n        var _citiesReady = false;\n    \n        function $i(id) { return document.getElementById(id); }\n        function esc(s) { return String(s||'').replace(\/&\/g,'&amp;').replace(\/<\/g,'&lt;').replace(\/>\/g,'&gt;'); }\n    \n        \/* \u2500\u2500 AJAX: URLSearchParams \u2500\u2500 *\/\n        function ax(action, data, cb) {\n            var ajaxUrl = '\/wp-admin\/admin-ajax.php';\n            var nonce   = '';\n            if (window.FieHubWP) {\n                if (window.FieHubWP.ajax_url)    ajaxUrl = window.FieHubWP.ajax_url;\n                if (window.FieHubWP.nonce_login) nonce   = window.FieHubWP.nonce_login;\n            }\n            var params = 'action=' + encodeURIComponent(action);\n            if (nonce) params += '&nonce=' + encodeURIComponent(nonce);\n            if (data) {\n                Object.keys(data).forEach(function(k) {\n                    params += '&' + encodeURIComponent(k) + '=' + encodeURIComponent(data[k]);\n                });\n            }\n            fetch(ajaxUrl, {\n                method: 'POST',\n                credentials: 'same-origin',\n                headers: { 'Content-Type': 'application\/x-www-form-urlencoded' },\n                body: params\n            })\n            .then(function(r) { return r.json(); })\n            .then(function(d) { if (cb) cb(d); })\n            .catch(function(e) { console.error(action, e); if (cb) cb(null); });\n        }\n    \n        \/* \u2500\u2500 checkReady \u2500\u2500 *\/\n        function checkReady() {\n            if (_sportsReady && _citiesReady) load();\n        }\n    \n        \/* \u2500\u2500 \u062a\u0639\u0628\u0626\u0629 \u0627\u0644\u0631\u064a\u0627\u0636\u0627\u062a \u0645\u0646 DB \u0628\u0640 name_ar \u2500\u2500 *\/\n        function fillSports() {\n            ax('fiehub_get_sports', {}, function(d) {\n                var sel    = $i('glFSport');\n                while (sel.options.length > 1) sel.remove(1);\n    \n                var sports = (d && d.success && Array.isArray(d.data)) ? d.data : [];\n                sports.forEach(function(s) {\n                    var nameEn = s.name || s.name_en || '';\n                    var nameAr = s.name_ar || nameEn;\n                    if (!nameEn) return;\n                    if (s.icon) SPORT_ICONS[nameEn] = s.icon;\n                    _sportEnToAr[nameEn] = nameAr;\n                    var opt = document.createElement('option');\n                    opt.value       = nameEn;   \/\/ \u0646\u0631\u0633\u0644 EN \u0644\u0644\u062e\u0627\u062f\u0645\n                    opt.textContent = nameAr;   \/\/ \u0646\u0639\u0631\u0636 AR \u0644\u0644\u0645\u0633\u062a\u062e\u062f\u0645\n                    sel.appendChild(opt);\n                });\n    \n                \/* fallback *\/\n                if (!sports.length) {\n                    var fb = [\n                        {en:'Football',   ar:'\u0643\u0631\u0629 \u0627\u0644\u0642\u062f\u0645'},\n                        {en:'Basketball', ar:'\u0643\u0631\u0629 \u0627\u0644\u0633\u0644\u0629'},\n                        {en:'Cricket',    ar:'\u0643\u0631\u064a\u0643\u064a\u062a'},\n                        {en:'Padel',      ar:'\u0628\u0627\u062f\u0644'},\n                        {en:'Tennis',     ar:'\u062a\u0646\u0633'},\n                        {en:'Volleyball', ar:'\u0643\u0631\u0629 \u0627\u0644\u0637\u0627\u0626\u0631\u0629'},\n                        {en:'Swimming',   ar:'\u0633\u0628\u0627\u062d\u0629'},\n                        {en:'Fitness',    ar:'\u0644\u064a\u0627\u0642\u0629 \u0628\u062f\u0646\u064a\u0629'},\n                    ];\n                    fb.forEach(function(s) {\n                        _sportEnToAr[s.en] = s.ar;\n                        var opt = document.createElement('option');\n                        opt.value = s.en; opt.textContent = s.ar;\n                        sel.appendChild(opt);\n                    });\n                }\n    \n                _sportsReady = true;\n                checkReady();\n            });\n        }\n    \n        \/* \u2500\u2500 \u062a\u0639\u0628\u0626\u0629 \u0627\u0644\u0645\u062f\u0646 \u0645\u0646 DB \u0628\u0640 name_ar \u2500\u2500 *\/\n        function fillCities(countryId) {\n            var data = {};\n            if (countryId) data.country_id = countryId;\n    \n            ax('fiehub_get_cities', data, function(d) {\n                var sel    = $i('glFEmirate');\n                while (sel.options.length > 1) sel.remove(1);\n    \n                var cities = (d && d.success && Array.isArray(d.data)) ? d.data : [];\n    \n                if (!cities.length) {\n                    var fallback = [\n                        {en:'Dubai',          ar:'\u062f\u0628\u064a'},\n                        {en:'Abu Dhabi',      ar:'\u0623\u0628\u0648\u0638\u0628\u064a'},\n                        {en:'Sharjah',        ar:'\u0627\u0644\u0634\u0627\u0631\u0642\u0629'},\n                        {en:'Ajman',          ar:'\u0639\u062c\u0645\u0627\u0646'},\n                        {en:'Ras Al Khaimah', ar:'\u0631\u0623\u0633 \u0627\u0644\u062e\u064a\u0645\u0629'},\n                        {en:'Fujairah',       ar:'\u0627\u0644\u0641\u062c\u064a\u0631\u0629'},\n                        {en:'Umm Al Quwain', ar:'\u0623\u0645 \u0627\u0644\u0642\u064a\u0648\u064a\u0646'},\n                    ];\n                    fallback.forEach(function(c) {\n                        _cityEnToAr[c.en] = c.ar;\n                        var opt = document.createElement('option');\n                        opt.value = c.en; opt.textContent = c.ar;\n                        sel.appendChild(opt);\n                    });\n                } else {\n                    cities.forEach(function(c) {\n                        var nameEn = c.name || c.name_en || '';\n                        var nameAr = c.name_ar || nameEn;\n                        if (!nameEn) return;\n                        _cityEnToAr[nameEn] = nameAr;\n                        var opt = document.createElement('option');\n                        opt.value       = nameEn;   \/\/ \u0646\u0631\u0633\u0644 EN \u0644\u0644\u062e\u0627\u062f\u0645\n                        opt.textContent = nameAr;   \/\/ \u0646\u0639\u0631\u0636 AR \u0644\u0644\u0645\u0633\u062a\u062e\u062f\u0645\n                        sel.appendChild(opt);\n                    });\n                }\n    \n                _citiesReady = true;\n                checkReady();\n            });\n        }\n    \n        \/* \u2500\u2500 initFilters \u2500\u2500 *\/\n        function initFilters() {\n            fillSports();\n            ax('fiehub_check_auth', {}, function(d) {\n                var countryId = (d && d.success && d.data && d.data.logged_in)\n                    ? (d.data.country_id || null) : null;\n                fillCities(countryId);\n            });\n        }\n    \n        \/* \u2500\u2500 toast \u2500\u2500 *\/\n        function toast(msg, ok) {\n            var el = $i('glToast');\n            el.textContent = msg;\n            el.style.background = ok ? '#1565c0' : '#b71c1c';\n            el.classList.add('show');\n            setTimeout(function() { el.classList.remove('show'); }, 3000);\n        }\n    \n        \/* \u2500\u2500 \u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0645\u062c\u0645\u0648\u0639\u0627\u062a \u2500\u2500 *\/\n        function load() {\n            $i('glSkeleton').style.display = 'grid';\n            $i('glGrid').style.display    = 'none';\n            $i('glCount').textContent     = '\u062c\u0627\u0631\u064d \u0627\u0644\u0628\u062d\u062b...';\n    \n            var data = { limit: 50 };\n            \/* option.value = EN \u062f\u0627\u0626\u0645\u0627\u064b \u2192 \u0646\u0631\u0633\u0644\u0647 \u0645\u0628\u0627\u0634\u0631\u0629 *\/\n            var s = $i('glFSport').value;\n            var e = $i('glFEmirate').value;\n            var t = $i('glFType').value;\n            if (s) data.sport   = s;\n            if (e) data.emirate = e;\n            if (t) data.type    = t;\n    \n            ax('fiehub_get_groups', data, function(d) {\n                $i('glSkeleton').style.display = 'none';\n                $i('glGrid').style.display    = 'grid';\n                _groups = (d && d.success && d.data) ? d.data : [];\n                $i('glCount').textContent = _groups.length + ' \u0645\u062c\u0645\u0648\u0639\u0629';\n                render(_groups);\n                loadNextEvents(_groups);\n            });\n        }\n    \n        \/* \u2500\u2500 \u0639\u0631\u0636 \u0627\u0644\u0628\u0637\u0627\u0642\u0627\u062a \u2500\u2500 *\/\n        function render(arr) {\n            var grid = $i('glGrid');\n            if (!arr.length) {\n                grid.innerHTML = '<div class=\"empty-state\"><i class=\"ti ti-users-group\"><\/i><p>\u0644\u0627 \u062a\u0648\u062c\u062f \u0645\u062c\u0645\u0648\u0639\u0627\u062a.<br>\u0643\u0646 \u0623\u0648\u0644 \u0645\u0646 \u064a\u0646\u0634\u0626 \u0645\u062c\u0645\u0648\u0639\u0629!<\/p><\/div>';\n                return;\n            }\n            grid.innerHTML = arr.map(function(g, i) {\n                var bg   = COLORS[i % COLORS.length];\n                var icon = SPORT_ICONS[g.sport] || '\ud83c\udfc5';\n                var bannerHtml = g.cover_url\n                    ? '<img decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-src=\"' + esc(g.cover_url) + '\" class=\"lazyload\" alt=\"' + esc(g.name) + '\">'\n                    : '<div style=\"width:100%;height:100%;background:' + bg + ';\"><\/div>';\n                var avHtml    = '<div class=\"group-card-av\">' + icon + '<\/div>';\n                var typeLabel = g.type === 'private' ? '\ud83d\udd12 \u062e\u0627\u0635\u0629' : '\ud83c\udf10 \u0639\u0627\u0645\u0629';\n                var typeClass = g.type === 'private' ? 'type-private' : 'type-public';\n    \n                var btnHtml = '';\n                var st = g.member_status;\n                if (st === 'admin' || st === 'member') {\n                    btnHtml = '<button class=\"join-btn member\" onclick=\"GL.toggleLeave('+i+',this)\"><i class=\"ti ti-check\"><\/i> \u0645\u0646\u0636\u0645<\/button>';\n                } else if (st === 'pending') {\n                    btnHtml = '<button class=\"join-btn pending\"><i class=\"ti ti-clock\"><\/i> \u0642\u064a\u062f \u0627\u0644\u0627\u0646\u062a\u0638\u0627\u0631<\/button>';\n                } else {\n                    btnHtml = '<button class=\"join-btn can-join\" onclick=\"GL.join('+i+',this)\"><i class=\"ti ti-users-plus\"><\/i> \u0627\u0646\u0636\u0645<\/button>';\n                }\n    \n                return '<div class=\"group-card\" onclick=\"GL.openGroup('+g.id+')\">'\n                    + '<div class=\"group-card-banner\">' + bannerHtml\n                    + '<div class=\"group-card-type ' + typeClass + '\">' + typeLabel + '<\/div>'\n                    + avHtml + '<\/div>'\n                    + '<div class=\"group-card-body\">'\n                    + '<div class=\"group-card-name\">' + esc(g.name) + '<\/div>'\n                    + '<div class=\"group-card-meta\">'\n                    + '<span class=\"group-meta-item\"><i class=\"ti ti-ball-football\" style=\"font-size:12px;\"><\/i>' + esc(toArSport(g.sport)) + '<\/span>'\n                    + '<span class=\"group-meta-item\"><i class=\"ti ti-map-pin\" style=\"font-size:12px;\"><\/i>' + esc(toArCity(g.emirate)) + '<\/span>'\n                    + '<\/div>'\n                    + '<div id=\"glNextEv-' + g.id + '\" style=\"min-height:22px;\"><\/div>'\n                    + '<div class=\"group-card-footer\">'\n                    + '<div class=\"group-members\"><i class=\"ti ti-users\" style=\"font-size:13px;\"><\/i>' + g.member_count + ' \u0639\u0636\u0648<\/div>'\n                    + btnHtml\n                    + '<\/div><\/div><\/div>';\n            }).join('');\n        }\n    \n        \/* \u2500\u2500 \u0627\u0646\u0636\u0645\u0627\u0645 \u2500\u2500 *\/\n        function join(idx, btn) {\n            event.stopPropagation();\n            var g = _groups[idx];\n            btn.disabled = true; btn.innerHTML = '<i class=\"ti ti-loader\"><\/i>';\n            ax('fiehub_join_group', { group_id: g.id }, function(d) {\n                if (d && d.success) {\n                    var st = d.data.status;\n                    _groups[idx].member_status = st;\n                    if (st === 'member') _groups[idx].member_count++;\n                    render(_groups);\n                    toast(d.data.message, true);\n                } else {\n                    btn.disabled = false; btn.innerHTML = '<i class=\"ti ti-users-plus\"><\/i> \u0627\u0646\u0636\u0645';\n                    toast((d && d.data && d.data.message) || '\u064a\u0631\u062c\u0649 \u062a\u0633\u062c\u064a\u0644 \u0627\u0644\u062f\u062e\u0648\u0644 \u0644\u0644\u0627\u0646\u0636\u0645\u0627\u0645.', false);\n                }\n            });\n        }\n    \n        \/* \u2500\u2500 \u0645\u063a\u0627\u062f\u0631\u0629 \u2500\u2500 *\/\n        function toggleLeave(idx, btn) {\n            event.stopPropagation();\n            if (btn.dataset.confirm !== '1') {\n                btn.dataset.confirm = '1';\n                btn.innerHTML = '<i class=\"ti ti-logout\"><\/i> \u0645\u063a\u0627\u062f\u0631\u0629\u061f';\n                btn.style.background = '#fce4e4'; btn.style.color = '#b71c1c';\n                setTimeout(function() {\n                    btn.dataset.confirm = '';\n                    btn.innerHTML = '<i class=\"ti ti-check\"><\/i> \u0645\u0646\u0636\u0645';\n                    btn.style.background = ''; btn.style.color = '';\n                }, 3000);\n                return;\n            }\n            var g = _groups[idx];\n            btn.disabled = true; btn.innerHTML = '<i class=\"ti ti-loader\"><\/i>';\n            ax('fiehub_leave_group', { group_id: g.id }, function(d) {\n                if (d && d.success) {\n                    _groups[idx].member_status = false;\n                    _groups[idx].member_count = Math.max(0, _groups[idx].member_count - 1);\n                    render(_groups);\n                    toast('\u062a\u0645 \u0645\u063a\u0627\u062f\u0631\u0629 \u0627\u0644\u0645\u062c\u0645\u0648\u0639\u0629.', true);\n                } else {\n                    btn.disabled = false; btn.innerHTML = '<i class=\"ti ti-check\"><\/i> \u0645\u0646\u0636\u0645';\n                    toast((d && d.data && d.data.message) || '\u062e\u0637\u0623', false);\n                }\n            });\n        }\n    \n        \/* \u2500\u2500 \u0641\u062a\u062d \u0635\u0641\u062d\u0629 \u0627\u0644\u0645\u062c\u0645\u0648\u0639\u0629 \u2500\u2500 *\/\n        function openGroup(id) {\n            window.location.href = '\/ar\/group-detail\/?id=' + id;\n        }\n    \n        \/* \u2500\u2500 \u0627\u0644\u0641\u0639\u0627\u0644\u064a\u0627\u062a \u0627\u0644\u0642\u0627\u062f\u0645\u0629 \u2500\u2500 *\/\n        function loadNextEvents(groups) {\n            groups.forEach(function(g) {\n                ax('fiehub_get_group_events', { group_id: g.id }, function(d) {\n                    var el = document.getElementById('glNextEv-' + g.id);\n                    if (!el) return;\n                    if (!d || !d.success || !d.data || !d.data.length) { el.innerHTML = ''; return; }\n                    var today = new Date().toISOString().split('T')[0];\n                    var next  = null;\n                    for (var i = 0; i < d.data.length; i++) {\n                        if (d.data[i].date >= today) { next = d.data[i]; break; }\n                    }\n                    if (!next) { el.innerHTML = ''; return; }\n                    var dateAr = new Date(next.date).toLocaleDateString('ar-AE', { day:'numeric', month:'short' });\n                    el.innerHTML = '<div style=\"display:inline-flex;align-items:center;gap:5px;background:#e0f7f4;color:#0d7a6b;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:700;margin-bottom:8px;\">'\n                        + '<i class=\"ti ti-calendar-event\" style=\"font-size:12px;\"><\/i>'\n                        + '\u0627\u0644\u0642\u0627\u062f\u0645: ' + esc(next.title) + ' \u00b7 ' + dateAr\n                        + '<\/div>';\n                });\n            });\n        }\n    \n        \/* \u2500\u2500 \u0625\u0639\u0627\u062f\u0629 \u062a\u0639\u064a\u064a\u0646 \u2500\u2500 *\/\n        function reset() {\n            ['glFSport','glFEmirate','glFType'].forEach(function(id) { $i(id).value = ''; });\n            load();\n        }\n    \n        \/* \u2500\u2500 init \u2500\u2500 *\/\n        function init() { initFilters(); }\n        if (document.readyState === 'loading') {\n            document.addEventListener('DOMContentLoaded', init);\n        } else { init(); }\n    \n        return { load:load, reset:reset, join:join, toggleLeave:toggleLeave, openGroup:openGroup };\n    })();\n    <\/script>\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>\u0627\u0644\u0645\u062c\u0645\u0648\u0639\u0627\u062a \u0627\u0644\u0631\u064a\u0627\u0636\u064a\u0629 \u0627\u0646\u0636\u0645 \u0644\u0645\u062c\u062a\u0645\u0639 \u00b7 \u0627\u0628\u062d\u062b \u0639\u0646 \u0644\u0627\u0639\u0628\u064a\u0646 \u00b7 \u0646\u0638\u0651\u0645 \u0645\u0628\u0627\u0631\u064a\u0627\u062a \u0625\u0646\u0634\u0627\u0621 \u0645\u062c\u0645\u0648\u0639\u0629 \u26bd \u062c\u0645\u064a\u0639 \u0627\u0644\u0631\u064a\u0627\u0636\u0627\u062a \ud83d\udccd \u062c\u0645\u064a\u0639 \u0627\u0644\u0645\u062f\u0646 \ud83d\udd13 \u062c\u0645\u064a\u0639 \u0627\u0644\u0623\u0646\u0648\u0627\u0639\u0639\u0627\u0645\u0629\u062e\u0627\u0635\u0629 \u0628\u062d\u062b \u0625\u0639\u0627\u062f\u0629 \u062a\u0639\u064a\u064a\u0646 \u062c\u0627\u0631\u064d \u0627\u0644\u062a\u062d\u0645\u064a\u0644&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_acf_changed":false,"footnotes":"","_members_access_role":[],"_members_access_error":""},"class_list":["post-28205","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>groupsar - FIEHUB Sport<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/fiehub.brandssignal.com\/ar\/groupsar\/\" \/>\n<meta property=\"og:locale\" content=\"ar_AR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"groupsar - FIEHUB Sport\" \/>\n<meta property=\"og:description\" content=\"\u0627\u0644\u0645\u062c\u0645\u0648\u0639\u0627\u062a \u0627\u0644\u0631\u064a\u0627\u0636\u064a\u0629 \u0627\u0646\u0636\u0645 \u0644\u0645\u062c\u062a\u0645\u0639 \u00b7 \u0627\u0628\u062d\u062b \u0639\u0646 \u0644\u0627\u0639\u0628\u064a\u0646 \u00b7 \u0646\u0638\u0651\u0645 \u0645\u0628\u0627\u0631\u064a\u0627\u062a \u0625\u0646\u0634\u0627\u0621 \u0645\u062c\u0645\u0648\u0639\u0629 \u26bd \u062c\u0645\u064a\u0639 \u0627\u0644\u0631\u064a\u0627\u0636\u0627\u062a \ud83d\udccd \u062c\u0645\u064a\u0639 \u0627\u0644\u0645\u062f\u0646 \ud83d\udd13 \u062c\u0645\u064a\u0639 \u0627\u0644\u0623\u0646\u0648\u0627\u0639\u0639\u0627\u0645\u0629\u062e\u0627\u0635\u0629 \u0628\u062d\u062b \u0625\u0639\u0627\u062f\u0629 \u062a\u0639\u064a\u064a\u0646 \u062c\u0627\u0631\u064d \u0627\u0644\u062a\u062d\u0645\u064a\u0644&#8230;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/fiehub.brandssignal.com\/ar\/groupsar\/\" \/>\n<meta property=\"og:site_name\" content=\"FIEHUB Sport\" \/>\n<meta property=\"article:modified_time\" content=\"2026-07-20T17:38:20+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u0648\u0642\u062a \u0627\u0644\u0642\u0631\u0627\u0621\u0629 \u0627\u0644\u0645\u064f\u0642\u062f\u0651\u0631\" \/>\n\t<meta name=\"twitter:data1\" content=\"16 \u062f\u0642\u064a\u0642\u0629\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/fiehub.brandssignal.com\\\/ar\\\/groupsar\\\/\",\"url\":\"https:\\\/\\\/fiehub.brandssignal.com\\\/ar\\\/groupsar\\\/\",\"name\":\"groupsar - FIEHUB Sport\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/fiehub.brandssignal.com\\\/#website\"},\"datePublished\":\"2026-06-13T05:30:30+00:00\",\"dateModified\":\"2026-07-20T17:38:20+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/fiehub.brandssignal.com\\\/ar\\\/groupsar\\\/#breadcrumb\"},\"inLanguage\":\"ar\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/fiehub.brandssignal.com\\\/ar\\\/groupsar\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/fiehub.brandssignal.com\\\/ar\\\/groupsar\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/fiehub.brandssignal.com\\\/ar\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"groupsar\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/fiehub.brandssignal.com\\\/#website\",\"url\":\"https:\\\/\\\/fiehub.brandssignal.com\\\/\",\"name\":\"FIEHUB Sport\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/fiehub.brandssignal.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"ar\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"groupsar - FIEHUB Sport","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/fiehub.brandssignal.com\/ar\/groupsar\/","og_locale":"ar_AR","og_type":"article","og_title":"groupsar - FIEHUB Sport","og_description":"\u0627\u0644\u0645\u062c\u0645\u0648\u0639\u0627\u062a \u0627\u0644\u0631\u064a\u0627\u0636\u064a\u0629 \u0627\u0646\u0636\u0645 \u0644\u0645\u062c\u062a\u0645\u0639 \u00b7 \u0627\u0628\u062d\u062b \u0639\u0646 \u0644\u0627\u0639\u0628\u064a\u0646 \u00b7 \u0646\u0638\u0651\u0645 \u0645\u0628\u0627\u0631\u064a\u0627\u062a \u0625\u0646\u0634\u0627\u0621 \u0645\u062c\u0645\u0648\u0639\u0629 \u26bd \u062c\u0645\u064a\u0639 \u0627\u0644\u0631\u064a\u0627\u0636\u0627\u062a \ud83d\udccd \u062c\u0645\u064a\u0639 \u0627\u0644\u0645\u062f\u0646 \ud83d\udd13 \u062c\u0645\u064a\u0639 \u0627\u0644\u0623\u0646\u0648\u0627\u0639\u0639\u0627\u0645\u0629\u062e\u0627\u0635\u0629 \u0628\u062d\u062b \u0625\u0639\u0627\u062f\u0629 \u062a\u0639\u064a\u064a\u0646 \u062c\u0627\u0631\u064d \u0627\u0644\u062a\u062d\u0645\u064a\u0644&#8230;","og_url":"https:\/\/fiehub.brandssignal.com\/ar\/groupsar\/","og_site_name":"FIEHUB Sport","article_modified_time":"2026-07-20T17:38:20+00:00","twitter_card":"summary_large_image","twitter_misc":{"\u0648\u0642\u062a \u0627\u0644\u0642\u0631\u0627\u0621\u0629 \u0627\u0644\u0645\u064f\u0642\u062f\u0651\u0631":"16 \u062f\u0642\u064a\u0642\u0629"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/fiehub.brandssignal.com\/ar\/groupsar\/","url":"https:\/\/fiehub.brandssignal.com\/ar\/groupsar\/","name":"groupsar - FIEHUB Sport","isPartOf":{"@id":"https:\/\/fiehub.brandssignal.com\/#website"},"datePublished":"2026-06-13T05:30:30+00:00","dateModified":"2026-07-20T17:38:20+00:00","breadcrumb":{"@id":"https:\/\/fiehub.brandssignal.com\/ar\/groupsar\/#breadcrumb"},"inLanguage":"ar","potentialAction":[{"@type":"ReadAction","target":["https:\/\/fiehub.brandssignal.com\/ar\/groupsar\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/fiehub.brandssignal.com\/ar\/groupsar\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/fiehub.brandssignal.com\/ar\/"},{"@type":"ListItem","position":2,"name":"groupsar"}]},{"@type":"WebSite","@id":"https:\/\/fiehub.brandssignal.com\/#website","url":"https:\/\/fiehub.brandssignal.com\/","name":"FIEHUB Sport","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/fiehub.brandssignal.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ar"}]}},"_links":{"self":[{"href":"https:\/\/fiehub.brandssignal.com\/ar\/wp-json\/wp\/v2\/pages\/28205","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fiehub.brandssignal.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fiehub.brandssignal.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fiehub.brandssignal.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fiehub.brandssignal.com\/ar\/wp-json\/wp\/v2\/comments?post=28205"}],"version-history":[{"count":10,"href":"https:\/\/fiehub.brandssignal.com\/ar\/wp-json\/wp\/v2\/pages\/28205\/revisions"}],"predecessor-version":[{"id":29558,"href":"https:\/\/fiehub.brandssignal.com\/ar\/wp-json\/wp\/v2\/pages\/28205\/revisions\/29558"}],"wp:attachment":[{"href":"https:\/\/fiehub.brandssignal.com\/ar\/wp-json\/wp\/v2\/media?parent=28205"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}