{"id":11587,"date":"2024-11-21T13:50:05","date_gmt":"2024-11-21T10:50:05","guid":{"rendered":"https:\/\/cms.atu.edu.iq\/?page_id=11587"},"modified":"2026-03-24T01:23:25","modified_gmt":"2026-03-23T22:23:25","slug":"contact-us","status":"publish","type":"page","link":"https:\/\/cms.atu.edu.iq\/?page_id=11587&lang=en","title":{"rendered":"Contact us"},"content":{"rendered":"\n<div style=\"height:322px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"official-contacts-wrapper\" style=\"font-family: 'Segoe UI', 'Tahoma', 'Helvetica Neue', system-ui, sans-serif; direction: ltr; background: #f0f2f5; padding: 20px; border-radius: 0; margin: 0; box-sizing: border-box;\">\n    <style>\n        \/* All styles contained within this div *\/\n        .official-contacts-wrapper * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        .official-contacts-wrapper {\n            max-width: 1400px;\n            margin: 0 auto;\n            background: #ffffff;\n            border-radius: 24px;\n            box-shadow: 0 20px 35px -10px rgba(0, 0, 0, 0.08);\n            overflow-x: auto;\n        }\n\n        \/* Official header *\/\n        .official-header {\n            background: linear-gradient(135deg, #0a2b3e 0%, #0f3b4f 100%);\n            padding: 1.8rem 2rem;\n            color: white;\n            border-bottom: 4px solid #c9a03d;\n        }\n\n        .top-tag {\n            font-size: 0.75rem;\n            text-transform: uppercase;\n            letter-spacing: 1px;\n            background: rgba(255,255,255,0.15);\n            display: inline-block;\n            padding: 0.2rem 1rem;\n            border-radius: 30px;\n            margin-bottom: 0.8rem;\n            font-weight: 500;\n        }\n\n        .official-header h1 {\n            font-size: 1.8rem;\n            font-weight: 700;\n            margin-bottom: 0.25rem;\n        }\n\n        .official-header h2 {\n            font-size: 1.2rem;\n            font-weight: 500;\n            opacity: 0.9;\n            margin-bottom: 0.5rem;\n        }\n\n        .central-contact {\n            background: rgba(255,255,255,0.08);\n            border-radius: 16px;\n            padding: 0.8rem 1rem;\n            margin-top: 1rem;\n            display: inline-block;\n            font-size: 0.9rem;\n            font-family: monospace;\n            letter-spacing: 0.3px;\n        }\n        .central-contact span {\n            display: inline-block;\n            font-family: inherit;\n            margin-right: 8px;\n        }\n\n        \/* Additional info card *\/\n        .info-note {\n            background: #fef9e6;\n            border-left: 5px solid #c9a03d;\n            padding: 0.9rem 1.5rem;\n            margin: 1.2rem 1.8rem;\n            border-radius: 14px;\n            font-size: 0.9rem;\n            color: #4a4a4a;\n            box-shadow: 0 1px 2px rgba(0,0,0,0.02);\n        }\n        .info-note strong {\n            color: #1e4663;\n        }\n\n        \/* Search and filter bar *\/\n        .filter-bar {\n            display: flex;\n            flex-wrap: wrap;\n            justify-content: space-between;\n            align-items: center;\n            gap: 15px;\n            padding: 0 1.8rem;\n            margin-bottom: 1.5rem;\n        }\n        .search-box {\n            flex: 2;\n            min-width: 220px;\n            position: relative;\n        }\n        .search-box input {\n            width: 100%;\n            padding: 12px 18px;\n            border: 1px solid #e0e4e8;\n            border-radius: 60px;\n            font-size: 0.9rem;\n            background: #fff;\n            transition: 0.2s;\n            font-family: inherit;\n            outline: none;\n            box-shadow: 0 1px 2px rgba(0,0,0,0.02);\n        }\n        .search-box input:focus {\n            border-color: #0f3b4f;\n            box-shadow: 0 0 0 3px rgba(15,59,79,0.1);\n        }\n        .category-filter {\n            display: flex;\n            gap: 10px;\n            flex-wrap: wrap;\n        }\n        .filter-btn {\n            background: #f8f9fa;\n            border: 1px solid #dee2e6;\n            padding: 8px 18px;\n            border-radius: 40px;\n            font-size: 0.8rem;\n            font-weight: 500;\n            cursor: pointer;\n            transition: all 0.2s;\n            color: #2c3e50;\n            font-family: inherit;\n        }\n        .filter-btn.active {\n            background: #0f3b4f;\n            border-color: #0f3b4f;\n            color: white;\n            box-shadow: 0 2px 6px rgba(15,59,79,0.2);\n        }\n        .filter-btn:hover:not(.active) {\n            background: #e9ecef;\n            border-color: #cbd5e1;\n        }\n        .result-stats {\n            font-size: 0.8rem;\n            color: #5a6874;\n            background: #f1f5f9;\n            padding: 5px 12px;\n            border-radius: 40px;\n            white-space: nowrap;\n        }\n\n        \/* Elegant responsive table *\/\n        .table-responsive {\n            overflow-x: auto;\n            margin: 0 1.2rem 1.8rem 1.2rem;\n            border-radius: 20px;\n            border: 1px solid #edf2f7;\n            background: white;\n        }\n        .contacts-table {\n            width: 100%;\n            border-collapse: collapse;\n            font-size: 0.85rem;\n            min-width: 600px;\n        }\n        .contacts-table th {\n            background: #f8fafc;\n            padding: 1rem 1.2rem;\n            text-align: left;\n            font-weight: 700;\n            color: #1e2f3d;\n            border-bottom: 2px solid #e2e8f0;\n            font-size: 0.85rem;\n        }\n        .contacts-table td {\n            padding: 1rem 1.2rem;\n            border-bottom: 1px solid #ecf3f9;\n            vertical-align: middle;\n            color: #1f2f3e;\n        }\n        .contacts-table tr:last-child td {\n            border-bottom: none;\n        }\n        .contacts-table tr:hover td {\n            background-color: #fefcf5;\n        }\n        .email-link {\n            direction: ltr;\n            display: inline-block;\n            background: #f1f5f9;\n            padding: 5px 10px;\n            border-radius: 30px;\n            font-size: 0.75rem;\n            font-family: 'Courier New', monospace;\n            color: #0f3b4f;\n            text-decoration: none;\n            transition: 0.15s;\n            font-weight: 500;\n            letter-spacing: 0.2px;\n        }\n        .email-link:hover {\n            background: #e6edf4;\n            color: #002b44;\n            text-decoration: underline;\n        }\n        .dept-badge {\n            font-weight: 600;\n            color: #1e4663;\n        }\n        .no-results {\n            text-align: center;\n            padding: 3rem !important;\n            color: #6c7a89;\n            font-size: 0.95rem;\n        }\n\n        \/* Footer *\/\n        .footer-note {\n            border-top: 1px solid #eef2f6;\n            padding: 1rem 2rem;\n            font-size: 0.7rem;\n            color: #6f7d8c;\n            text-align: center;\n            background: #fefefe;\n        }\n        @media (max-width: 680px) {\n            .official-header h1 { font-size: 1.3rem; }\n            .filter-bar { flex-direction: column; align-items: stretch; }\n            .result-stats { align-self: flex-start; }\n            .contacts-table th, .contacts-table td { padding: 0.8rem; }\n        }\n    <\/style>\n\n    <!-- Official Header -->\n    <div class=\"official-header\">\n        <div class=\"top-tag\">Technical College \/ Al-Musayyib<\/div>\n        <div class=\"central-contact\">\n            <span>\ud83d\udce7 Central Inquiry Email:<\/span>\n            <a href=\"mailto:ms_cot@atu.edu.iq\" style=\"color:#FFE5B4; text-decoration:none; font-weight:500;\">ms_cot@atu.edu.iq<\/a>\n        <\/div>\n    <\/div>\n\n    <!-- Additional Info Note -->\n    <div class=\"info-note\">\n        \u269c\ufe0f For further information, please contact the relevant department or the central email address.<br>\n        All emails are official and accredited \u2013 2026\n    <\/div>\n\n    <!-- Search and Filter Bar -->\n    <div class=\"filter-bar\">\n        <div class=\"search-box\">\n            <input type=\"text\" id=\"searchInput\" placeholder=\"\ud83d\udd0d Search by department \/ division name or email...\" autocomplete=\"off\">\n        <\/div>\n        <div class=\"category-filter\">\n            <button class=\"filter-btn active\" data-cat=\"all\">All<\/button>\n            <button class=\"filter-btn\" data-cat=\"department\">Academic Departments<\/button>\n            <button class=\"filter-btn\" data-cat=\"division\">Divisions<\/button>\n            <button class=\"filter-btn\" data-cat=\"assistant\">Dean&#8217;s Assistants<\/button>\n            <button class=\"filter-btn\" data-cat=\"unit\">Units<\/button>\n        <\/div>\n        <div class=\"result-stats\" id=\"resultCount\">Showing 36 entities<\/div>\n    <\/div>\n\n    <!-- Dynamic Table -->\n    <div class=\"table-responsive\">\n        <table class=\"contacts-table\" id=\"contactsTable\">\n            <thead>\n                <tr>\n                    <th>#<\/th>\n                    <th>Department \u2013 Division \u2013 Unit<\/th>\n                    <th>Official Email<\/th>\n                <\/tr>\n            <\/thead>\n            <tbody id=\"tableBody\">\n                <!-- Data populated via JS -->\n            <\/tbody>\n        <\/table>\n    <\/div>\n    <div class=\"footer-note\">\n        Deanery of Technical College \/ Al-Musayyib \u2013 Al-Furat Al-Awsat Technical University | All Rights Reserved \u00a9 2026\n    <\/div>\n<\/div>\n\n<script>\n    (function() {\n        \/\/ Official contacts data (36 entities) - English version\n        const departments = [\n            { id: 1, name: \"E-Services Division\", email: \"simi.info_tech.tcm@atu.edu.iq\", category: \"division\" },\n            { id: 2, name: \"Financial Affairs Division\", email: \"mtc.fin@atu.edu.iq\", category: \"division\" },\n            { id: 3, name: \"Internal Audit Division\", email: \"control.aud_div.tcm@atu.edu.iq\", category: \"division\" },\n            { id: 4, name: \"Financial Audit Division\", email: \"mtc.aud@atu.edu.iq\", category: \"division\" },\n            { id: 5, name: \"Services Division\", email: \"services.division.tcm@atu.edu.iq\", category: \"division\" },\n            { id: 6, name: \"Studies & Planning Division\", email: \"studies.division.tcm@atu.edu.iq\", category: \"division\" },\n            { id: 7, name: \"Scientific Affairs Division\", email: \"mtc.sci@atu.edu.iq\", category: \"division\" },\n            { id: 8, name: \"Monitoring Division\", email: \"monitoring.div.tcm@atu.edu.iq\", category: \"division\" },\n            { id: 9, name: \"Library Division\", email: \"library.division.tcm@atu.edu.iq\", category: \"division\" },\n            { id: 10, name: \"Human Resources Division\", email: \"mtc.amv@atu.edu.iq\", category: \"division\" },\n            { id: 11, name: \"Student Activities Division\", email: \"mtc.astu@atu.edu.iq\", category: \"division\" },\n            { id: 12, name: \"Information Technology Division\", email: \"info.tech_div.tcm@atu.edu.iq\", category: \"division\" },\n            { id: 13, name: \"Student Affairs Division\", email: \"mtc.stu@atu.edu.iq\", category: \"division\" },\n            { id: 14, name: \"Postgraduate Students Division\", email: \"mtc.grs@atu.edu.iq\", category: \"division\" },\n            { id: 15, name: \"Quality Assurance Division\", email: \"mtc.qas@atu.edu.iq\", category: \"division\" },\n            { id: 16, name: \"Animal Production Technology Department\", email: \"animal_production@atu.edu.iq\", category: \"department\" },\n            { id: 17, name: \"Plant Production Technology Department\", email: \"plant_production@atu.edu.iq\", category: \"department\" },\n            { id: 18, name: \"Building & Construction Engineering Technology Department\", email: \"bulding_construction@atu.edu.iq\", category: \"department\" },\n            { id: 19, name: \"Electrical Engineering Technology Department\", email: \"electrical_power@atu.edu.iq\", category: \"department\" },\n            { id: 20, name: \"Biological Control Technology Department\", email: \"biological_control@atu.edu.iq\", category: \"department\" },\n            { id: 21, name: \"Machinery & Equipment Engineering Technology Department\", email: \"machinery_equipment@atu.edu.iq\", category: \"department\" },\n            { id: 22, name: \"Prosthetics & Orthotics Technology Department\", email: \"pros.orthotics_dep.tcm@atu.edu.iq\", category: \"department\" },\n            { id: 23, name: \"Soil & Water Technology Department\", email: \"soil.water_dep.tcm@atu.edu.iq\", category: \"department\" },\n            { id: 24, name: \"Optometry Technology Department\", email: \"vis.exam_dep.tcm@atu.edu.iq\", category: \"department\" },\n            { id: 25, name: \"Mechanical Power Engineering Technology Department\", email: \"Mechanical_power@atu.edu.iq\", category: \"department\" },\n            { id: 26, name: \"Dean's Assistant for Administrative & Financial Affairs\", email: \"mtc.adm.deputydean@atu.edu.iq\", category: \"assistant\" },\n            { id: 27, name: \"Dean's Assistant for Scientific Affairs & Postgraduate Studies\", email: \"mtc.sci.deputydean@atu.edu.iq\", category: \"assistant\" },\n            { id: 28, name: \"Construction & Projects Unit\", email: \"construction.projectsunit.tcm@atu.edu.iq\", category: \"unit\" },\n            { id: 29, name: \"Chemical, Biological & Radiological Safety Unit\", email: \"safety.bi_chunit.tcm@atu.edu.iq\", category: \"unit\" },\n            { id: 30, name: \"Government Contracts Unit\", email: \"gov.contracts_u.tcm@atu.edu.iq\", category: \"unit\" },\n            { id: 31, name: \"Public Relations & Media Unit\", email: \"mtc.med@atu.edu.iq\", category: \"unit\" },\n            { id: 32, name: \"Confidential Correspondence & Central Mail Unit\", email: \"con.central_unit.tcm@atu.edu.iq\", category: \"unit\" },\n            { id: 33, name: \"Laboratories & Workshops Unit\", email: \"laboratories.workshop_unit.tcm@atu.edu.iq\", category: \"unit\" },\n            { id: 34, name: \"Website Management Unit\", email: \"mtc.web@atu.edu.iq\", category: \"unit\" },\n            { id: 35, name: \"Citizen Affairs Unit\", email: \"citizen.aff_unit.tcm@atu.edu.iq\", category: \"unit\" },\n            { id: 36, name: \"Dean's Office Unit\", email: \"dean_office.unit.tcm@atu.edu.iq\", category: \"unit\" }\n        ];\n\n        let currentFilter = \"all\";\n        let searchTerm = \"\";\n\n        \/\/ DOM elements\n        const tbody = document.getElementById(\"tableBody\");\n        const searchInput = document.getElementById(\"searchInput\");\n        const filterBtns = document.querySelectorAll(\".filter-btn\");\n        const resultSpan = document.getElementById(\"resultCount\");\n\n        \/\/ Function to render table based on filter and search\n        function renderTable() {\n            \/\/ Filter data by category and search term\n            let filtered = departments.filter(item => {\n                \/\/ Category filter\n                if (currentFilter !== \"all\" && item.category !== currentFilter) return false;\n                \/\/ Search filter (name or email)\n                if (searchTerm.trim() !== \"\") {\n                    const term = searchTerm.trim().toLowerCase();\n                    const nameMatch = item.name.toLowerCase().includes(term);\n                    const emailMatch = item.email.toLowerCase().includes(term);\n                    if (!nameMatch && !emailMatch) return false;\n                }\n                return true;\n            });\n\n            \/\/ Update result count\n            resultSpan.innerText = `Showing ${filtered.length} entities`;\n\n            if (filtered.length === 0) {\n                tbody.innerHTML = `<tr><td colspan=\"3\" class=\"no-results\">\u274c No results match your search or filter criteria<\/td><\/tr>`;\n                return;\n            }\n\n            \/\/ Generate rows\n            let htmlRows = \"\";\n            filtered.forEach((item, idx) => {\n                \/\/ Add icon based on category for clarity\n                let categoryIcon = \"\";\n                if (item.category === \"department\") categoryIcon = \"\ud83c\udfdb\ufe0f \";\n                else if (item.category === \"division\") categoryIcon = \"\ud83d\udcc1 \";\n                else if (item.category === \"unit\") categoryIcon = \"\u2699\ufe0f \";\n                else if (item.category === \"assistant\") categoryIcon = \"\ud83d\udc64 \";\n                \n                htmlRows += `\n                    <tr>\n                        <td style=\"font-weight: 500; color:#4b6a8b;\">${item.id}<\/td>\n                        <td class=\"dept-badge\">${categoryIcon}${item.name}<\/td>\n                        <td><a href=\"mailto:${item.email}\" class=\"email-link\" dir=\"ltr\">${item.email}<\/a><\/td>\n                    <\/tr>\n                `;\n            });\n            tbody.innerHTML = htmlRows;\n        }\n\n        \/\/ Search event\n        searchInput.addEventListener(\"input\", (e) => {\n            searchTerm = e.target.value;\n            renderTable();\n        });\n\n        \/\/ Filter buttons\n        filterBtns.forEach(btn => {\n            btn.addEventListener(\"click\", () => {\n                \/\/ Remove active class from all\n                filterBtns.forEach(b => b.classList.remove(\"active\"));\n                btn.classList.add(\"active\");\n                currentFilter = btn.getAttribute(\"data-cat\");\n                renderTable();\n            });\n        });\n\n        \/\/ Initial render\n        renderTable();\n    })();\n<\/script>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Technical College \/ Al-Musayyib \ud83d\udce7 Central Inquiry Email: ms_cot@atu.edu.iq \u269c\ufe0f For further information, please contact the relevant department or the central email address. All emails are official and accredited \u2013 2026 All Academic Departments Divisions Dean&#8217;s Assistants Units Showing 36 entities # Department \u2013 Division \u2013 Unit Official Email Deanery of Technical College \/ Al-Musayyib &hellip; <a href=\"https:\/\/cms.atu.edu.iq\/?page_id=11587&#038;lang=en\">Continued<\/a><\/p>\n","protected":false},"author":123457,"featured_media":16828,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-11587","page","type-page","status-publish","has-post-thumbnail","hentry"],"featured_image_src":"https:\/\/cms.atu.edu.iq\/wp-content\/uploads\/2025\/11\/Screenshot-2025-11-06-230330.png","_links":{"self":[{"href":"https:\/\/cms.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/pages\/11587","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cms.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cms.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cms.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/users\/123457"}],"replies":[{"embeddable":true,"href":"https:\/\/cms.atu.edu.iq\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=11587"}],"version-history":[{"count":4,"href":"https:\/\/cms.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/pages\/11587\/revisions"}],"predecessor-version":[{"id":19090,"href":"https:\/\/cms.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/pages\/11587\/revisions\/19090"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cms.atu.edu.iq\/index.php?rest_route=\/wp\/v2\/media\/16828"}],"wp:attachment":[{"href":"https:\/\/cms.atu.edu.iq\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=11587"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}