{"id":1900,"date":"2026-04-02T13:10:33","date_gmt":"2026-04-02T13:10:33","guid":{"rendered":"https:\/\/petdukan.com\/?page_id=1900"},"modified":"2026-04-03T06:32:54","modified_gmt":"2026-04-03T06:32:54","slug":"appeals-item","status":"publish","type":"page","link":"https:\/\/petdukan.com\/ar\/appeals-item\/","title":{"rendered":"\u0627\u0644\u0646\u062f\u0627\u0621\u0627\u062a"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"1900\" class=\"elementor elementor-1900\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4ccd2218 e-flex e-con-boxed e-con e-parent\" data-id=\"4ccd2218\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-21e40b8d elementor-widget elementor-widget-heading\" data-id=\"21e40b8d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">\ud83d\udea8 Urgent Appeals\n<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2085cbfc elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"2085cbfc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\tCritical human rights situations requiring immediate attention and action. Every voice matters in the fight for justice and human dignity.\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-87e4c98 e-flex e-con-boxed e-con e-parent\" data-id=\"87e4c98\" 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-2f0fb64 elementor-widget elementor-widget-shortcode\" data-id=\"2f0fb64\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    \n    <div class=\"appeals-container\" id=\"appeals-container\">\n      \n        \n        <!-- Statistics Section -->\n        <div class=\"appeals-stats\">\n            <div class=\"stat-item\">\n                <span class=\"stat-number\">2<\/span>\n                <span class=\"stat-label\">Total Appeals<\/span>\n            <\/div>\n            <div class=\"stat-item\">\n                <span class=\"stat-number urgent\">2<\/span>\n                <span class=\"stat-label\">Urgent<\/span>\n            <\/div>\n            <div class=\"stat-item\">\n                <span class=\"stat-number high\">0<\/span>\n                <span class=\"stat-label\">High Priority<\/span>\n            <\/div>\n            <div class=\"stat-item\">\n                <span class=\"stat-number\">2<\/span>\n                <span class=\"stat-label\">With PDF<\/span>\n            <\/div>\n        <\/div>\n        \n        <!-- Appeals Grid -->\n        <div class=\"appeals-grid\" id=\"appeals-grid\">\n                                                                  <a href=\"https:\/\/petdukan.com\/ar\/appeals\/urgent-action-needed\/\" class=\"read-more-btn\">\n                    <div class=\"appeal-card priority-urgent\">\n                        <div class=\"card-header\">\n                            <span class=\"priority-badge urgent\">\n                                \ud83d\udccb urgent                            <\/span>\n                      <div class=\"appeal-title-row\">\n                       <h3 class=\"appeal-title\">Urgent Action Needed<\/h3>\n                                                       <div class=\"appeal-date\"> <svg width=\"16\" height=\"16\" fill=\"currentColor\" viewbox=\"0 0 16 16\">\n                                            <path d=\"M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1z\"><\/path>\n                                        <\/svg> \u0623\u0628\u0631\u064a\u0644 3, 2026<\/div>\n                                                   <\/div>\n                        <\/div>\n                        <div class=\"card-body\">\n                           \n                            \n                                                            <div class=\"appeal-number\">No.: 1002<\/div>\n                                                        \n                           \n                            \n                            <div class=\"appeal-excerpt\">\n                                \u0645\u0646\u0638\u0645\u0629 \u062d\u0642\u0648\u0642 \u0627\u0644\u0627\u0646\u0633\u0627\u0646 \u0648\u0627\u0644\u062a\u0646\u0645\u064a\u0629                            <\/div>\n                            \n                                                            <div class=\"action-required\">\n                                    <label class=\"checkbox-label\">\n                                        <svg width=\"16\" height=\"16\" fill=\"currentColor\" viewbox=\"0 0 16 16\">\n                                            <path d=\"M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z\"><\/path>\n                                        <\/svg> Action Required\n                                    <\/label>\n                                <\/div>\n                                                        \n                            <div class=\"card-actions\">\n                               \n                                                                 <button onclick=\"window.open('https:\/\/petdukan.com\/wp-content\/uploads\/2026\/03\/wedding-invitation.pdf')\" class=\"pdf-btn\">\n<i class=\"fas fa-file-pdf\"><\/i> PDF<\/button>\n                                  \n                                                            <\/div>\n                        <\/div>\n                    <\/div>\n                   <\/a>\n                                                      <a href=\"https:\/\/petdukan.com\/ar\/appeals\/detainee-shareif-abdueltam-other\/\" class=\"read-more-btn\">\n                    <div class=\"appeal-card priority-urgent\">\n                        <div class=\"card-header\">\n                            <span class=\"priority-badge urgent\">\n                                \ud83d\udccb urgent                            <\/span>\n                      <div class=\"appeal-title-row\">\n                       <h3 class=\"appeal-title\">Detainee Shareif Abdueltam  Others<\/h3>\n                                                       <div class=\"appeal-date\"> <svg width=\"16\" height=\"16\" fill=\"currentColor\" viewbox=\"0 0 16 16\">\n                                            <path d=\"M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1z\"><\/path>\n                                        <\/svg> \u0623\u0628\u0631\u064a\u0644 1, 2012<\/div>\n                                                   <\/div>\n                        <\/div>\n                        <div class=\"card-body\">\n                           \n                            \n                                                            <div class=\"appeal-number\">No.: 1001<\/div>\n                                                        \n                           \n                            \n                            <div class=\"appeal-excerpt\">\n                                \u0645\u0646\u0638\u0645\u0629 \u062d\u0642\u0648\u0642 \u0627\u0644\u0627\u0646\u0633\u0627\u0646 \u0648\u0627\u0644\u062a\u0646\u0645\u064a\u0629                            <\/div>\n                            \n                                                            <div class=\"action-required\">\n                                    <label class=\"checkbox-label\">\n                                        <svg width=\"16\" height=\"16\" fill=\"currentColor\" viewbox=\"0 0 16 16\">\n                                            <path d=\"M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z\"><\/path>\n                                        <\/svg> Action Required\n                                    <\/label>\n                                <\/div>\n                                                        \n                            <div class=\"card-actions\">\n                               \n                                                                 <button onclick=\"window.open('https:\/\/petdukan.com\/wp-content\/uploads\/2026\/03\/wedding-invitation.pdf')\" class=\"pdf-btn\">\n<i class=\"fas fa-file-pdf\"><\/i> PDF<\/button>\n                                  \n                                                            <\/div>\n                        <\/div>\n                    <\/div>\n                   <\/a>\n                                                    <\/div>\n        \n        <!-- Load More Button -->\n            <\/div>\n    \n    <style>\n        .appeals-container {\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 60px 20px;\n            font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n        }\n        \n        \/* Header Section *\/\n        .appeals-header {\n            text-align: center;\n            margin-bottom: 50px;\n        }\n        \n        .appeals-title {\n            font-size: 1.5rem;\n    color: #1f2937;\n    font-weight: 700;\n    flex: 1;\n    line-height: 1.4;\n    margin: 0;\n        }\n        .appeal-title-row {\n    display: flex;\n    justify-content: space-between;\n    align-items: start;\n    gap: 1.5rem;\n    margin-bottom: 1rem;\n}\n        .appeals-subtitle {\n            font-size: 18px;\n            color: #6c757d;\n            line-height: 1.6;\n        }\n        \n        \/* Statistics Section *\/\n        .appeals-stats {\n                display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n    gap: 2rem;\n    margin-bottom: 4rem;\n    max-width: 1200px;\n    margin-left: auto;\n    margin-right: auto;\n        }\n        \n        .stat-item {\n           background: white;\n    padding: 2rem;\n    border-radius: 20px;\n    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);\n    text-align: center;\n    transition: all 0.3s ease;\n    border: 2px solid transparent;\n        }\n      .stat-item:hover {\n    transform: translateY(-8px);\n    box-shadow: 0 12px 40px rgba(45, 210, 132, 0.2);\n    border-color: #2dd284;\n}\n        .stat-number {\n            font-size: 36px;\n            font-weight: 700;\n            color: #2dd284;\n            display: block;\n        }\n        \n        .stat-number.urgent {\n            color: #dc3545;\n        }\n        \n        .stat-number.high {\n            color: #fd7e14;\n        }\n        \n        .stat-label {\n            font-size: 14px;\n            color: #6c757d;\n            text-transform: uppercase;\n            letter-spacing: 1px;\n        }\n        \n        \/* Appeals Grid *\/\n        .appeals-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fill, minmax(380px, 1fr));\n            gap: 30px;\n        }\n        \n        \/* Appeal Card *\/\n        .appeal-card {\n            background: #fff;\n            border-radius: 12px;\n            overflow: hidden;\n            box-shadow: 0 4px 12px rgba(0,0,0,0.08);\n            transition: transform 0.2s ease, box-shadow 0.2s ease;\n            border-left: 4px solid;\n        }\n        \n        .appeal-card:hover {\n          transform: translateY(-12px) scale(1.02);\n    box-shadow: 0 20px 60px rgba(45, 210, 132, 0.25);\n    border-color: #2dd284;\n\n        }\n        \n        .priority-urgent { border-left-color: #dc3545; }\n        .priority-high-priority { border-left-color: #fd7e14; }\n        .priority-medium-priority { border-left-color: #ffc107; }\n        .priority-low-priority { border-left-color: #28a745; }\n        \n        .card-header {background: linear-gradient(135deg, rgba(239, 68, 68, 0.08) 0%, rgba(220, 38, 38, 0.03) 100%);\n    padding: 2rem 2rem 1.5rem;}\n        \n        .priority-badge {\n            display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;border-radius:50px;font-size:.85rem;font-weight:700;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.5px;animation:pulse 2s ease-in-out infinite;\n        }\n        @keyframes pulse {\n  0% { transform: scale(1); opacity: 1; }\n  50% { transform: scale(1.05); opacity: 0.7; }\n  100% { transform: scale(1); opacity: 1; }\n}\n        .priority-badge.urgent {background: linear-gradient(135deg, #ef4444, #dc2626);color: white;box-shadow: 0 4px 15px rgba(239, 68, 68, 0.4);}\n        .priority-badge.high-priority { background: #fd7e14; color: white; }\n        .priority-badge.medium-priority {background: linear-gradient(135deg, #2dd284, #1bae70);color: white;box-shadow: 0 4px 15px rgba(45, 210, 132, 0.4);}\n        .priority-badge.low-priority { background: #28a745; color: white; }\n        \n        .card-body {    padding: 0 2rem 2rem;}\n        \n        .appeal-title {\n            font-size: 18px;\n            font-weight: 600;\n            color: #1a1a1a;\n            margin: 15px 0 10px 0;\n            line-height: 1.4;\n        }\n        \n        .appeal-number{\n            font-size: 13px;\n            color: #6c757d;\n            margin-bottom: 5px;\n        }\n        \n\t\t\t.appeal-date {\n\t\t\t\tbackground: white;\n    padding: 0.6rem 1.2rem;\n    border-radius: 12px;\n    color: #2dd284;\n    font-size: 0.9rem;\n    white-space: nowrap;\n    display: flex;\n    align-items: center;\n    gap: 0.5rem;\n    font-weight: 600;\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);\t\t\t\t\t\t  \n\t\t\t}\n\n        .appeal-excerpt {\n            font-size: 14px;\n            color: #495057;\n            line-height: 1.5;\n            margin-bottom: 15px;\n        }\n        \n        .action-required { display: flex;\n    gap: 1.5rem;\n    font-size: 0.9rem;\n    color: #6b7280;\n    margin-top: 1rem;\n    flex-wrap: wrap;}\n        \n        .checkbox-label {\n                display: flex;\n                align-items: center;\n                gap: 0.5rem;\n        }\n        \n        .card-actions {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            margin-top: 15px;\n            padding-top: 15px;\n            border-top: 1px solid #e9ecef;\n        }\n        \n   \n        .pdf-btn {\n            display: inline-flex;\n            align-items: center;\n            gap: 5px;\n            background: #f8f9fa;\n            padding: 6px 12px;\n            border-radius: 6px;\n            color: #dc3545;\n            text-decoration: none;\n            font-size: 12px;\n            font-weight: 500;\n        }\n        \n        .pdf-btn:hover { background: #dc3545; color: white; }\n        \n        \/* Load More Button *\/\n        .load-more-container {\n            text-align: center;\n            margin-top: 50px;\n            padding: 20px;\n        }\n        \n        .load-more-btn {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            gap: 10px;\n            background: #2dd284;\n            color: white;\n            border: none;\n            padding: 14px 32px;\n            border-radius: 40px;\n            font-size: 16px;\n            font-weight: 600;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            box-shadow: 0 2px 8px rgba(0,0,0,0.1);\n        }\n        \n        .load-more-btn:hover {\n            background: #1bae70;\n            transform: translateY(-2px);\n            box-shadow: 0 4px 12px rgba(0,0,0,0.15);\n        }\n        \n        .load-more-btn:disabled {\n            background: #ccc;\n            cursor: not-allowed;\n            transform: none;\n        }\n        \n        \/* Responsive *\/\n        @media (max-width: 768px) {\n            .appeals-container { padding: 40px 15px; }\n            .appeals-title { font-size: 32px; }\n            .appeals-grid { grid-template-columns: 1fr; }\n            .appeals-stats { gap: 15px; }\n            .stat-item { padding: 15px 20px; min-width: 80px; }\n            .stat-number { font-size: 28px; }\n        }\n    <\/style>\n    \n    <script>\n    jQuery(document).ready(function($) {\n        let currentPage = 1;\n        let isLoading = false;\n        let maxPages = 1;\n        \n        $('#load-more-btn').on('click', function() {\n            if(isLoading) return;\n            isLoading = true;\n            \n            currentPage++;\n            \n            const $btn = $(this);\n            const $spinner = $btn.find('.fa-spinner');\n            const $btnText = $btn.find('.btn-text');\n            \n            $spinner.show();\n            $btnText.text('Loading...');\n            $btn.prop('disabled', true);\n            \n            $.ajax({\n                url: window.location.href,\n                type: 'POST',\n                data: {\n                    action: 'load_more_appeals',\n                    page: currentPage,\n                    security: '836d120a29'\n                },\n                success: function(response) {\n                    if(response.success && response.data.html) {\n                        $('.appeals-grid').append(response.data.html);\n                        \n                        if(currentPage >= maxPages) {\n                            $btn.remove();\n                        }\n                    }\n                    $spinner.hide();\n                    $btnText.text('Load More Appeals');\n                    $btn.prop('disabled', false);\n                    isLoading = false;\n                },\n                error: function() {\n                    $spinner.hide();\n                    $btnText.text('Try Again');\n                    $btn.prop('disabled', false);\n                    isLoading = false;\n                }\n            });\n        });\n    });\n    <\/script>\n    \n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n    \n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>\ud83d\udea8 Urgent Appeals Critical human rights situations requiring immediate attention and action. Every voice matters in the fight for justice and human dignity.<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":false,"_eb_attr":"","footnotes":""},"class_list":["post-1900","page","type-page","status-publish","hentry"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/petdukan.com\/ar\/wp-json\/wp\/v2\/pages\/1900","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/petdukan.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/petdukan.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/petdukan.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/petdukan.com\/ar\/wp-json\/wp\/v2\/comments?post=1900"}],"version-history":[{"count":10,"href":"https:\/\/petdukan.com\/ar\/wp-json\/wp\/v2\/pages\/1900\/revisions"}],"predecessor-version":[{"id":1915,"href":"https:\/\/petdukan.com\/ar\/wp-json\/wp\/v2\/pages\/1900\/revisions\/1915"}],"wp:attachment":[{"href":"https:\/\/petdukan.com\/ar\/wp-json\/wp\/v2\/media?parent=1900"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}