{"id":810,"date":"2023-07-26T12:44:29","date_gmt":"2023-07-26T12:44:29","guid":{"rendered":"https:\/\/nacc.gov.lb\/contact-us\/"},"modified":"2025-09-24T10:58:44","modified_gmt":"2025-09-24T10:58:44","slug":"contact-us","status":"publish","type":"page","link":"http:\/\/nacc.gov.lb\/en\/contact-us\/","title":{"rendered":"Contact Us"},"content":{"rendered":"<section class=\"mt-5\">\r\n    <div class=\"container-sm px-2\">\r\n        <div class=\"row mb-5\">\r\n            \r\n            <div class=\"col-lg-6 d-flex flex-column h-100\">\r\n                <div class=\"p-4 bg-white w-100\">\r\n                    <div class=\"mb-2\" style=\"width:fit-content;border-bottom:2px solid #cfcfcf\">\r\n                        <p class=\"fw-bold fs-3\" style=\"color:#666666\">Call Us<\/p>\r\n                    <\/div>\r\n                                            <div class=\"row pt-4\">\r\n                            <div class=\"col-lg-4\">\r\n                                <span class=\"fw-bold me-2\" style=\"color:#666666\">\r\n                                    Address                                <\/span>\r\n                            <\/div>\r\n                            <div class=\"col-lg-8\">\r\n                                                                    <span>\r\n                                        Hatab Building, 395 Madame Curie Street, Verdun, Beirut                                    <\/span>\r\n                                                            <\/div>\r\n                        <\/div>\r\n                                            <div class=\"row pt-4\">\r\n                            <div class=\"col-lg-4\">\r\n                                <span class=\"fw-bold me-2\" style=\"color:#666666\">\r\n                                    Email                                <\/span>\r\n                            <\/div>\r\n                            <div class=\"col-lg-8\">\r\n                                                                    <a class=\"link-dark\" href=\"mailto:info@nacc.gov.lb\">\r\n                                        info@nacc.gov.lb                                    <\/a>\r\n                                                            <\/div>\r\n                        <\/div>\r\n                                            <div class=\"row pt-4\">\r\n                            <div class=\"col-lg-4\">\r\n                                <span class=\"fw-bold me-2\" style=\"color:#666666\">\r\n                                    Phone                                <\/span>\r\n                            <\/div>\r\n                            <div class=\"col-lg-8\">\r\n                                                                    <span>\r\n                                        01\/355525                                    <\/span>\r\n                                                            <\/div>\r\n                        <\/div>\r\n                                    <\/div>\r\n                <div class=\"p-4 bg-white w-100\">\r\n                    <div class=\"mb-2\" style=\"width:fit-content;border-bottom:2px solid #cfcfcf\">\r\n                        <p class=\"fw-bold fs-3\" style=\"color:#666666\">Comission Social Platforms (Soon)<\/p>\r\n                    <\/div>\r\n                    <div class=\"row pt-4 w-100\">\r\n                                                        <div class=\"col-2 col-lg py-lg-0 px-lg-2 p-1 pe-2 m-1 m-sm-0\" style=\"width:fit !important\">\r\n                                    <a style=\"pointer-events:none\" class=\"link-secondary link-underline-opacity-0 link-underline-opacity-0-hover\" href=\"https:\/\/www.facebook.com\">\r\n                                        <div class=\"square-social p-3 d-flex align-items-center justify-content-center rounded-2\">\r\n                                            <i style=\"line-height: 1;\" class=\"fs-4 fa-brands fa-facebook-f\">\r\n                                            <\/i>\r\n                                        <\/div>\r\n                                    <\/a>\r\n                                <\/div>\r\n                                                        <div class=\"col-2 col-lg py-lg-0 px-lg-2 p-1 pe-2 m-1 m-sm-0\" style=\"width:fit !important\">\r\n                                    <a style=\"pointer-events:none\" class=\"link-secondary link-underline-opacity-0 link-underline-opacity-0-hover\" href=\"https:\/\/www.instagram.com\">\r\n                                        <div class=\"square-social p-3 d-flex align-items-center justify-content-center rounded-2\">\r\n                                            <i style=\"line-height: 1;\" class=\"fs-4 fa-brands fa-instagram\">\r\n                                            <\/i>\r\n                                        <\/div>\r\n                                    <\/a>\r\n                                <\/div>\r\n                                                        <div class=\"col-2 col-lg py-lg-0 px-lg-2 p-1 pe-2 m-1 m-sm-0\" style=\"width:fit !important\">\r\n                                    <a style=\"pointer-events:none\" class=\"link-secondary link-underline-opacity-0 link-underline-opacity-0-hover\" href=\"https:\/\/www.linkedin.com\">\r\n                                        <div class=\"square-social p-3 d-flex align-items-center justify-content-center rounded-2\">\r\n                                            <i style=\"line-height: 1;\" class=\"fs-4 fa-brands fa-linkedin\">\r\n                                            <\/i>\r\n                                        <\/div>\r\n                                    <\/a>\r\n                                <\/div>\r\n                                                        <div class=\"col-2 col-lg py-lg-0 px-lg-2 p-1 pe-2 m-1 m-sm-0\" style=\"width:fit !important\">\r\n                                    <a style=\"pointer-events:none\" class=\"link-secondary link-underline-opacity-0 link-underline-opacity-0-hover\" href=\"https:\/\/www.twitter.com\">\r\n                                        <div class=\"square-social p-3 d-flex align-items-center justify-content-center rounded-2\">\r\n                                            <i style=\"line-height: 1;\" class=\"fs-4 fa-brands fa-x-twitter\">\r\n                                            <\/i>\r\n                                        <\/div>\r\n                                    <\/a>\r\n                                <\/div>\r\n                                                        <div class=\"col-2 col-lg py-lg-0 px-lg-2 p-1 pe-2 m-1 m-sm-0\" style=\"width:fit !important\">\r\n                                    <a style=\"pointer-events:none\" class=\"link-secondary link-underline-opacity-0 link-underline-opacity-0-hover\" href=\"https:\/\/www.youtube.com\">\r\n                                        <div class=\"square-social p-3 d-flex align-items-center justify-content-center rounded-2\">\r\n                                            <i style=\"line-height: 1;\" class=\"fs-4 fa-brands fa-youtube\">\r\n                                            <\/i>\r\n                                        <\/div>\r\n                                    <\/a>\r\n                                <\/div>\r\n                                            <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"col-lg-6\">\r\n                <div class=\"p-4 bg-gray rounded-4 w-100\">\r\n                    <div class=\"mb-4 \" style=\"width:fit-content;border-bottom:2px solid #cfcfcf\">\r\n                        <p class=\"fw-bold fs-3\" style=\"color:#666666\">Contact Us<\/p>\r\n                    <\/div>\r\n                    <div>\r\n                        <form onsubmit=\"return false;\">\r\n                            <div class=\"alertContainer\"><\/div>\r\n                            <input type=\"hidden\" name=\"csrf_token\" value=\"141bf0e07e82b8b7bf55b7c334c66f583ca677c759676a644c1cddd492f51512\">\r\n                            <input type=\"hidden\" data-field=\"type\" value=\"default\">\r\n                            <div class=\"d-none\" id=\"fn-error\">\r\n                                <p style=\"color:red\">\r\n                                    Please enter first name                                <\/p>\r\n                            <\/div>\r\n                            <div class=\"form-floating mb-3\">\r\n                                <input id=\"fn\" data-field=\"first_name\" autocomplete=\"off\" required type=\"text\" class=\"form-control\" placeholder=\"First name\">\r\n                                <label>First name<\/label>\r\n                            <\/div>\r\n                            <div class=\"d-none\" id=\"ln-error\">\r\n                                <p style=\"color:red\">\r\n                                    Please enter last name                                <\/p>\r\n                            <\/div>\r\n                            <div class=\"form-floating mb-3\">\r\n                                <input id=\"ln\" data-field=\"last_name\" autocomplete=\"off\" required type=\"text\" class=\"form-control\" placeholder=\"Last name\">\r\n                                <label>Last name<\/label>\r\n                            <\/div>\r\n                            <div class=\"d-none\" id=\"email-error\">\r\n                                <p style=\"color:red\">\r\n                                    Please enter a valid email                                <\/p>\r\n                            <\/div>\r\n                            <div class=\"form-floating mb-3\">\r\n                                <input id='contact-email' data-field=\"email\" autocomplete=\"off\" required type=\"email\" class=\"form-control\" placeholder=\"Email\">\r\n                                <label>Email<\/label>\r\n                            <\/div>\r\n                            <div class=\"d-none\" id=\"subject-error\">\r\n                                <p style=\"color:red\">\r\n                                    Please enter a subject                                <\/p>\r\n                            <\/div>\r\n                            <div class=\"form-floating mb-3\">\r\n                                <input id=\"subject\" data-field=\"post_title\" autocomplete=\"off\" required type=\"text\" class=\"form-control\" placeholder=\"Subject\">\r\n                                <label>Subject<\/label>\r\n                            <\/div>\r\n                            <div class=\"card bg-white rounded-2 border-0\">\r\n                                <div class=\"form-floating\">\r\n                                    <textarea data-field=\"description\" autocomplete=\"off\" required class=\"form-control\" rows=\"32\" style=\"height:120px\" placeholder=\"Description\"><\/textarea>\r\n                                    <label>Description<\/label>\r\n                                <\/div>\r\n                                <hr class=\"my-0 mx-4\" \/>\r\n                                <div class=\"p-3\">\r\n                                    <div class=\"row\">\r\n                                        <div class=\"col-1\">\r\n                                            <i class=\"fa-solid fa-paperclip fs-5 nacc-text-primary\"><\/i>\r\n                                        <\/div>\r\n                                        <div class=\"col\">\r\n                                            <p style=\"font-size:12px !important\">Attach images, PDF, Word, Excel and PPT files. Total size must not exceed 5MB<\/p>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                    <div class=\"my-3 w-100\">\r\n                                        <div id=\"attachmentsList\">\r\n                                            <ul class=\"list-group list-group-flush\">\r\n                                            <\/ul>\r\n                                        <\/div>\r\n                                        <input type=\"file\" id=\"attachmentsInput\" multiple accept=\".jpg, .jpeg, .png, .gif, .bmp, .doc, .docx, .ppt, .pptx, .xls, .xlsx, .pdf\" class=\"d-none\">\r\n                                        <button type=\"button\" onclick=\"triggerFileUpload()\" class=\"btn w-100 py-2 rounded-pill btn-outline-secondary\">Upload<\/button>\r\n                                        <div class=\"alert alert-danger d-none my-3\" id=\"fileSizeAlert\" role=\"alert\">\r\n                                            Max file size reached\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n                                <div class=\"p-4 d-flex align-items-center justify-content-end w-100\">\r\n                                    <button onclick=\"submitForm()\" type=\"submit\" class=\"btn btn-primary nacc-btn-primary rounded-pill px-4 w-lg-25 border-0\">\r\n                                        Submit                                    <\/button>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/form>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n<script>\r\n    var files = [];\r\n    var totalFileSize = 0;\r\n\r\n    function triggerFileUpload() {\r\n        $(\"#attachmentsInput\").click();\r\n    }\r\n\r\n    $(\"#attachmentsInput\").on(\"change\", function() {\r\n        handleFileChange(this.files);\r\n    });\r\n\r\n    function handleFileChange(filesArr) {\r\n        document.querySelector(\"#attachmentsList ul\").innerHTML = \"\";\r\n        files = Array.from(filesArr);\r\n        totalFileSize = 0;\r\n        $(\"#fileSizeAlert\").addClass(\"d-none\");\r\n        files.forEach((file, i) => {\r\n            totalFileSize += file.size;\r\n            document.querySelector(\"#attachmentsList ul\").innerHTML += `\r\n                <li class=\"list-group-item nacc-text-primary d-flex justify-content-start align-items-center\" style=\"text-decoration:none;background-color:transparent !important;border:none\">\r\n                    <span role=\"button\" class=\"me-3\" onclick=\"removeFromList(this, ${i})\">\r\n                        <i class=\"fa-solid fa-xmark text-danger\"><\/i>\r\n                    <\/span>\r\n                    ${file.name}\r\n                <\/li>`\r\n        });\r\n    }\r\n\r\n    function removeFromList(button, index) {\r\n        \/\/ totalFileSize = totalFileSize - (files[index].size);\r\n        files = files.slice(0, index).concat(files.slice(index + 1));\r\n        const listItem = button.closest(\"li\");\r\n        listItem.remove();\r\n        handleFileChange(files);\r\n    }\r\n\r\n    function submitForm() {\r\n\r\n        var emailRegex = \/^[A-Za-z0-9._%-]+@[A-Za-z0-9.-]+\\.[A-Za-z]{2,4}$\/;\r\n        isValid = true;\r\n        if ($('#fn').val() == '') {\r\n            $('#fn-error').removeClass('d-none');\r\n            isValid = false;\r\n        } else {\r\n            $('#fn-error').addClass('d-none');\r\n        }\r\n\r\n        if ($('#ln').val() == '') {\r\n            $('#ln-error').removeClass('d-none');\r\n            isValid = false;\r\n        } else {\r\n            $('#ln-error').addClass('d-none');\r\n        }\r\n\r\n        if ($('#subject').val() == '') {\r\n            $('#subject-error').removeClass('d-none');\r\n            isValid = false;\r\n        } else {\r\n            $('#subject-error').addClass('d-none');\r\n        }\r\n\r\n\r\n        if (emailRegex.test($(\"#contact-email\").val()) == false) {\r\n            $('#email-error').removeClass('d-none');\r\n            isValid = false;\r\n        } else {\r\n            $('#email-error').addClass('d-none');\r\n        }\r\n\r\n        if (isValid) {\r\n            $('#email-error').addClass('d-none');\r\n            $(\"[type='submit']\").attr(\"disabled\", true);\r\n\r\n            if (totalFileSize > 5000000) {\r\n                $(\"#fileSizeAlert\").removeClass(\"d-none\");\r\n                $(\"[type='submit']\").attr(\"disabled\", false);\r\n                return;\r\n            }\r\n            var formData = new FormData();\r\n            var data = {};\r\n            $(\"[data-field]\").each((i, field) => {\r\n                formData.append(field.getAttribute(\"data-field\"), field.value);\r\n            });\r\n            files.forEach((file, i) => {\r\n                formData.append(\"attachment_\" + i, file);\r\n            })\r\n\r\n            const request = new XMLHttpRequest();\r\n            request.open(\"POST\", 'http:\/\/nacc.gov.lb\/wp-content\/themes\/NACC\/services\/user-form-submit.php');\r\n            request.send(formData);\r\n\r\n            request.onreadystatechange = () => {\r\n                if (request.readyState === 4) {\r\n                    if (request.status === 200) {\r\n                        console.log(request.responseText);\r\n                        if (request.responseText == 'invalid-file') {\r\n                            Swal.fire({\r\n                                icon: 'error',\r\n                                title: \"Invalid File\",\r\n                                text: \"The file(s) is invalid\",\r\n                            });\r\n                        } else {\r\n                            Swal.fire({\r\n                                title: \"Success\",\r\n                                text: \"Your form has been submitted successfully!\",\r\n                                icon: 'success',\r\n                                confirmButtonColor: '#388831',\r\n                                confirmButtonText: 'Ok'\r\n                            });\r\n                            location.reload();\r\n                        }\r\n                    }\r\n                    if (request.status === 500) {\r\n                        Swal.fire({\r\n                            icon: 'error',\r\n                            title: 'Error',\r\n                            text: 'An error has occured',\r\n                        });\r\n                    }\r\n                    $(\"[type='submit']\").removeAttr(\"disabled\");\r\n                    return;\r\n                }\r\n            }\r\n        }\r\n    }\r\n<\/script>\n\n\n<p><\/p>\n\n\n\r\n\r\n<iframe \r\n    src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3311.8948272900384!2d35.4848283!3d33.892362399999996!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x151f174bb2dc66dd%3A0x226453d3968fdd05!2zTmF0aW9uYWwgQW50aS1Db3JydXB0aW9uIENvbW1pc3Npb24g2KfZhNmH2YrYptipINin2YTZiNi32YbZitipINmE2YXZg9in2YHYrdipINin2YTZgdiz2KfYrw!5e0!3m2!1sen!2slb!4v1738149697370!5m2!1sen!2slb\" \r\n    width=\"100%\" \r\n    height=\"450\" \r\n    style=\"border:0; display:block; width:100%; max-width:100%;\" \r\n    allowfullscreen \r\n    loading=\"lazy\" \r\n    referrerpolicy=\"no-referrer-when-downgrade\">\r\n<\/iframe>\r\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"contact-us.php","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0},"acf":[],"_links":{"self":[{"href":"http:\/\/nacc.gov.lb\/en\/wp-json\/wp\/v2\/pages\/810"}],"collection":[{"href":"http:\/\/nacc.gov.lb\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/nacc.gov.lb\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/nacc.gov.lb\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/nacc.gov.lb\/en\/wp-json\/wp\/v2\/comments?post=810"}],"version-history":[{"count":19,"href":"http:\/\/nacc.gov.lb\/en\/wp-json\/wp\/v2\/pages\/810\/revisions"}],"predecessor-version":[{"id":9689,"href":"http:\/\/nacc.gov.lb\/en\/wp-json\/wp\/v2\/pages\/810\/revisions\/9689"}],"wp:attachment":[{"href":"http:\/\/nacc.gov.lb\/en\/wp-json\/wp\/v2\/media?parent=810"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}