{"id":9143,"date":"2025-05-18T12:19:26","date_gmt":"2025-05-18T12:19:26","guid":{"rendered":"https:\/\/a2z.media\/sa\/?page_id=9143"},"modified":"2025-11-25T13:08:01","modified_gmt":"2025-11-25T13:08:01","slug":"all-latest-news","status":"publish","type":"page","link":"https:\/\/a2z.media\/sa\/all-latest-news\/","title":{"rendered":"All Latest News"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"9143\" class=\"elementor elementor-9143\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f178cb5 e-con-full e-flex e-con e-parent\" data-id=\"f178cb5\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-9ecbef9 e-flex e-con-boxed e-con e-child\" data-id=\"9ecbef9\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-5d1f22e e-con-full e-flex e-con e-child\" data-id=\"5d1f22e\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3e03483 elementor-widget elementor-widget-heading\" data-id=\"3e03483\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/a2z.media\/sa\/\">Home<\/a><\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d466a56 elementor-widget elementor-widget-heading\" data-id=\"d466a56\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">\/<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8b2504c elementor-widget elementor-widget-heading\" data-id=\"8b2504c\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">All Latest News<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a7f45ad e-con-full e-flex e-con e-child\" data-id=\"a7f45ad\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4255754 elementor-widget elementor-widget-heading\" data-id=\"4255754\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/a2z.media\/sa\/all-latest-news\/\">All Latest News<\/a><\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9fd0213 elementor-widget elementor-widget-heading\" data-id=\"9fd0213\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/a2z.media\/sa\/press-release\/\">Press Releases<\/a><\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-87048ac elementor-widget elementor-widget-heading\" data-id=\"87048ac\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/a2z.media\/sa\/blogs\/\">Blogs<\/a><\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e076dcc elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"e076dcc\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Latest Press Releases And Announcements From A2Z Media<\/h2>\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<div class=\"elementor-element elementor-element-8daf477 e-flex e-con-boxed e-con e-parent\" data-id=\"8daf477\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c0ba081 elementor-widget elementor-widget-html\" data-id=\"c0ba081\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"custom-posts-container\" class=\"custom-posts-wrapper\"><\/div>\r\n<div id=\"pagination-controls\"><\/div>\r\n<div id=\"pagination-controls-mobile\"><\/div>\r\n\r\n\r\n<style>\r\n#pagination-controls{\r\n    margin-top: 20px;\r\n    display: flex;\r\n    gap: 40px;\r\n    align-items: center;\r\n    justify-self: center;\r\n    justify-content: space-between;\r\n    max-width: 800px;\r\n    border-radius: 24px;\r\n    background: #1F1F1F;\r\n    padding: 12px 32px;\r\n}\r\n    .custom-posts-wrapper {\r\n        display: grid;\r\n        grid-template-columns: repeat(3, 1fr);\r\n        column-gap:120px;\r\n        row-gap: 80px\r\n    }\r\n\r\n    .custom-post {\r\n        border-radius: 6px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        height: 100%;        \r\n        width: 305px;\r\n        gap: 20px;\r\n    }\r\n\r\n    .custom-post img {\r\n        width: 304px;\r\n        \/*height: 290px;*\/\r\n          aspect-ratio: 1080\/1440;\r\n        object-fit: cover;\r\n    }\r\n\r\n    .custom-post-content {\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: space-between;\r\n        flex: 1;\r\n        gap: 20px;\r\n    }\r\n\r\n    .pagination-wrapper {\r\n        text-align: center;\r\n               display: flex;\r\n       gap: 4px;\r\n    }\r\n\r\n    .pagination-btn {\r\n\r\n        padding: 8px 12px;\r\n        background: transparent;\r\n        cursor: pointer;\r\n        color: #F5F5F5;\r\n        transition: all 0.2s ease;\r\n    }\r\n\r\n    .pagination-btn:hover {\r\n        \/*background: #f0f0f0;*\/\r\n    }\r\n    \r\n    .custom-post-title , .custom-post-title a {\r\n        color: #FFF;\r\n        font-family: \"Public Sans\";\r\n        font-size: 20px;\r\n        font-style: normal;\r\n        font-weight: 400;\r\n        line-height: 115%; \/* 23px *\/\r\n        margin: 0;\r\n\r\n    }\r\n        .custom-post-title:hover,.custom-post-title:visited,.custom-post-title:active{\r\n        color: #FFF;\r\n    }\r\n    .custom-posts-wrapper-inner{\r\n        display: flex;\r\n        justify-content: space-between;\r\n    }\r\n\r\n    .pagination-btn.active {\r\n        background: #ED0B73;\r\n        border-radius: 8px;\r\n\r\n    }\r\n    .custon-post-date{\r\n        overflow: hidden;\r\n        color:#FCFCFC;\r\n        \r\n        white-space: nowrap;\r\n        font-family: \"Public Sans\";\r\n        font-size: 14px;\r\n        font-style: normal;\r\n        font-weight: 400;\r\n        line-height: 140%; \/* 19.6px *\/\r\n    }\r\n       .custon-post-type{\r\n            overflow: hidden;\r\n            color:  #2FE9FF;\r\n            font-family: \"Public Sans\";\r\n            font-size: 16px;\r\n            font-style: normal;\r\n            font-weight: 700;\r\n            line-height: 140%; \/* 22.4px *\/\r\n    }\r\n         #pagination-controls-mobile{\r\n        display: none\r\n    }\r\n    .main-container-empty{\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        min-height: 40dvh;\r\n    }\r\n    #custom-posts-container:has(.main-container-empty){\r\n        display: block;\r\n        \r\n    }\r\n    @media (max-width: 1024px) {\r\n        .custom-posts-wrapper {\r\n            grid-template-columns: repeat(2, 1fr);\r\n            row-gap: 20px\r\n            \r\n            \r\n        }\r\n\r\n    }\r\n\r\n    @media (max-width: 767px) {\r\n        .custom-posts-wrapper {\r\n            grid-template-columns: 1fr;\r\n            row-gap: 20px;\r\n            justify-items: center;\r\n        }\r\n        \r\n    #pagination-controls{display:none!important;}\r\n        \r\n    #pagination-controls-mobile{\r\n    display: flex;\r\n        width: 100%;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        gap: 20px;\r\n        margin-top: 20px;\r\n    }\r\n    .pagination-btn-wrapper{\r\n            border-radius: 24px;\r\n        background: #1F1F1F;\r\n        padding: 12px 24px;\r\n        width: 100%;\r\n        display: flex;\r\n        justify-content: center;\r\n    }\r\n    .pagination-btn-controls-mobile{\r\n        display: flex;\r\n        width: 100%;\r\n        justify-content: space-between;\r\n    }\r\n    .pagination-btn{font-size:12px;}\r\n    }\r\n<\/style>\r\n\r\n\r\n\r\n<script>\r\n    const container = document.getElementById('custom-posts-container');\r\n    const pagination = document.getElementById('pagination-controls');\r\n     const pagination2 = document.getElementById('pagination-controls-mobile');\r\n    \r\n    const perPage =12;\r\n    let currentPage = 1;\r\n\r\n    function fetchPosts(page = 1) {\r\n        fetch(`https:\/\/a2z.media\/sa\/wp-json\/custom\/v1\/posts?per_page=${perPage}&page=${page}`)\r\n            .then(res => res.json())\r\n            .then(data => {\r\n                renderPosts(data.data);\r\n                renderPagination(data.total_pages, data.page);\r\n            });\r\n    }\r\n\r\n    function renderPosts(posts) {\r\n        \r\n            if (!posts || posts.length === 0) {\r\n        container.innerHTML = ` <div class=\"main-container-empty\"><p class=\"custom-post-title\">No posts available.<\/p><\/div>`;\r\n        pagination.style.display = 'none';\r\n        pagination2.style.display = 'none';\r\n        return;\r\n    }\r\n        \r\n        \r\n        container.innerHTML = posts.map(post => `\r\n            <div class=\"custom-post\">\r\n            <a  href=\"${post.link}\" target=\"_blank\">\r\n                <img decoding=\"async\" src=\"${post.image}\" alt=\"${post.title}\" \/><\/a>\r\n                <div class=\"custom-post-content\">\r\n                    <h3 class=\"custom-post-title\" ><a  href=\"${post.link}\" target=\"_blank\">${post.title}<\/a><\/h3>\r\n                  <div class=\"custom-posts-wrapper-inner\">\r\n                    <span class=\"custon-post-date\">${new Date(post.pubDate).toLocaleDateString()}<\/span>\r\n                    <span class=\"custon-post-type\" style=\"color: ${post.type === 'Blogs' ? '#93278F' : '#2FE9FF'}\">${post.type}<\/span>\r\n\r\n                <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        `).join('');\r\n    }\r\nfunction renderPagination(totalPages, currentPage) {\r\n    if (totalPages <= 1) {\r\n        pagination.style.display = 'none';\r\n        return;\r\n    } else {\r\n        pagination.style.display = 'flex';\r\n    }\r\n\r\n    let prevBtn = '';\r\n    let nextBtn = '';\r\n    let pageButtons = '';\r\n\r\n    \/\/ Previous Button\r\n    if (currentPage > 1) {\r\n        prevBtn = `<span class=\"pagination-btn\" onclick=\"goToPage(${currentPage - 1})\"> \u2190 Previous<\/span>`;\r\n    } else {\r\n        prevBtn = `<span class=\"pagination-btn\" style=\"opacity: 0.5; cursor: default;\">\u2190 Previous<\/span>`;\r\n    }\r\n\r\n    const pageNumbers = [];\r\n\r\n    if (totalPages <= 8) {\r\n        \/\/ Show all pages\r\n        for (let i = 1; i <= totalPages; i++) {\r\n            pageNumbers.push(i);\r\n        }\r\n    } else {\r\n        if (currentPage <= 5) {\r\n            for (let i = 1; i <= 6; i++) {\r\n                pageNumbers.push(i);\r\n            }\r\n            pageNumbers.push('...');\r\n            pageNumbers.push(totalPages - 1);\r\n            pageNumbers.push(totalPages);\r\n        } else if (currentPage >= totalPages - 4) {\r\n            pageNumbers.push(1);\r\n            pageNumbers.push(2);\r\n            pageNumbers.push('...');\r\n            for (let i = totalPages - 5; i <= totalPages; i++) {\r\n                pageNumbers.push(i);\r\n            }\r\n        } else {\r\n            pageNumbers.push(1);\r\n            pageNumbers.push(2);\r\n            pageNumbers.push('...');\r\n            pageNumbers.push(currentPage - 1);\r\n            pageNumbers.push(currentPage);\r\n            pageNumbers.push(currentPage + 1);\r\n            pageNumbers.push('...');\r\n            pageNumbers.push(totalPages - 1);\r\n            pageNumbers.push(totalPages);\r\n        }\r\n    }\r\n\r\n    \/\/ Render page number buttons\r\n    pageNumbers.forEach(page => {\r\n        if (page === '...') {\r\n            pageButtons += `<span class=\"pagination-btn\" style=\"cursor: default;\">...<\/span>`;\r\n        } else {\r\n            pageButtons += `<span class=\"pagination-btn ${page === currentPage ? 'active' : ''}\" onclick=\"goToPage(${page})\">${page}<\/span>`;\r\n        }\r\n    });\r\n\r\n    \/\/ Next Button\r\n    if (currentPage < totalPages) {\r\n        nextBtn = `<span class=\"pagination-btn\" onclick=\"goToPage(${currentPage + 1})\">Next \u2192<\/span>`;\r\n    } else {\r\n        nextBtn = `<span class=\"pagination-btn\" style=\"opacity: 0.5; cursor: default;\">Next \u2192<\/span>`;\r\n    }\r\n\r\n    \/\/ Combine with Previous and Next outside the wrapper\r\n    pagination.innerHTML = `\r\n        ${prevBtn}\r\n        <div class=\"pagination-btn-wrapper\">${pageButtons}<\/div>\r\n        ${nextBtn}\r\n    `;\r\n      pagination2.innerHTML = `\r\n        \r\n        <div class=\"pagination-btn-wrapper\">${pageButtons}<\/div>\r\n        <div class=\"pagination-btn-controls-mobile\" > ${prevBtn}  ${nextBtn}<\/div>\r\n       \r\n    `;\r\n}\r\n\r\n\r\n\r\n    window.goToPage = function (page) {\r\n        currentPage = page;\r\n        fetchPosts(currentPage);\r\n    };\r\n\r\n\r\n    fetchPosts();\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>Home \/ All Latest News All Latest News Press Releases Blogs Latest Press Releases And Announcements From A2Z Media<\/p>\n","protected":false},"author":5,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"content-type":"","footnotes":""},"class_list":["post-9143","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/a2z.media\/sa\/wp-json\/wp\/v2\/pages\/9143","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/a2z.media\/sa\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/a2z.media\/sa\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/a2z.media\/sa\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/a2z.media\/sa\/wp-json\/wp\/v2\/comments?post=9143"}],"version-history":[{"count":132,"href":"https:\/\/a2z.media\/sa\/wp-json\/wp\/v2\/pages\/9143\/revisions"}],"predecessor-version":[{"id":13792,"href":"https:\/\/a2z.media\/sa\/wp-json\/wp\/v2\/pages\/9143\/revisions\/13792"}],"wp:attachment":[{"href":"https:\/\/a2z.media\/sa\/wp-json\/wp\/v2\/media?parent=9143"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}