{"id":1844,"date":"2025-08-13T11:58:54","date_gmt":"2025-08-13T08:58:54","guid":{"rendered":"https:\/\/imfcom.link\/?page_id=1844"},"modified":"2025-08-14T09:44:57","modified_gmt":"2025-08-14T06:44:57","slug":"imf-draw-setup","status":"publish","type":"page","link":"https:\/\/imfcom.link\/ar\/imf-draw-setup\/","title":{"rendered":"IMF Draw Setup"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1844\" class=\"elementor elementor-1844\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ab4afd0 e-flex e-con-boxed e-con e-parent\" data-id=\"ab4afd0\" 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-a4f7b40 elementor-widget elementor-widget-html\" data-id=\"a4f7b40\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ==== IMF Draw v6 \u2014 Erbil 2025 (A & B only, 5 teams each) ==== -->\r\n<style>\r\n  :root{\r\n    --imf-primary:#003366;   \/* \u0627\u0644\u0623\u0632\u0631\u0642 \u0627\u0644\u0631\u0633\u0645\u064a *\/\r\n    --imf-border:#cfd8e3;\r\n    --imf-cell:#f7f9fc;\r\n    --imf-text:#0f172a;\r\n  }\r\n\r\n  .draw-wrap{font-family: system-ui, Arial, sans-serif; color:var(--imf-text)}\r\n  .draw-header{margin:0 0 20px}\r\n\r\n  \/* Header with logos + title *\/\r\n  .draw-header-logos{\r\n    display:flex; align-items:center; justify-content:center; gap:15px; margin-bottom:8px;\r\n  }\r\n  .draw-header-logos img{ max-height:70px; width:auto; }\r\n  .draw-title{text-align:center; margin:0; font-size:26px; font-weight:800}\r\n  .draw-sub{ text-align:center; font-size:14px; opacity:.8 }\r\n\r\n  \/* Grid: A,B \u0641\u0642\u0637 *\/\r\n  .draw-grid{display:grid; grid-template-columns:1fr 1fr; gap:22px}\r\n  @media (max-width:1024px){ .draw-grid{ grid-template-columns:1fr } }\r\n\r\n  .group-card{\r\n    border:1px solid var(--imf-border); border-radius:16px; background:#fff; overflow:hidden;\r\n    box-shadow:0 6px 18px rgba(0,0,0,.06)\r\n  }\r\n  .group-title{\r\n    text-align:center; font-size:24px; font-weight:800; color:#fff; background:var(--imf-primary);\r\n    padding:14px 12px; letter-spacing:.3px\r\n  }\r\n\r\n  .group-table{ width:100%; border-collapse:separate; border-spacing:0; table-layout:fixed }\r\n  .group-table col.slotCol{ width:100px }\r\n  .group-table col.teamCol{ width:auto }\r\n  .group-table th, .group-table td{\r\n    border:1px solid var(--imf-border); padding:14px 12px; text-align:center; font-size:20px; line-height:1.4;\r\n    word-break:break-word; white-space:normal\r\n  }\r\n  .group-table th{ background:#e9f0fb; font-weight:800 }\r\n  .group-table td{ background:var(--imf-cell) }\r\n\r\n  .group-select{\r\n    width:100%; min-width:260px; padding:12px 14px; font-size:20px; line-height:1.4 !important; height:auto !important;\r\n    border:1px solid var(--imf-border); border-radius:10px; background:#fff !important; color:#0f172a !important;\r\n    outline:none; appearance:auto !important;\r\n  }\r\n  @media (max-width:480px){ .group-select{ min-width:0 } }\r\n  .group-select:focus{ box-shadow:0 0 0 3px rgba(0,51,102,.12); border-color:#9fb9d6 }\r\n\r\n  .selected-text{ display:none } \/* \u064a\u0638\u0647\u0631 \u0641\u0642\u0637 \u0648\u0642\u062a \u0627\u0644\u0637\u0628\u0627\u0639\u0629 *\/\r\n\r\n  .draw-toolbar{ margin-top:20px; display:flex; gap:10px; flex-wrap:wrap; justify-content:center }\r\n  .btn{ border:1px solid var(--imf-border); background:#fff; padding:10px 16px; font-size:16px; border-radius:10px; cursor:pointer }\r\n  .btn-primary{ background:var(--imf-primary); color:#fff; border-color:transparent }\r\n  .btn:disabled{ opacity:.6; cursor:not-allowed }\r\n\r\n  \/* ====== Print styles (compact and clear) ====== *\/\r\n  @media print{\r\n    .draw-toolbar, .draw-sub{ display:none !important }\r\n    body{ background:#fff }\r\n    .draw-grid{ grid-template-columns:1fr 1fr; gap:12px }\r\n    .group-card{ box-shadow:none; border-color:#bbb; page-break-inside:avoid }\r\n    .group-title{ background:#000 !important; font-size:18px; padding:8px }\r\n    .group-table{ table-layout:auto }\r\n    .group-table th, .group-table td{\r\n      font-size:13px; padding:6px; line-height:1.25; word-break:break-word; white-space:normal;\r\n    }\r\n\r\n    \/* \u0627\u0633\u062a\u0628\u062f\u0627\u0644 \u0627\u0644\u0642\u0648\u0627\u0626\u0645 \u0628\u0646\u0635 \u0648\u0627\u0636\u062d *\/\r\n    .group-select{ display:none !important }\r\n    .selected-text{\r\n      display:inline-block !important; padding:4px 6px; font-weight:700;\r\n      border:1px solid var(--imf-border); border-radius:6px; background:#fff;\r\n      white-space:normal; word-break:break-word; min-width:0; max-width:100%;\r\n    }\r\n\r\n    \/* \u0637\u0628\u0627\u0639\u0629 \u0645\u062c\u0645\u0648\u0639\u0629 \u0648\u0627\u062d\u062f\u0629 *\/\r\n    .only-print-groupA .group-card[data-group=\"A\"]{ display:block !important }\r\n    .only-print-groupA .group-card:not([data-group=\"A\"]){ display:none !important }\r\n    .only-print-groupB .group-card[data-group=\"B\"]{ display:block !important }\r\n    .only-print-groupB .group-card:not([data-group=\"B\"]){ display:none !important }\r\n  }\r\n  @page{ size:auto; margin:8mm }\r\n<\/style>\r\n\r\n<div class=\"draw-wrap\" id=\"imf-draw\">\r\n  <!-- Header -->\r\n  <div class=\"draw-header\">\r\n    <div class=\"draw-header-logos\">\r\n      <img decoding=\"async\" src=\"http:\/\/imfcom.link\/wp-content\/uploads\/2025\/06\/logo-IMF.jpg\" alt=\"IMF Logo\">\r\n      <h2 class=\"draw-title\">Draw for the Women's World Cup - Erbil 2025<\/h2>\r\n      <img decoding=\"async\" src=\"http:\/\/imfcom.link\/wp-content\/uploads\/2025\/06\/PHOTO-2025-06-28-08-55-33-removebg-preview.png\" alt=\"Tournament Logo\">\r\n    <\/div>\r\n    <div class=\"draw-sub\">2 groups \u2022 5 teams each \u2022 Manual seeding \u2022 Compact print<\/div>\r\n  <\/div>\r\n\r\n  <!-- Groups Grid -->\r\n  <div class=\"draw-grid\">\r\n    <!-- Group A -->\r\n    <div class=\"group-card\" id=\"groupA\" data-group=\"A\">\r\n      <div class=\"group-title\">Group A<\/div>\r\n      <table class=\"group-table\">\r\n        <colgroup><col class=\"slotCol\"><col class=\"teamCol\"><\/colgroup>\r\n        <thead><tr><th>#<\/th><th>Team<\/th><\/tr><\/thead>\r\n        <tbody>\r\n          <tr><td>1<\/td><td><select class=\"group-select\" data-slot=\"A-1\"><\/select><span class=\"selected-text\"><\/span><\/td><\/tr>\r\n          <tr><td>2<\/td><td><select class=\"group-select\" data-slot=\"A-2\"><\/select><span class=\"selected-text\"><\/span><\/td><\/tr>\r\n          <tr><td>3<\/td><td><select class=\"group-select\" data-slot=\"A-3\"><\/select><span class=\"selected-text\"><\/span><\/td><\/tr>\r\n          <tr><td>4<\/td><td><select class=\"group-select\" data-slot=\"A-4\"><\/select><span class=\"selected-text\"><\/span><\/td><\/tr>\r\n          <tr><td>5<\/td><td><select class=\"group-select\" data-slot=\"A-5\"><\/select><span class=\"selected-text\"><\/span><\/td><\/tr>\r\n        <\/tbody>\r\n      <\/table>\r\n    <\/div>\r\n\r\n    <!-- Group B -->\r\n    <div class=\"group-card\" id=\"groupB\" data-group=\"B\">\r\n      <div class=\"group-title\">Group B<\/div>\r\n      <table class=\"group-table\">\r\n        <colgroup><col class=\"slotCol\"><col class=\"teamCol\"><\/colgroup>\r\n        <thead><tr><th>#<\/th><th>Team<\/th><\/tr><\/thead>\r\n        <tbody>\r\n          <tr><td>1<\/td><td><select class=\"group-select\" data-slot=\"B-1\"><\/select><span class=\"selected-text\"><\/span><\/td><\/tr>\r\n          <tr><td>2<\/td><td><select class=\"group-select\" data-slot=\"B-2\"><\/select><span class=\"selected-text\"><\/span><\/td><\/tr>\r\n          <tr><td>3<\/td><td><select class=\"group-select\" data-slot=\"B-3\"><\/select><span class=\"selected-text\"><\/span><\/td><\/tr>\r\n          <tr><td>4<\/td><td><select class=\"group-select\" data-slot=\"B-4\"><\/select><span class=\"selected-text\"><\/span><\/td><\/tr>\r\n          <tr><td>5<\/td><td><select class=\"group-select\" data-slot=\"B-5\"><\/select><span class=\"selected-text\"><\/span><\/td><\/tr>\r\n        <\/tbody>\r\n      <\/table>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Toolbar -->\r\n  <div class=\"draw-toolbar\">\r\n    <button class=\"btn btn-primary\" id=\"saveDraw\">Save<\/button>\r\n    <button class=\"btn\" id=\"loadDraw\">Load<\/button>\r\n    <button class=\"btn\" id=\"clearDraw\">Clear<\/button>\r\n    <button class=\"btn\" id=\"printAll\">Print All<\/button>\r\n    <button class=\"btn\" id=\"printA\">Print Group A<\/button>\r\n    <button class=\"btn\" id=\"printB\">Print Group B<\/button>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n\/* ====== Official Teams (10) ====== *\/\r\n\/* Iraq \u2192 Kurdistan Iraq | Removed: Ghana, Senegal *\/\r\nconst teams = [\r\n  \"Kurdistan Iraq\",\"Jordan\",\"Lebanon\",\"Pakistan\",\"Tunisia\",\r\n  \"Egypt\",\"Uganda\",\"Haiti\",\"Taiwan\",\"Kazakhstan\"\r\n];\r\n\r\n(function(){\r\n  const STORAGE_KEY = \"imf_draw_state_v6_2x5_erbil2025\";\r\n  const root = document.getElementById(\"imf-draw\");\r\n  const selects = Array.from(root.querySelectorAll(\".group-select\"));\r\n\r\n  function buildOptions(currentValue){\r\n    const used = new Set(selects.map(s => s.value).filter(Boolean));\r\n    const frag = document.createDocumentFragment();\r\n\r\n    const opt0 = document.createElement(\"option\");\r\n    opt0.value = \"\"; opt0.textContent = \"-- Select team --\";\r\n    frag.appendChild(opt0);\r\n\r\n    teams.forEach(t=>{\r\n      const o = document.createElement(\"option\");\r\n      o.value = t; o.textContent = t;\r\n      if(used.has(t) && t !== currentValue){ o.disabled = true; }\r\n      frag.appendChild(o);\r\n    });\r\n    return frag;\r\n  }\r\n\r\n  function updateSelectedText(sel){\r\n    const span = sel.nextElementSibling && sel.nextElementSibling.classList.contains(\"selected-text\")\r\n      ? sel.nextElementSibling : null;\r\n    if(span){ span.textContent = sel.value || \"\u2014\"; }\r\n  }\r\n\r\n  function refreshAllOptions(){\r\n    selects.forEach(sel=>{\r\n      const cur = sel.value || \"\";\r\n      \/\/ rebuild options but preserve current value\r\n      sel.replaceChildren(buildOptions(cur));\r\n      sel.value = cur;\r\n      updateSelectedText(sel);\r\n    });\r\n  }\r\n\r\n  function saveState(){\r\n    const state = {};\r\n    selects.forEach(s => { state[s.dataset.slot] = s.value; });\r\n    localStorage.setItem(STORAGE_KEY, JSON.stringify(state));\r\n  }\r\n\r\n  function loadState(){\r\n    const raw = localStorage.getItem(STORAGE_KEY);\r\n    if(!raw) return;\r\n    try{\r\n      const state = JSON.parse(raw);\r\n      selects.forEach(s => { s.value = state[s.dataset.slot] || \"\"; });\r\n      refreshAllOptions();\r\n    }catch(e){}\r\n  }\r\n\r\n  function clearState(){\r\n    localStorage.removeItem(STORAGE_KEY);\r\n    selects.forEach(s => { s.value = \"\"; updateSelectedText(s); });\r\n    refreshAllOptions();\r\n  }\r\n\r\n  \/\/ init\r\n  selects.forEach(sel=>{\r\n    sel.addEventListener(\"change\", ()=>{\r\n      updateSelectedText(sel);\r\n      refreshAllOptions();\r\n      saveState();\r\n    });\r\n  });\r\n  refreshAllOptions();\r\n  loadState();\r\n\r\n  \/\/ toolbar\r\n  const btnSave  = root.querySelector(\"#saveDraw\");\r\n  const btnLoad  = root.querySelector(\"#loadDraw\");\r\n  const btnClear = root.querySelector(\"#clearDraw\");\r\n  const btnPrintAll = root.querySelector(\"#printAll\");\r\n  const btnPrintA   = root.querySelector(\"#printA\");\r\n  const btnPrintB   = root.querySelector(\"#printB\");\r\n\r\n  btnSave.addEventListener(\"click\", saveState);\r\n  btnLoad.addEventListener(\"click\", loadState);\r\n  btnClear.addEventListener(\"click\", clearState);\r\n\r\n  function withTempClass(cls){\r\n    const prev = document.body.className;\r\n    document.body.classList.add(cls);\r\n    window.print();\r\n    document.body.className = prev;\r\n  }\r\n\r\n  btnPrintAll.addEventListener(\"click\", ()=> window.print());\r\n  btnPrintA.addEventListener(\"click\", ()=> withTempClass(\"only-print-groupA\"));\r\n  btnPrintB.addEventListener(\"click\", ()=> withTempClass(\"only-print-groupB\"));\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\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>Draw for the Women&#8217;s World Cup &#8211; Erbil 2025 2 groups \u2022 5 teams each \u2022 Manual seeding \u2022 Compact [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-1844","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/imfcom.link\/ar\/wp-json\/wp\/v2\/pages\/1844","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/imfcom.link\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/imfcom.link\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/imfcom.link\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/imfcom.link\/ar\/wp-json\/wp\/v2\/comments?post=1844"}],"version-history":[{"count":10,"href":"https:\/\/imfcom.link\/ar\/wp-json\/wp\/v2\/pages\/1844\/revisions"}],"predecessor-version":[{"id":1861,"href":"https:\/\/imfcom.link\/ar\/wp-json\/wp\/v2\/pages\/1844\/revisions\/1861"}],"wp:attachment":[{"href":"https:\/\/imfcom.link\/ar\/wp-json\/wp\/v2\/media?parent=1844"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}