{"id":2778,"date":"2026-03-04T13:54:56","date_gmt":"2026-03-04T13:54:56","guid":{"rendered":"https:\/\/cagyhp.co.ke\/?page_id=2778"},"modified":"2026-03-05T20:30:51","modified_gmt":"2026-03-05T20:30:51","slug":"donate-support","status":"publish","type":"page","link":"https:\/\/cagyhp.co.ke\/index.php\/donate-support\/","title":{"rendered":"donate \/support"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2778\" class=\"elementor elementor-2778\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e5410d7 e-flex e-con-boxed e-con e-parent\" data-id=\"e5410d7\" 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-4447da4 elementor-widget elementor-widget-html\" data-id=\"4447da4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* CAGYHP Donation Form - CLEAN VERSION *\/\r\n* {\r\n    margin: 0;\r\n    padding: 0;\r\n    box-sizing: border-box;\r\n}\r\n\r\n:root {\r\n    --primary: #e11d48;\r\n    --primary-dark: #be123c;\r\n    --secondary: #0ea5e9;\r\n    --success: #10b981;\r\n    --whatsapp: #25D366;\r\n    --dark: #1e293b;\r\n    --light: #f8fafc;\r\n    --gray: #64748b;\r\n    --border: #e2e8f0;\r\n}\r\n\r\nbody {\r\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\r\n    background: linear-gradient(135deg, #f0f4ff, #fce8f0);\r\n    min-height: 100vh;\r\n    padding: 20px;\r\n    margin: 0;\r\n    overflow-x: hidden;\r\n}\r\n\r\n.donation-wrapper {\r\n    max-width: 1200px;\r\n    width: 100%;\r\n    margin: 0 auto;\r\n    background: white;\r\n    border-radius: 24px;\r\n    overflow: hidden;\r\n    box-shadow: 0 20px 40px rgba(0,0,0,0.15);\r\n}\r\n\r\n\/* Header *\/\r\n.header {\r\n    background: linear-gradient(135deg, #831843, #be123c, #e11d48);\r\n    color: white;\r\n    padding: 40px 30px;\r\n    text-align: center;\r\n}\r\n\r\n.header h1 {\r\n    font-size: clamp(24px, 5vw, 40px);\r\n    font-weight: 800;\r\n    margin-bottom: 10px;\r\n    line-height: 1.2;\r\n}\r\n\r\n.header h1 span {\r\n    background: var(--primary);\r\n    padding: 5px 15px;\r\n    border-radius: 50px;\r\n    font-size: clamp(14px, 3vw, 18px);\r\n    display: inline-block;\r\n    margin-left: 10px;\r\n}\r\n\r\n.header p {\r\n    font-size: clamp(14px, 4vw, 18px);\r\n    opacity: 0.9;\r\n    max-width: 700px;\r\n    margin: 15px auto 0;\r\n}\r\n\r\n\/* Contact Bar *\/\r\n.contact-bar {\r\n    background: rgba(255,255,255,0.1);\r\n    backdrop-filter: blur(10px);\r\n    padding: 15px 20px;\r\n    border-radius: 60px;\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    justify-content: center;\r\n    gap: 20px;\r\n    margin-top: 20px;\r\n    border: 1px solid rgba(255,255,255,0.2);\r\n}\r\n\r\n.contact-item {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    color: white;\r\n    font-size: 14px;\r\n}\r\n\r\n.contact-item a {\r\n    color: white;\r\n    text-decoration: none;\r\n}\r\n\r\n.whatsapp-link {\r\n    background: #25D366;\r\n    padding: 5px 15px;\r\n    border-radius: 50px;\r\n}\r\n\r\n\/* Stats *\/\r\n.stats {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 1fr);\r\n    gap: 15px;\r\n    padding: 30px;\r\n    background: white;\r\n    border-bottom: 1px solid var(--border);\r\n}\r\n\r\n.stat-card {\r\n    text-align: center;\r\n    padding: 20px;\r\n    background: linear-gradient(135deg, #f8fafc, #f1f5f9);\r\n    border-radius: 12px;\r\n}\r\n\r\n.stat-number {\r\n    font-size: 28px;\r\n    font-weight: 800;\r\n    color: var(--primary);\r\n    margin-bottom: 5px;\r\n}\r\n\r\n.stat-label {\r\n    color: var(--gray);\r\n    font-size: 14px;\r\n}\r\n\r\n\/* Content *\/\r\n.content {\r\n    padding: 30px;\r\n}\r\n\r\n.section-title {\r\n    font-size: 24px;\r\n    font-weight: 700;\r\n    color: var(--dark);\r\n    margin: 30px 0 20px;\r\n    border-left: 5px solid var(--primary);\r\n    padding-left: 15px;\r\n}\r\n\r\n.section-title:first-of-type {\r\n    margin-top: 0;\r\n}\r\n\r\n\/* Programs Grid *\/\r\n.programs-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n    gap: 20px;\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.program-card {\r\n    background: var(--light);\r\n    border: 2px solid var(--border);\r\n    border-radius: 12px;\r\n    padding: 20px;\r\n}\r\n\r\n.program-icon {\r\n    font-size: 32px;\r\n    margin-bottom: 10px;\r\n}\r\n\r\n.program-title {\r\n    font-size: 18px;\r\n    font-weight: 700;\r\n    color: var(--primary);\r\n    margin-bottom: 8px;\r\n}\r\n\r\n.program-need {\r\n    background: white;\r\n    color: var(--dark);\r\n    font-weight: 600;\r\n    padding: 4px 12px;\r\n    border-radius: 50px;\r\n    display: inline-block;\r\n    margin: 8px 0;\r\n    font-size: 14px;\r\n    border: 1px solid var(--primary);\r\n}\r\n\r\n.program-desc {\r\n    color: var(--gray);\r\n    font-size: 14px;\r\n    line-height: 1.5;\r\n}\r\n\r\n\/* Amount Grid *\/\r\n.amount-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));\r\n    gap: 10px;\r\n    margin: 15px 0;\r\n}\r\n\r\n.amount-option {\r\n    position: relative;\r\n}\r\n\r\n.amount-option input {\r\n    position: absolute;\r\n    opacity: 0;\r\n}\r\n\r\n.amount-option label {\r\n    display: block;\r\n    padding: 15px 10px;\r\n    text-align: center;\r\n    background: var(--light);\r\n    border: 2px solid var(--border);\r\n    border-radius: 8px;\r\n    font-weight: 600;\r\n    cursor: pointer;\r\n    transition: all 0.2s;\r\n    font-size: 14px;\r\n}\r\n\r\n.amount-option input:checked + label {\r\n    background: var(--primary);\r\n    border-color: var(--primary-dark);\r\n    color: white;\r\n}\r\n\r\n.other-amount input {\r\n    width: 100%;\r\n    padding: 15px;\r\n    border: 2px solid var(--border);\r\n    border-radius: 8px;\r\n    margin: 10px 0;\r\n    font-size: 16px;\r\n}\r\n\r\n\/* Currency *\/\r\n.currency-selector {\r\n    display: flex;\r\n    gap: 10px;\r\n    justify-content: center;\r\n    background: var(--light);\r\n    padding: 15px;\r\n    border-radius: 8px;\r\n    margin: 15px 0;\r\n}\r\n\r\n.currency-option input {\r\n    position: absolute;\r\n    opacity: 0;\r\n}\r\n\r\n.currency-option label {\r\n    padding: 8px 20px;\r\n    background: white;\r\n    border: 2px solid var(--border);\r\n    border-radius: 30px;\r\n    font-weight: 600;\r\n    cursor: pointer;\r\n    font-size: 14px;\r\n}\r\n\r\n.currency-option input:checked + label {\r\n    background: var(--secondary);\r\n    border-color: #0284c7;\r\n    color: white;\r\n}\r\n\r\n\/* Impact Grid - RESTORED *\/\r\n.impact-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\r\n    gap: 15px;\r\n    margin: 15px 0;\r\n}\r\n\r\n.impact-item {\r\n    background: white;\r\n    border: 2px solid var(--border);\r\n    border-radius: 10px;\r\n    padding: 20px 15px;\r\n    text-align: center;\r\n    cursor: pointer;\r\n    transition: all 0.2s;\r\n}\r\n\r\n.impact-item:hover {\r\n    border-color: var(--primary);\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 10px 20px -10px rgba(225,29,72,0.2);\r\n}\r\n\r\n.impact-item.selected {\r\n    border-color: var(--primary);\r\n    background: linear-gradient(135deg, #fff1f2, #ffe4e6);\r\n    transform: translateY(-2px);\r\n}\r\n\r\n.impact-amount {\r\n    font-size: 20px;\r\n    font-weight: 700;\r\n    color: var(--primary);\r\n    margin-bottom: 8px;\r\n}\r\n\r\n.impact-desc {\r\n    color: var(--gray);\r\n    font-size: 13px;\r\n    line-height: 1.4;\r\n}\r\n\r\n\/* Form Fields *\/\r\n.form-row {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 15px;\r\n    margin-bottom: 15px;\r\n}\r\n\r\n.form-group {\r\n    margin-bottom: 15px;\r\n}\r\n\r\n.form-group label {\r\n    display: block;\r\n    margin-bottom: 5px;\r\n    font-weight: 600;\r\n    color: var(--dark);\r\n    font-size: 14px;\r\n}\r\n\r\n.form-group input,\r\n.form-group select {\r\n    width: 100%;\r\n    padding: 12px;\r\n    border: 2px solid var(--border);\r\n    border-radius: 8px;\r\n    font-size: 15px;\r\n}\r\n\r\n.form-group input:focus,\r\n.form-group select:focus {\r\n    outline: none;\r\n    border-color: var(--primary);\r\n}\r\n\r\n.checkbox-group {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    margin: 8px 0;\r\n}\r\n\r\n.checkbox-group input {\r\n    width: 18px;\r\n    height: 18px;\r\n}\r\n\r\n\/* Payment Methods *\/\r\n.payment-methods {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 10px;\r\n    margin: 15px 0;\r\n}\r\n\r\n.payment-method {\r\n    position: relative;\r\n}\r\n\r\n.payment-method input {\r\n    position: absolute;\r\n    opacity: 0;\r\n}\r\n\r\n.payment-method label {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 8px;\r\n    padding: 12px;\r\n    background: var(--light);\r\n    border: 2px solid var(--border);\r\n    border-radius: 8px;\r\n    font-weight: 600;\r\n    cursor: pointer;\r\n    font-size: 14px;\r\n}\r\n\r\n.payment-method input:checked + label {\r\n    background: var(--secondary);\r\n    border-color: #0284c7;\r\n    color: white;\r\n}\r\n\r\n\/* Payment Details - FULL INFORMATION *\/\r\n.payment-details {\r\n    background: var(--light);\r\n    padding: 25px;\r\n    border-radius: 12px;\r\n    margin: 20px 0;\r\n    border: 2px solid var(--border);\r\n}\r\n\r\n.payment-details h4 {\r\n    color: var(--dark);\r\n    margin-bottom: 15px;\r\n    font-size: 18px;\r\n}\r\n\r\n.payment-highlight {\r\n    background: var(--primary);\r\n    color: white;\r\n    padding: 6px 15px;\r\n    border-radius: 30px;\r\n    font-weight: 700;\r\n    display: inline-block;\r\n    margin: 5px 0;\r\n    font-size: 16px;\r\n}\r\n\r\n.payment-info-box {\r\n    background: white;\r\n    padding: 20px;\r\n    border-radius: 10px;\r\n    margin: 15px 0;\r\n    border: 1px solid var(--border);\r\n}\r\n\r\n.payment-info-box p {\r\n    margin: 12px 0;\r\n    font-size: 15px;\r\n    line-height: 1.6;\r\n}\r\n\r\n.payment-info-box strong {\r\n    color: var(--primary);\r\n    min-width: 120px;\r\n    display: inline-block;\r\n}\r\n\r\n.payment-steps {\r\n    background: #f0f7ff;\r\n    padding: 20px;\r\n    border-radius: 10px;\r\n    margin: 15px 0;\r\n    border-left: 5px solid var(--secondary);\r\n}\r\n\r\n.payment-steps ol {\r\n    margin-left: 20px;\r\n    color: var(--dark);\r\n    line-height: 1.8;\r\n}\r\n\r\n.payment-steps li {\r\n    margin: 10px 0;\r\n}\r\n\r\n.swift-code {\r\n    background: #f0f7ff;\r\n    font-family: monospace;\r\n    font-size: 18px;\r\n    padding: 12px;\r\n    border-radius: 8px;\r\n    border: 1px solid var(--secondary);\r\n    color: var(--secondary);\r\n    font-weight: 700;\r\n    text-align: center;\r\n}\r\n\r\n\/* Summary *\/\r\n.summary-box {\r\n    background: linear-gradient(135deg, #f8fafc, #f1f5f9);\r\n    border: 2px solid var(--primary);\r\n    border-radius: 12px;\r\n    padding: 20px;\r\n    margin: 30px 0;\r\n}\r\n\r\n.summary-row {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    padding: 12px 0;\r\n    border-bottom: 1px solid var(--border);\r\n    font-size: 15px;\r\n}\r\n\r\n.summary-row:last-child {\r\n    border-bottom: none;\r\n}\r\n\r\n.summary-total {\r\n    color: var(--primary);\r\n    font-size: 20px;\r\n    font-weight: 700;\r\n}\r\n\r\n\/* Submit Button *\/\r\n.submit-btn {\r\n    background: linear-gradient(135deg, #e11d48, #be123c);\r\n    color: white;\r\n    border: none;\r\n    padding: 18px;\r\n    font-size: 18px;\r\n    font-weight: 700;\r\n    border-radius: 50px;\r\n    width: 100%;\r\n    cursor: pointer;\r\n    transition: all 0.2s;\r\n    margin: 20px 0;\r\n}\r\n\r\n.submit-btn:hover {\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 10px 25px -5px rgba(225,29,72,0.5);\r\n}\r\n\r\n.submit-btn:disabled {\r\n    opacity: 0.5;\r\n    cursor: not-allowed;\r\n}\r\n\r\n\/* Trust Badges *\/\r\n.trust-badges {\r\n    display: flex;\r\n    justify-content: center;\r\n    gap: 20px;\r\n    margin: 20px 0;\r\n    flex-wrap: wrap;\r\n}\r\n\r\n.badge {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 5px;\r\n    color: var(--gray);\r\n    font-size: 14px;\r\n}\r\n\r\n\/* Messages *\/\r\n.message {\r\n    padding: 15px;\r\n    border-radius: 8px;\r\n    margin: 15px 0;\r\n    text-align: center;\r\n}\r\n\r\n.success { background: var(--success); color: white; }\r\n.error { background: var(--primary); color: white; }\r\n\r\n\/* Thank You - GREEN as before *\/\r\n.thank-you {\r\n    background: linear-gradient(135deg, #10b981, #059669);\r\n    color: white;\r\n    padding: 30px;\r\n    border-radius: 12px;\r\n    margin: 20px 0;\r\n    text-align: center;\r\n    animation: slideUp 0.5s ease-out;\r\n    box-shadow: 0 10px 25px -5px rgba(16,185,129,0.5);\r\n}\r\n\r\n.thank-you h3 {\r\n    font-size: 28px;\r\n    margin-bottom: 15px;\r\n}\r\n\r\n.thank-you p {\r\n    font-size: 18px;\r\n    margin: 10px 0;\r\n}\r\n\r\n.email-box {\r\n    background: rgba(255,255,255,0.2);\r\n    border-radius: 8px;\r\n    padding: 15px;\r\n    margin: 20px 0;\r\n    text-align: left;\r\n    font-family: monospace;\r\n    font-size: 13px;\r\n    overflow-x: auto;\r\n    max-width: 100%;\r\n    border: 1px solid rgba(255,255,255,0.3);\r\n}\r\n\r\n.copy-btn {\r\n    background: white;\r\n    color: #059669;\r\n    border: none;\r\n    padding: 12px 25px;\r\n    border-radius: 50px;\r\n    font-weight: 600;\r\n    cursor: pointer;\r\n    margin: 10px;\r\n    transition: all 0.2s;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n}\r\n\r\n.copy-btn:hover {\r\n    transform: scale(1.05);\r\n    box-shadow: 0 5px 15px rgba(0,0,0,0.2);\r\n}\r\n\r\n.copy-btn.copied {\r\n    background: #059669;\r\n    color: white;\r\n}\r\n\r\n.reset-btn {\r\n    background: white;\r\n    color: #059669;\r\n    border: none;\r\n    padding: 12px 25px;\r\n    border-radius: 50px;\r\n    font-weight: 600;\r\n    cursor: pointer;\r\n    margin: 10px;\r\n    transition: all 0.2s;\r\n}\r\n\r\n.reset-btn:hover {\r\n    transform: scale(1.05);\r\n    box-shadow: 0 5px 15px rgba(0,0,0,0.2);\r\n}\r\n\r\n@keyframes slideUp {\r\n    from {\r\n        opacity: 0;\r\n        transform: translateY(20px);\r\n    }\r\n    to {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n}\r\n\r\n\/* Footer *\/\r\n.footer {\r\n    background: #f8fafc;\r\n    padding: 30px;\r\n    text-align: center;\r\n    border-top: 1px solid var(--border);\r\n}\r\n\r\n.footer-contact {\r\n    display: flex;\r\n    justify-content: center;\r\n    gap: 30px;\r\n    flex-wrap: wrap;\r\n    margin: 20px 0;\r\n}\r\n\r\n.footer-item {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    font-size: 14px;\r\n}\r\n\r\n.footer-item a {\r\n    color: var(--dark);\r\n    text-decoration: none;\r\n}\r\n\r\n.whatsapp-footer {\r\n    background: #25D366;\r\n    color: white !important;\r\n    padding: 8px 20px;\r\n    border-radius: 50px;\r\n}\r\n\r\n\/* Spinner *\/\r\n.spinner {\r\n    display: inline-block;\r\n    width: 18px;\r\n    height: 18px;\r\n    border: 3px solid rgba(255,255,255,0.3);\r\n    border-radius: 50%;\r\n    border-top-color: white;\r\n    animation: spin 1s infinite;\r\n    margin-right: 8px;\r\n    vertical-align: middle;\r\n}\r\n\r\n@keyframes spin {\r\n    to { transform: rotate(360deg); }\r\n}\r\n\r\n\/* RESPONSIVE FIXES *\/\r\n@media (max-width: 768px) {\r\n    .stats {\r\n        grid-template-columns: repeat(2, 1fr);\r\n        padding: 20px;\r\n    }\r\n    \r\n    .form-row {\r\n        grid-template-columns: 1fr;\r\n    }\r\n    \r\n    .payment-methods {\r\n        grid-template-columns: 1fr;\r\n    }\r\n    \r\n    .contact-bar {\r\n        flex-direction: column;\r\n        align-items: center;\r\n        border-radius: 30px;\r\n    }\r\n    \r\n    .footer-contact {\r\n        flex-direction: column;\r\n        gap: 15px;\r\n    }\r\n    \r\n    .content {\r\n        padding: 20px;\r\n    }\r\n    \r\n    .header {\r\n        padding: 30px 20px;\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .stats {\r\n        grid-template-columns: 1fr;\r\n    }\r\n    \r\n    .amount-grid {\r\n        grid-template-columns: repeat(2, 1fr);\r\n    }\r\n    \r\n    .impact-grid {\r\n        grid-template-columns: 1fr;\r\n    }\r\n    \r\n    .programs-grid {\r\n        grid-template-columns: 1fr;\r\n    }\r\n    \r\n    .trust-badges {\r\n        flex-direction: column;\r\n        align-items: center;\r\n        gap: 10px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<div class=\"donation-wrapper\">\r\n    <!-- Header -->\r\n    <div class=\"header\">\r\n        <h1 style=\"color:#fff\">Centre for Adolescent Girls & Youth Health Program <span>Siaya<\/span><\/h1>\r\n        <p style=\"color:#fff\">Your support makes the difference between despair and hope<\/p>\r\n        \r\n        <div class=\"contact-bar\">\r\n            <div class=\"contact-item\">\ud83d\udce7 <a href=\"mailto:info@cagyhp.co.ke\">info@cagyhp.co.ke<\/a><\/div>\r\n            <div class=\"contact-item\">\ud83d\udcde <a href=\"tel:+254735604010\">+254 735 604010<\/a><\/div>\r\n            <div class=\"contact-item whatsapp-link\">\ud83d\udcac <a href=\"#\" id=\"whatsappLink\">WhatsApp<\/a><\/div>\r\n        <\/div>\r\n    <\/div>\r\n    \r\n    <!-- Stats -->\r\n    <div class=\"stats\">\r\n        <div class=\"stat-card\"><div class=\"stat-number\">500+<\/div><div class=\"stat-label\">Survivors<\/div><\/div>\r\n        <div class=\"stat-card\"><div class=\"stat-number\">24\/7<\/div><div class=\"stat-label\">Emergency Care<\/div><\/div>\r\n        <div class=\"stat-card\"><div class=\"stat-number\">4<\/div><div class=\"stat-label\">Current Beds<\/div><\/div>\r\n        <div class=\"stat-card\"><div class=\"stat-number\">Siaya<\/div><div class=\"stat-label\">County<\/div><\/div>\r\n    <\/div>\r\n    \r\n    <!-- Content -->\r\n    <div class=\"content\">\r\n        <div id=\"messageContainer\"><\/div>\r\n        \r\n        <!-- Programs -->\r\n        <div class=\"section-title\">\ud83e\udd1d Areas We Need Support<\/div>\r\n        <div class=\"programs-grid\">\r\n            <div class=\"program-card\">\r\n                <div class=\"program-icon\">\ud83c\udf72<\/div>\r\n                <div class=\"program-title\">Emergency Food & Refreshments<\/div>\r\n                <div class=\"program-need\">KES 100,000\/month<\/div>\r\n                <div class=\"program-desc\">Porridge, snacks, meals for survivors during consultations, counseling, and referral pathways.<\/div>\r\n            <\/div>\r\n            <div class=\"program-card\">\r\n                <div class=\"program-icon\">\ud83e\ude7a<\/div>\r\n                <div class=\"program-title\">Medical Expenses & Emergency Care<\/div>\r\n                <div class=\"program-need\">KES 150,000\/month<\/div>\r\n                <div class=\"program-desc\">First aid, emergency medicines, dignity packs, SRH commodities, bathing towels.<\/div>\r\n            <\/div>\r\n            <div class=\"program-card\">\r\n                <div class=\"program-icon\">\ud83d\udcda<\/div>\r\n                <div class=\"program-title\">Children's Education Support<\/div>\r\n                <div class=\"program-need\">Varies<\/div>\r\n                <div class=\"program-desc\">School fees, uniforms, birth certificates for children of survivors.<\/div>\r\n            <\/div>\r\n            <div class=\"program-card\">\r\n                <div class=\"program-icon\">\ud83e\udde0<\/div>\r\n                <div class=\"program-title\">Mental Health & Counseling<\/div>\r\n                <div class=\"program-need\">KES 100,000\/month<\/div>\r\n                <div class=\"program-desc\">Professional trauma counselors, medical psychiatrists, daily mental health support.<\/div>\r\n            <\/div>\r\n            <div class=\"program-card\">\r\n                <div class=\"program-icon\">\ud83d\udecf\ufe0f<\/div>\r\n                <div class=\"program-title\">Dignified Accommodation<\/div>\r\n                <div class=\"program-need\">KES 750,000 (one-time)<\/div>\r\n                <div class=\"program-desc\">Expand resting rooms from 4 beds, add more beds, separate gender facilities.<\/div>\r\n            <\/div>\r\n            <div class=\"program-card\">\r\n                <div class=\"program-icon\">\ud83d\udc99<\/div>\r\n                <div class=\"program-title\">General Program Support<\/div>\r\n                <div class=\"program-need\">Where most needed<\/div>\r\n                <div class=\"program-desc\">Your gift helps where it's needed most, responding to urgent needs.<\/div>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <!-- Donation Form -->\r\n        <form id=\"donationForm\">\r\n            <!-- FormSubmit will be triggered by fetch API - NO REDIRECT -->\r\n            \r\n            <div class=\"section-title\">\ud83d\udcb0 Select Amount<\/div>\r\n            <div class=\"amount-grid\">\r\n                <div class=\"amount-option\"><input type=\"radio\" name=\"amount\" id=\"a1000\" value=\"1000\" checked><label for=\"a1000\">KES 1,000<\/label><\/div>\r\n                <div class=\"amount-option\"><input type=\"radio\" name=\"amount\" id=\"a5000\" value=\"5000\"><label for=\"a5000\">KES 5,000<\/label><\/div>\r\n                <div class=\"amount-option\"><input type=\"radio\" name=\"amount\" id=\"a10000\" value=\"10000\"><label for=\"a10000\">KES 10,000<\/label><\/div>\r\n                <div class=\"amount-option\"><input type=\"radio\" name=\"amount\" id=\"a25000\" value=\"25000\"><label for=\"a25000\">KES 25,000<\/label><\/div>\r\n                <div class=\"amount-option\"><input type=\"radio\" name=\"amount\" id=\"a50000\" value=\"50000\"><label for=\"a50000\">KES 50,000<\/label><\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"other-amount\"><input type=\"number\" id=\"otherAmount\" placeholder=\"Other amount\" min=\"100\"><\/div>\r\n            \r\n            <div class=\"currency-selector\">\r\n                <div class=\"currency-option\"><input type=\"radio\" name=\"currency\" id=\"kes\" value=\"KES\" checked><label for=\"kes\">KES<\/label><\/div>\r\n                <div class=\"currency-option\"><input type=\"radio\" name=\"currency\" id=\"usd\" value=\"USD\"><label for=\"usd\">USD<\/label><\/div>\r\n                <div class=\"currency-option\"><input type=\"radio\" name=\"currency\" id=\"eur\" value=\"EUR\"><label for=\"eur\">EUR<\/label><\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"section-title\">\u2728 Your Impact<\/div>\r\n            <div class=\"impact-grid\">\r\n                <div class=\"impact-item\" data-amount=\"1000\" data-impact=\"Emergency food for 5 survivors for one day\"><div class=\"impact-amount\">KES 1,000<\/div><div class=\"impact-desc\">Emergency food for 5 survivors for one day<\/div><\/div>\r\n                <div class=\"impact-item\" data-amount=\"5000\" data-impact=\"Dignity packs for 10 survivors\"><div class=\"impact-amount\">KES 5,000<\/div><div class=\"impact-desc\">Dignity packs for 10 survivors<\/div><\/div>\r\n                <div class=\"impact-item\" data-amount=\"10000\" data-impact=\"School supplies for one child for a term\"><div class=\"impact-amount\">KES 10,000<\/div><div class=\"impact-desc\">School supplies for one child for a term<\/div><\/div>\r\n                <div class=\"impact-item\" data-amount=\"25000\" data-impact=\"Mental health counseling for 15 survivors\"><div class=\"impact-amount\">KES 25,000<\/div><div class=\"impact-desc\">Mental health counseling for 15 survivors<\/div><\/div>\r\n                <div class=\"impact-item\" data-amount=\"50000\" data-impact=\"Emergency medical care for 20 survivors\"><div class=\"impact-amount\">KES 50,000<\/div><div class=\"impact-desc\">Emergency medical care for 20 survivors<\/div><\/div>\r\n                <div class=\"impact-item\" data-amount=\"750000\" data-impact=\"Build gender-separate accommodation facilities\"><div class=\"impact-amount\">KES 750,000<\/div><div class=\"impact-desc\">Build gender-separate accommodation facilities<\/div><\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"section-title\">\ud83d\udc64 Your Information<\/div>\r\n            <div class=\"form-row\">\r\n                <div class=\"form-group\"><label>Full Name *<\/label><input type=\"text\" id=\"fullname\" required><\/div>\r\n                <div class=\"form-group\"><label>Email *<\/label><input type=\"email\" id=\"email\" required><\/div>\r\n            <\/div>\r\n            <div class=\"form-row\">\r\n                <div class=\"form-group\"><label>Phone *<\/label><input type=\"tel\" id=\"phone\" required placeholder=\"0712345678\"><\/div>\r\n                <div class=\"form-group\"><label>Country<\/label><select id=\"country\"><option value=\"Kenya\">Kenya<\/option><option value=\"Other\">Other<\/option><\/select><\/div>\r\n            <\/div>\r\n            <div class=\"checkbox-group\"><input type=\"checkbox\" id=\"newsletter\"><label for=\"newsletter\">Add me to newsletter<\/label><\/div>\r\n            <div class=\"checkbox-group\"><input type=\"checkbox\" id=\"anonymous\"><label for=\"anonymous\">Remain anonymous<\/label><\/div>\r\n            \r\n            <div class=\"section-title\">\ud83d\udcb3 Payment Method<\/div>\r\n            <div class=\"payment-methods\">\r\n                <div class=\"payment-method\"><input type=\"radio\" name=\"payment\" id=\"mpesa\" value=\"M-Pesa\" checked><label for=\"mpesa\">\ud83d\udcf1 M-Pesa<\/label><\/div>\r\n                <div class=\"payment-method\"><input type=\"radio\" name=\"payment\" id=\"bank\" value=\"Bank Transfer\"><label for=\"bank\">\ud83c\udfe6 Bank<\/label><\/div>\r\n                <div class=\"payment-method\"><input type=\"radio\" name=\"payment\" id=\"card\" value=\"Card Payment\"><label for=\"card\">\ud83d\udcb3 Card<\/label><\/div>\r\n            <\/div>\r\n            \r\n            <!-- M-Pesa Details -->\r\n            <div id=\"mpesaDetails\" class=\"payment-details\">\r\n                <h4>\ud83d\udcf1 M-Pesa Payment Instructions<\/h4>\r\n                <div class=\"payment-info-box\">\r\n                    <p><strong>Paybill Business Number:<\/strong> <span class=\"payment-highlight\">400200<\/span><\/p>\r\n                    <p><strong>Account Number:<\/strong> <span class=\"payment-highlight\">885581<\/span><\/p>\r\n                <\/div>\r\n                \r\n                <div class=\"payment-steps\">\r\n                    <strong>Follow these steps:<\/strong>\r\n                    <ol>\r\n                        <li>Go to M-Pesa menu on your phone<\/li>\r\n                        <li>Select <strong>Lipa Na M-Pesa<\/strong><\/li>\r\n                        <li>Select <strong>Paybill<\/strong><\/li>\r\n                        <li>Enter Business Number: <strong>400200<\/strong><\/li>\r\n                        <li>Enter Account Number: <strong>885581<\/strong><\/li>\r\n                        <li>Enter Amount: <strong id=\"mpesaAmountDisplay\">KES 1,000<\/strong><\/li>\r\n                        <li>Enter your M-Pesa PIN<\/li>\r\n                        <li>Confirm payment<\/li>\r\n                    <\/ol>\r\n                <\/div>\r\n                \r\n                <div style=\"margin-top: 15px;\">\r\n                    <label><strong>M-Pesa Confirmation Code:<\/strong><\/label>\r\n                    <input type=\"text\" id=\"mpesaCode\" placeholder=\"e.g., QWE123R45\" style=\"width:100%; padding:12px; border:2px solid #e2e8f0; border-radius:8px; margin-top:5px;\">\r\n                    <p style=\"font-size:13px; color:#64748b; margin-top:5px;\">Enter the code you received via SMS after payment<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <!-- Bank Transfer Details -->\r\n            <div id=\"bankDetails\" class=\"payment-details\" style=\"display:none;\">\r\n                <h4>\ud83c\udfe6 Bank Transfer Details<\/h4>\r\n                <div class=\"payment-info-box\">\r\n                    <p><strong>Account Name:<\/strong> Centre For Adolescent Girls and Youth Health Program<\/p>\r\n                    <p><strong>Bank:<\/strong> Cooperative Bank of Kenya<\/p>\r\n                    <p><strong>Account Number:<\/strong> 01101343795001<\/p>\r\n                    <p><strong>Branch:<\/strong> Y'ala (Branch Code: 140)<\/p>\r\n                    <p><strong>Bank Code:<\/strong> 11<\/p>\r\n                <\/div>\r\n                \r\n                <div class=\"swift-code\">\r\n                    <strong>SWIFT Code:<\/strong> KC00KENA\r\n                <\/div>\r\n                \r\n                <div class=\"payment-steps\" style=\"margin-top:15px;\">\r\n                    <strong>Reference Format:<\/strong>\r\n                    <p style=\"margin-top:10px;\">CAGYHP Donation + [Your Name]<\/p>\r\n                    <p style=\"font-size:13px; color:#64748b;\">Example: CAGYHP Donation + John Doe<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <!-- Card Payment Details -->\r\n            <div id=\"cardDetails\" class=\"payment-details\" style=\"display:none;\">\r\n                <h4>\ud83d\udcb3 Card Payment<\/h4>\r\n                <div class=\"payment-info-box\">\r\n                    <p>We accept all major credit and debit cards.<\/p>\r\n                    <p>After submitting this form, we'll send you a secure payment link via email where you can complete your card payment.<\/p>\r\n                    <p style=\"margin-top:15px;\"><strong>Our team will contact you within 24 hours with payment instructions.<\/strong><\/p>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <!-- Summary -->\r\n            <div class=\"summary-box\">\r\n                <div style=\"font-size:20px; font-weight:700; margin-bottom:15px; text-align:center;\">\ud83d\udccb Donation Summary<\/div>\r\n                <div class=\"summary-row\"><span>Amount:<\/span><span id=\"summaryAmount\">KES 1,000<\/span><\/div>\r\n                <div class=\"summary-row\"><span>Impact:<\/span><span id=\"summaryImpact\">Emergency food for 5 survivors for one day<\/span><\/div>\r\n                <div class=\"summary-row\"><span>Payment:<\/span><span id=\"summaryPayment\">M-Pesa<\/span><\/div>\r\n                <div class=\"summary-row\"><span>Newsletter:<\/span><span id=\"summaryNewsletter\">No<\/span><\/div>\r\n                <div class=\"summary-row\"><span>Anonymous:<\/span><span id=\"summaryAnonymous\">No<\/span><\/div>\r\n                <div class=\"summary-row\" style=\"border-bottom:none;\"><span style=\"font-weight:700;\">Total:<\/span><span class=\"summary-total\" id=\"summaryTotal\">KES 1,000<\/span><\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"trust-badges\">\r\n                <div class=\"badge\">\u2713 Secure Donation<\/div>\r\n                <div class=\"badge\">\u2713 Encrypted<\/div>\r\n                <div class=\"badge\">\u2713 Tax Deductible<\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"checkbox-group\"><input type=\"checkbox\" id=\"terms\" required><label for=\"terms\">I confirm information is accurate and agree to terms *<\/label><\/div>\r\n            \r\n            <button type=\"button\" class=\"submit-btn\" id=\"submitBtn\">Complete Donation<\/button>\r\n            <div id=\"thankYouContainer\"><\/div>\r\n        <\/form>\r\n    <\/div>\r\n    \r\n    <!-- Footer -->\r\n    <div class=\"footer\">\r\n        <h3 style=\"margin-bottom:20px;\">Together, we can ensure every survivor in Siaya County has a safe place to turn to.<\/h3>\r\n        <div class=\"footer-contact\">\r\n            <div class=\"footer-item\">\ud83d\udce7 <a href=\"mailto:info@cagyhp.co.ke\">info@cagyhp.co.ke<\/a><\/div>\r\n            <div class=\"footer-item\">\ud83d\udcde <a href=\"tel:+254735604010\">+254 735 604010<\/a><\/div>\r\n            <div class=\"footer-item\"><a href=\"#\" class=\"whatsapp-footer\" id=\"footerWhatsApp\">\ud83d\udcac WhatsApp<\/a><\/div>\r\n        <\/div>\r\n        <div style=\"font-size:30px; margin-top:20px;\">\ud83d\udc99 \ud83e\udd1d \ud83d\udcaa<\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n\/\/ WhatsApp\r\nfunction openWA() {\r\n    window.open('https:\/\/wa.me\/254735604010?text=Hello%20CAGYHP%2C%20I%27m%20interested%20in%20supporting', '_blank');\r\n}\r\ndocument.getElementById('whatsappLink').addEventListener('click', e => { e.preventDefault(); openWA(); });\r\ndocument.getElementById('footerWhatsApp').addEventListener('click', e => { e.preventDefault(); openWA(); });\r\n\r\n\/\/ Payment toggle\r\ndocument.querySelectorAll('input[name=\"payment\"]').forEach(r => {\r\n    r.addEventListener('change', function() {\r\n        document.getElementById('mpesaDetails').style.display = 'none';\r\n        document.getElementById('bankDetails').style.display = 'none';\r\n        document.getElementById('cardDetails').style.display = 'none';\r\n        if (this.value === 'M-Pesa') document.getElementById('mpesaDetails').style.display = 'block';\r\n        else if (this.value === 'Bank Transfer') document.getElementById('bankDetails').style.display = 'block';\r\n        else if (this.value === 'Card Payment') document.getElementById('cardDetails').style.display = 'block';\r\n        updateSummary();\r\n    });\r\n});\r\n\r\n\/\/ IMPACT CLICK - FULLY RESTORED\r\ndocument.querySelectorAll('.impact-item').forEach(item => {\r\n    item.addEventListener('click', function() {\r\n        const amount = this.getAttribute('data-amount');\r\n        const impact = this.getAttribute('data-impact');\r\n        \r\n        \/\/ Remove selected class from all\r\n        document.querySelectorAll('.impact-item').forEach(i => i.classList.remove('selected'));\r\n        \r\n        \/\/ Add selected class to clicked\r\n        this.classList.add('selected');\r\n        \r\n        \/\/ Uncheck all amount radios\r\n        document.querySelectorAll('input[name=\"amount\"]').forEach(r => r.checked = false);\r\n        \r\n        \/\/ Clear other amount\r\n        document.getElementById('otherAmount').value = '';\r\n        \r\n        \/\/ Find and check matching radio\r\n        const matchingRadio = document.getElementById(`a${amount}`);\r\n        if (matchingRadio) {\r\n            matchingRadio.checked = true;\r\n        } else {\r\n            \/\/ For custom amounts like 750000\r\n            document.getElementById('otherAmount').value = amount;\r\n        }\r\n        \r\n        \/\/ Store selected impact\r\n        window.selectedImpact = impact;\r\n        \r\n        \/\/ Update all displays\r\n        updateSummary();\r\n        updateMpesaDisplay();\r\n    });\r\n});\r\n\r\n\/\/ Amount change\r\ndocument.querySelectorAll('input[name=\"amount\"]').forEach(r => {\r\n    r.addEventListener('change', function() {\r\n        document.getElementById('otherAmount').value = '';\r\n        \r\n        document.querySelectorAll('.impact-item').forEach(i => i.classList.remove('selected'));\r\n        \r\n        const amount = this.value;\r\n        const matchingImpact = document.querySelector(`.impact-item[data-amount=\"${amount}\"]`);\r\n        if (matchingImpact) {\r\n            matchingImpact.classList.add('selected');\r\n            window.selectedImpact = matchingImpact.getAttribute('data-impact');\r\n        } else {\r\n            window.selectedImpact = `Donation of KES ${amount}`;\r\n        }\r\n        \r\n        updateSummary();\r\n        updateMpesaDisplay();\r\n    });\r\n});\r\n\r\n\/\/ Other amount\r\ndocument.getElementById('otherAmount').addEventListener('input', function() {\r\n    document.querySelectorAll('input[name=\"amount\"]').forEach(r => r.checked = false);\r\n    document.querySelectorAll('.impact-item').forEach(i => i.classList.remove('selected'));\r\n    window.selectedImpact = `Custom donation of ${this.value || 'your amount'}`;\r\n    updateSummary();\r\n    updateMpesaDisplay();\r\n});\r\n\r\n\/\/ Currency\r\ndocument.querySelectorAll('input[name=\"currency\"]').forEach(r => r.addEventListener('change', function() {\r\n    updateSummary();\r\n    updateMpesaDisplay();\r\n}));\r\n\r\n\/\/ Checkboxes\r\ndocument.getElementById('newsletter').addEventListener('change', updateSummary);\r\ndocument.getElementById('anonymous').addEventListener('change', updateSummary);\r\n\r\nfunction updateMpesaDisplay() {\r\n    let amount = 1000;\r\n    const selected = document.querySelector('input[name=\"amount\"]:checked');\r\n    if (selected) amount = parseFloat(selected.value);\r\n    else if (document.getElementById('otherAmount').value) amount = parseFloat(document.getElementById('otherAmount').value);\r\n    \r\n    const currency = document.querySelector('input[name=\"currency\"]:checked').value;\r\n    const display = document.getElementById('mpesaAmountDisplay');\r\n    if (display) display.textContent = currency === 'KES' ? `KES ${amount.toLocaleString()}` : \r\n                                        currency === 'USD' ? `$${amount.toLocaleString()}` : \r\n                                        `\u20ac${amount.toLocaleString()}`;\r\n}\r\n\r\nfunction updateSummary() {\r\n    let amount = 1000;\r\n    const selected = document.querySelector('input[name=\"amount\"]:checked');\r\n    if (selected) amount = parseFloat(selected.value);\r\n    else if (document.getElementById('otherAmount').value) amount = parseFloat(document.getElementById('otherAmount').value);\r\n    \r\n    const currency = document.querySelector('input[name=\"currency\"]:checked').value;\r\n    const formatted = currency === 'KES' ? `KES ${amount.toLocaleString()}` : \r\n                     currency === 'USD' ? `$${amount.toLocaleString()}` : \r\n                     `\u20ac${amount.toLocaleString()}`;\r\n    \r\n    const payment = document.querySelector('input[name=\"payment\"]:checked').value;\r\n    const impact = window.selectedImpact || 'Emergency food for 5 survivors for one day';\r\n    const newsletter = document.getElementById('newsletter').checked ? 'Yes' : 'No';\r\n    const anonymous = document.getElementById('anonymous').checked ? 'Yes' : 'No';\r\n    \r\n    document.getElementById('summaryAmount').textContent = formatted;\r\n    document.getElementById('summaryImpact').textContent = impact;\r\n    document.getElementById('summaryPayment').textContent = payment;\r\n    document.getElementById('summaryNewsletter').textContent = newsletter;\r\n    document.getElementById('summaryAnonymous').textContent = anonymous;\r\n    document.getElementById('summaryTotal').textContent = formatted;\r\n}\r\n\r\nfunction showMessage(type, text) {\r\n    const msg = document.getElementById('messageContainer');\r\n    msg.innerHTML = `<div class=\"message ${type}\">${text}<\/div>`;\r\n    setTimeout(() => msg.innerHTML = '', 5000);\r\n}\r\n\r\n\/\/ COPY EMAIL FEATURE - RESTORED\r\nfunction copyToClipboard(text, btn) {\r\n    navigator.clipboard.writeText(text).then(() => {\r\n        btn.textContent = '\u2713 Copied!';\r\n        btn.classList.add('copied');\r\n        setTimeout(() => {\r\n            btn.textContent = '\ud83d\udccb Copy Email Message';\r\n            btn.classList.remove('copied');\r\n        }, 2000);\r\n    });\r\n}\r\n\r\n\/\/ Show Thank You - GREEN as before\r\nfunction showThankYou(data) {\r\n    const container = document.getElementById('thankYouContainer');\r\n    \r\n    const emailMessage = `DONATION DETAILS\r\n    \r\nName: ${data.name}\r\nEmail: ${data.email}\r\nPhone: ${data.phone}\r\nCountry: ${data.country}\r\nAmount: ${data.amount}\r\nImpact: ${data.impact}\r\nPayment Method: ${data.payment}\r\nM-Pesa Code: ${data.mpesaCode || 'N\/A'}\r\nNewsletter: ${data.newsletter}\r\nAnonymous: ${data.anonymous}\r\n\r\nThank you for supporting CAGYHP!`;\r\n    \r\n    const thankYouHTML = `\r\n        <div class=\"thank-you\">\r\n            <h3>\ud83d\ude4f Thank You, ${data.name}!<\/h3>\r\n            <p>Your donation of ${data.amount} has been recorded.<\/p>\r\n            <p>${data.impact}<\/p>\r\n            \r\n            <div class=\"email-box\">\r\n                <pre style=\"white-space:pre-wrap; margin:0;\">${emailMessage}<\/pre>\r\n            <\/div>\r\n            \r\n            <div style=\"display:flex; gap:10px; justify-content:center; flex-wrap:wrap; margin:15px 0;\">\r\n                <button class=\"copy-btn\" id=\"copyEmailBtn\">\ud83d\udccb Copy Email Message<\/button>\r\n                <a href=\"mailto:info@cagyhp.co.ke?subject=Donation from ${data.name}&body=${encodeURIComponent(emailMessage)}\" \r\n                   class=\"copy-btn\" style=\"text-decoration:none; display:inline-flex; align-items:center;\">\ud83d\udce7 Open Email App<\/a>\r\n            <\/div>\r\n            \r\n            <p style=\"font-size:14px;\">Copy the message and paste into your email, or click \"Open Email App\"<\/p>\r\n            <button class=\"reset-btn\" onclick=\"resetForm()\">Make Another Donation<\/button>\r\n        <\/div>\r\n    `;\r\n    \r\n    container.innerHTML = thankYouHTML;\r\n    \r\n    document.getElementById('copyEmailBtn').addEventListener('click', function() {\r\n        copyToClipboard(emailMessage, this);\r\n    });\r\n    \r\n    document.getElementById('submitBtn').disabled = true;\r\n    document.getElementById('submitBtn').style.opacity = '0.5';\r\n    \r\n    container.scrollIntoView({ behavior: 'smooth', block: 'center' });\r\n}\r\n\r\n\/\/ Email sending via FormSubmit - NO REDIRECT\r\nasync function sendEmail(formData) {\r\n    try {\r\n        const response = await fetch('https:\/\/formsubmit.co\/ajax\/info@cagyhp.co.ke', {\r\n            method: 'POST',\r\n            headers: {\r\n                'Content-Type': 'application\/json',\r\n                'Accept': 'application\/json'\r\n            },\r\n            body: JSON.stringify({\r\n                name: formData.name,\r\n                email: formData.email,\r\n                phone: formData.phone,\r\n                country: formData.country,\r\n                amount: formData.amount,\r\n                impact: formData.impact,\r\n                payment: formData.payment,\r\n                mpesa_code: formData.mpesaCode,\r\n                newsletter: formData.newsletter,\r\n                anonymous: formData.anonymous,\r\n                _subject: `New Donation from ${formData.name}`,\r\n                _template: 'table',\r\n                _captcha: 'false'\r\n            })\r\n        });\r\n        \r\n        const result = await response.json();\r\n        return result.success;\r\n    } catch (error) {\r\n        console.error('Email error:', error);\r\n        return false;\r\n    }\r\n}\r\n\r\n\/\/ Reset form\r\nwindow.resetForm = function() {\r\n    document.getElementById('thankYouContainer').innerHTML = '';\r\n    document.getElementById('donationForm').reset();\r\n    \r\n    document.getElementById('submitBtn').disabled = false;\r\n    document.getElementById('submitBtn').style.opacity = '1';\r\n    \r\n    document.getElementById('a1000').checked = true;\r\n    window.selectedImpact = 'Emergency food for 5 survivors for one day';\r\n    \r\n    updateSummary();\r\n    updateMpesaDisplay();\r\n    \r\n    document.querySelector('.content').scrollIntoView({ behavior: 'smooth', block: 'start' });\r\n};\r\n\r\n\/\/ Submit button click\r\ndocument.getElementById('submitBtn').addEventListener('click', async function() {\r\n    if (this.disabled) return;\r\n    \r\n    \/\/ Validate\r\n    const name = document.getElementById('fullname').value.trim();\r\n    const email = document.getElementById('email').value.trim();\r\n    const phone = document.getElementById('phone').value.trim();\r\n    const terms = document.getElementById('terms').checked;\r\n    \r\n    if (!name || !email || !phone || !terms) {\r\n        showMessage('error', 'Please fill all required fields');\r\n        return;\r\n    }\r\n    \r\n    \/\/ Get amount\r\n    let amount = 0;\r\n    const selected = document.querySelector('input[name=\"amount\"]:checked');\r\n    if (selected) amount = selected.value;\r\n    else amount = document.getElementById('otherAmount').value;\r\n    \r\n    if (!amount || amount < 100) {\r\n        showMessage('error', 'Enter valid amount (min 100)');\r\n        return;\r\n    }\r\n    \r\n    const payment = document.querySelector('input[name=\"payment\"]:checked').value;\r\n    const mpesaCode = document.getElementById('mpesaCode').value;\r\n    \r\n    if (payment === 'M-Pesa' && !mpesaCode) {\r\n        showMessage('error', 'Please enter your M-Pesa confirmation code');\r\n        return;\r\n    }\r\n    \r\n    const currency = document.querySelector('input[name=\"currency\"]:checked').value;\r\n    const formattedAmount = `${currency} ${parseFloat(amount).toLocaleString()}`;\r\n    const impact = window.selectedImpact || 'Emergency food for 5 survivors for one day';\r\n    const newsletter = document.getElementById('newsletter').checked ? 'Yes' : 'No';\r\n    const anonymous = document.getElementById('anonymous').checked ? 'Yes' : 'No';\r\n    const country = document.getElementById('country').value;\r\n    \r\n    \/\/ Prepare data\r\n    const formData = {\r\n        name, email, phone, country,\r\n        amount: formattedAmount,\r\n        impact, payment,\r\n        mpesaCode,\r\n        newsletter, anonymous\r\n    };\r\n    \r\n    \/\/ Show loading\r\n    this.innerHTML = '<span class=\"spinner\"><\/span> Sending...';\r\n    this.disabled = true;\r\n    \r\n    \/\/ Send email via FormSubmit (AJAX - NO REDIRECT)\r\n    const sent = await sendEmail(formData);\r\n    \r\n    if (sent) {\r\n        showThankYou(formData);\r\n        showMessage('success', 'Donation sent successfully! Check your email for confirmation.');\r\n    } else {\r\n        showMessage('error', 'Error sending donation. Please try again or contact us directly.');\r\n        this.innerHTML = 'Complete Donation';\r\n        this.disabled = false;\r\n    }\r\n});\r\n\r\n\/\/ Initialize\r\nwindow.selectedImpact = 'Emergency food for 5 survivors for one day';\r\nupdateSummary();\r\nupdateMpesaDisplay();\r\n<\/script>\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>Centre for Adolescent Girls &#038; Youth Health Program Siaya Your support makes the difference between despair and hope \ud83d\udce7 info@cagyhp.co.ke \ud83d\udcde +254 735 604010 \ud83d\udcac WhatsApp 500+Survivors 24\/7Emergency Care 4Current Beds SiayaCounty \ud83e\udd1d Areas We Need Support \ud83c\udf72 Emergency Food &#038; Refreshments KES 100,000\/month Porridge, snacks, meals for survivors during consultations, counseling, and referral pathways. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"give_campaign_id":0,"footnotes":""},"class_list":["post-2778","page","type-page","status-publish","hentry"],"campaignId":"","_links":{"self":[{"href":"https:\/\/cagyhp.co.ke\/index.php\/wp-json\/wp\/v2\/pages\/2778","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cagyhp.co.ke\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cagyhp.co.ke\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cagyhp.co.ke\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cagyhp.co.ke\/index.php\/wp-json\/wp\/v2\/comments?post=2778"}],"version-history":[{"count":30,"href":"https:\/\/cagyhp.co.ke\/index.php\/wp-json\/wp\/v2\/pages\/2778\/revisions"}],"predecessor-version":[{"id":2934,"href":"https:\/\/cagyhp.co.ke\/index.php\/wp-json\/wp\/v2\/pages\/2778\/revisions\/2934"}],"wp:attachment":[{"href":"https:\/\/cagyhp.co.ke\/index.php\/wp-json\/wp\/v2\/media?parent=2778"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}