{"id":18746,"date":"2023-04-21T09:25:53","date_gmt":"2023-04-21T06:25:53","guid":{"rendered":"https:\/\/camint.wpdev247.com\/contact\/"},"modified":"2024-12-06T11:24:18","modified_gmt":"2024-12-06T09:24:18","slug":"contact","status":"publish","type":"page","link":"https:\/\/aldev.camelotwater.com\/en\/contact\/","title":{"rendered":"CONTACT"},"content":{"rendered":"<section x-data=\"posts\" x-ref=\"postsContainer\" data-layout=\"1\" class=\"relative pb-20 pt-2.5 wp-block-locations\" id=\"alpine-posts-archive\" \ndata-posttype='location'\ndata-getsubcats=\"0\"\ndata-term=\"\"\n>\n    <div class=\"ht-container\">\n        \n        <div class=\"grid grid-cols-1 lg:grid-cols-2 items-center p-6 xl:p-14 gap-x-6\" style=\"background:#efefef;\">\n            <template x-for=\"facete in facetes\">\n    <div class=\"w-full\">\n           \n        <template x-if=\"facete.type == 'search' &#038;&#038; facete.template == 'input'\">\n            <div class=\"flex gap-x-5\">\n                <input type=\"seach\" @change.debounce=\"calculateSearchInput($event.target)\" class=\"border border-2 w-full\" \/>\n                <button type=\"button\" @click.debounce=\"getPosts()\" class=\"bg-blue border-2 border-blue paragraph-300 text-white py-4 px-14 hover:bg-yellow-600 hover:text-black hover:border-yellow-600 transition-all ease-in-out duration-300 font-semibold\">\u0395\u03cd\u03c1\u03b5\u03c3\u03b7<\/button>\n            <\/div>\n        <\/template>\n\n        <template x-if=\"facete.type == 'taxonomy' &#038;&#038; facete.template == 'list'\">\n            <div class=\"flex flex-wrap\">\n                <div class=\"flex w-full font-semibold mb-4 text-lg mt-5 sm:mt-0\">\n                    <span x-text=\"facete.label\"><\/span>\n                <\/div>\n                <ul class=\"mb-0 ml-0 list-none flex w-full flex-col sm:flex-row flex-wrap gap-2\">\n                    <template x-for=\"term in facete.terms\">\n                        <li class=\"mb-0 mr-5 cursor-pointer\">\n                            <div class=\"flex items-center\">\n                                <input :id=\"facete.taxonomy+'-'+term.term_id\" @change.debounce=\"calculateTaxonomy(facete.taxonomy,term)\"\n                                    :checked=\"activeFilters.hasOwnProperty('taxonomies') &#038;&#038; activeFilters.taxonomies.hasOwnProperty(facete.taxonomy) &#038;&#038; activeFilters.taxonomies[facete.taxonomy].includes(term)\"\n                                    type=\"checkbox\" \n                                    value=\"\"\n                                    class=\"cursor-pointer w-5 h-5 bg-[#e3e3e3] border-0 focus:border-0 rounded-full text-[#229E44] focus:ring-0\" style=\"box-shadow: none;\"\/>\n                                <label :for=\"facete.taxonomy+'-'+term.term_id\"\n                                    class=\"cursor-pointer ml-2 text-sm font-medium text-black\" x-text=\"term.name\">\n                                <\/label>\n                            <\/div>\n                        <\/li>\n                    <\/template>\n                <\/ul>\n            <\/div>\n\n        <\/template>  \n\n    <\/div>\n<\/template>\n        <\/div>\n\n        <div class=\"grid grid-cols-1 lg:grid-cols-10 gap-x-4\">\n            <div class=\"lg:col-span-4 py-8\">\n                <div class=\"w-full flex items-center justify-start pb-8\">\n    <div x-cloak x-show=\"!postsLoading\" id=\"alpine-shop-products-counter-wrapper\" class=\"flex items-center justify-end mr-3 text-lg font-bold\">\n        <span class=\"mr-1\">They were found<\/span>\n        <span class=\"alpine-shop-products-counter mr-1\" x-text=\"totalPosts\">0<\/span>\n        <span>Results<\/span>\n    <\/div>\n\n    <div x-show=\"postsLoading\" class=\"items-center flex justify-end\">\n        <div class=\"animate-pulse bg-slate-200 w-52 h-9\"><\/div>\n    <\/div>  \n<\/div>                <template x-if=\"!postsLoading\">\n    <div id=\"alpine-posts-container\" class=\"grid grid-cols-1 overflow-auto custom-scrollbar\" style=\"max-height: 1066px;\">\n    \n        <template x-for=\"(post, index) in posts\">\n            <div class=\"group flex w-full overflow-hidden mb-5 pr-5\">\n                <div class=\"relative h-min\">\n                    <svg  xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"42.501\" height=\"49.567\" viewBox=\"0 0 42.501 49.567\">\n                        <path data-name=\"Path 5929\" d=\"M487.567-466.937,476.1-455.466a4.039,4.039,0,0,1-5.715,0L458.91-466.939a21.164,21.164,0,0,1-6.883-16.959,21.356,21.356,0,0,1,19.872-19.91,21.252,21.252,0,0,1,22.59,21.21A21.167,21.167,0,0,1,487.567-466.937Z\" transform=\"translate(-451.988 503.849)\" fill=\"#3a66b8\"\/>\n                        <circle data-name=\"Ellipse 187\" cx=\"11.272\" cy=\"11.272\" r=\"11.272\" transform=\"translate(9.979 9.026)\" fill=\"#fff\"\/>\n                    <\/svg>\n                    <span x-text=\"Number(index)+Number(1)\" class=\"text-black font-semibold text-sm absolute top-[10px] left-1\/2 transform -translate-x-[50%]\"><\/span>                      \n                <\/div>\n                <div class=\"ml-5\">\n                    <h3 x-on:click=\"showMapHighlight(post.id)\" class=\"cursor-pointer mb-px text-black text-lg font-semibold\" x-text=\"post.name\"><\/h3>\n                    <template x-if=\"post.image != '\/wp-content\/uploads\/woocommerce-placeholder.png'\">\n                        <img :src=\"post.image\" alt=\"Location Image\" class=\"\" \/>\n                    <\/template>\n                    <template x-if=\"post.short_description != null\">\n                        <div class=\"text-black text-base mb-4\" x-html=\"post.short_description\"><\/div>\n                    <\/template>\n                    <template x-if=\"post.address != null\">\n                        <div class=\"flex items-center mb-2 text-base font-bold\">\n                            <svg class=\"shrink-0\" width=\"20px\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" stroke=\"#3a66b8\" stroke-width=\"1\" stroke-linecap=\"round\" stroke-linejoin=\"miter\"><path d=\"M20,10c0,8-8,12-8,12S4,18,4,10a8,8,0,0,1,16,0Z\"><\/path><circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle><\/svg>\n                          <a :href=\"post.address_googlemaps_url\" target=\"_blank\" :title=\"post.address\" x-html=\"post.address\"  class=\"hover:text-blue-light ml-2\"><\/a>\n                    <\/div>\n                    <\/template>\n                    <template x-if=\"post.website_url != null\">\n                        <div class=\"flex items-center mb-2 text-base font-bold\">\n                            <svg width=\"20\" height=\"20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 48 48\">\n                                <g>\n                                    <g>\n                                        <path fill=\"#3a66b8\" d=\"M24 48a24 24 0 1 1 24-24 24 24 0 0 1-24 24zm0-46a22 22 0 1 0 22 22A22 22 0 0 0 24 2z\"\/>\n                                        <path fill=\"#3a66b8\" d=\"M24 48c-7.85 0-14-10.54-14-24S16.15 0 24 0s14 10.54 14 24-6.15 24-14 24zm0-46c-6.62 0-12 9.87-12 22s5.38 22 12 22 12-9.87 12-22S30.62 2 24 2z\"\/>\n                                        <path fill=\"#3a66b8\" d=\"M23 4h2v43h-2z\"\/>\n                                        <path fill=\"#3a66b8\" d=\"M1 23h33v2H1zM37 23h10v2H37zM7 12h37v2H7zM4 34h8v2H4zM16 34h28v2H16z\"\/>\n                                    <\/g>\n                                <\/g>\n                            <\/svg>\n                            <a :href=\"post.website_url\" :title=\"post.website_url\" x-html=\"post.website_url\"  class=\"break-all hover:text-blue-light ml-2\"><\/a>\n                        <\/div>\n                        <\/template>\n                    <template x-if=\"post.phone != null\">\n                    <div class=\"flex items-center mb-2 text-base font-bold\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18.362\" height=\"18.33\" viewBox=\"0 0 18.362 18.33\">\n                            <g transform=\"translate(0.752 0.75)\">\n                              <g data-name=\"Group 1617\" transform=\"translate(-30.057 -24.128)\">\n                                <g data-name=\"Group 1276\" transform=\"translate(30.057 27.899)\">\n                                  <path data-name=\"Path 5619\" d=\"M43.342,41.735c-.157.006-.315.009-.472.009A12.792,12.792,0,0,1,30.058,28.971h0v-.282\" transform=\"translate(-30.057 -28.688)\" fill=\"none\" stroke=\"#3a66b8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"\/>\n                                  <path data-name=\"Path 5620\" d=\"M31.316,34.455,34.2,32.827l-.826-3.78-3.2-.354\" transform=\"translate(-30.076 -28.689)\" fill=\"none\" stroke=\"#3a66b8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"\/>\n                                  <path data-name=\"Path 5621\" d=\"M44.926,43.578,44.59,40.5,40.8,39.715l-1.5,2.767\" transform=\"translate(-31.656 -30.597)\" fill=\"none\" stroke=\"#3a66b8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"\/>\n                                <\/g>\n                                <path data-name=\"Path 6381\" d=\"M39.987,24.128a8.649,8.649,0,0,1,8.649,8.649\" transform=\"translate(-1.719)\" fill=\"none\" stroke=\"#3a66b8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"\/>\n                                <path data-name=\"Path 6382\" d=\"M40.318,28.685a4.658,4.658,0,0,1,4.658,4.658\" transform=\"translate(-1.776 -0.789)\" fill=\"none\" stroke=\"#3a66b8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"\/>\n                              <\/g>\n                            <\/g>\n                          <\/svg>\n                          <a :href=\"'tel:'+post.phone\" title=\"Contact us\" x-html=\"post.phone\"  class=\"hover:text-blue-light ml-2\"><\/a>\n                    <\/div>\n                    <\/template>\n                    <template x-if=\"post.email != null\">\n                    <div class=\"flex items-center mb-2 text-base font-bold\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"17.095\" height=\"15.747\" viewBox=\"0 0 17.095 15.747\">\n                            <g transform=\"translate(1.04 0.819)\">\n                              <path data-name=\"Path 5931\" d=\"M588.029-541.855l-7.253,3.66a.827.827,0,0,1-.756-.005l-6.961-3.63a.033.033,0,0,0-.048.029v8.518a.828.828,0,0,0,.828.828H587.2a.828.828,0,0,0,.828-.828Z\" transform=\"translate(-573.011 546.634)\" fill=\"none\" stroke=\"#3a66b8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"\/>\n                              <path data-name=\"Path 5932\" d=\"M573.02-544.382l6.061-4.3a2.522,2.522,0,0,1,2.926,0l6.016,4.3\" transform=\"translate(-573.015 549.149)\" fill=\"none\" stroke=\"#3a66b8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"\/>\n                            <\/g>\n                          <\/svg>\n                        <a :href=\"'mailto:'+post.email\" title=\"Email us\" x-html=\"post.email\" class=\"hover:text-blue-light ml-2\"><\/a>                      \n                    <\/div>\n                    <\/template>\n                    <template x-if=\"post['opening-hours'] != null\">\n                    <div class=\"opening-hours flex items-center mb-2 text-sm text-[#B2B2B2]\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16.674\" height=\"16.674\" viewBox=\"0 0 16.674 16.674\">\n                            <g transform=\"translate(0.75 0.75)\">\n                              <circle data-name=\"Ellipse 189\" cx=\"7.587\" cy=\"7.587\" r=\"7.587\" fill=\"none\" stroke=\"#b2b2b2\" stroke-width=\"1.5\"\/>\n                              <path data-name=\"Path 5935\" d=\"M270.167-27.08l.041,2.227,2.433,1.979\" transform=\"translate(-262.578 32.563)\" fill=\"none\" stroke=\"#b2b2b2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"\/>\n                            <\/g>\n                          <\/svg>\n                          <span x-html=\"post['opening-hours']\" class=\"ml-2 text-black\"><\/span>\n                    <\/div>\n                    <\/template>\n                <\/div>\n            <\/div>\n        <\/template>\n\n    <\/div>\n<\/template>\n<template x-if=\"postsLoading\">\n    <div id=\"alpine-posts-loader\" class=\"grid grid-cols-1\">\n                    <div class=\"py-4\">\n                <div class=\"animate-pulse bg-slate-200 mb-4 h-40\"><\/div>\n            <\/div>\n                    <div class=\"py-4\">\n                <div class=\"animate-pulse bg-slate-200 mb-4 h-40\"><\/div>\n            <\/div>\n                    <div class=\"py-4\">\n                <div class=\"animate-pulse bg-slate-200 mb-4 h-40\"><\/div>\n            <\/div>\n                    <div class=\"py-4\">\n                <div class=\"animate-pulse bg-slate-200 mb-4 h-40\"><\/div>\n            <\/div>\n                    <div class=\"py-4\">\n                <div class=\"animate-pulse bg-slate-200 mb-4 h-40\"><\/div>\n            <\/div>\n                    <div class=\"py-4\">\n                <div class=\"animate-pulse bg-slate-200 mb-4 h-40\"><\/div>\n            <\/div>\n                    <div class=\"py-4\">\n                <div class=\"animate-pulse bg-slate-200 mb-4 h-40\"><\/div>\n            <\/div>\n                    <div class=\"py-4\">\n                <div class=\"animate-pulse bg-slate-200 mb-4 h-40\"><\/div>\n            <\/div>\n                    <div class=\"py-4\">\n                <div class=\"animate-pulse bg-slate-200 mb-4 h-40\"><\/div>\n            <\/div>\n                    <div class=\"py-4\">\n                <div class=\"animate-pulse bg-slate-200 mb-4 h-40\"><\/div>\n            <\/div>\n                    <div class=\"py-4\">\n                <div class=\"animate-pulse bg-slate-200 mb-4 h-40\"><\/div>\n            <\/div>\n                    <div class=\"py-4\">\n                <div class=\"animate-pulse bg-slate-200 mb-4 h-40\"><\/div>\n            <\/div>\n            <\/div>\n<\/template>\n            <\/div>\n            <div class=\"lg:col-span-6 bg-gray-100\">\n                <div id=\"locations-map\" class=\"aspect-[6\/20] md:[6\/8] xl:aspect-[6\/4]\"><\/div>\n            <\/div>\n        <\/div>\n\n\n    <\/div>\n<\/section>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":5,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-18746","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/aldev.camelotwater.com\/en\/wp-json\/wp\/v2\/pages\/18746","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aldev.camelotwater.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/aldev.camelotwater.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/aldev.camelotwater.com\/en\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/aldev.camelotwater.com\/en\/wp-json\/wp\/v2\/comments?post=18746"}],"version-history":[{"count":0,"href":"https:\/\/aldev.camelotwater.com\/en\/wp-json\/wp\/v2\/pages\/18746\/revisions"}],"wp:attachment":[{"href":"https:\/\/aldev.camelotwater.com\/en\/wp-json\/wp\/v2\/media?parent=18746"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}