{"id":217,"date":"2018-08-28T16:54:39","date_gmt":"2018-08-28T14:54:39","guid":{"rendered":"https:\/\/komfort.be\/fr\/?page_id=217"},"modified":"2024-06-17T11:04:09","modified_gmt":"2024-06-17T09:04:09","slug":"contact","status":"publish","type":"page","link":"https:\/\/komfort.be\/fr\/contact\/","title":{"rendered":"Contact"},"content":{"rendered":"<div id=\"pl-217\"  class=\"panel-layout\" ><div id=\"pg-217-0\"  class=\"panel-grid panel-no-style\" ><div id=\"pgc-217-0-0\"  class=\"panel-grid-cell\" ><div id=\"panel-217-0-0-0\" class=\"so-panel widget widget_contact panel-first-child panel-last-child\" data-index=\"0\" ><div class=\"so-widget-contact so-widget-contact-base\">\n<div class=\"contact\" v-if=\"contacts && contacts.osoby\" v-cloak>\n    <div class=\"contact__item contacts__col--region\">\n        <div class=\"contacts__header\">\n            <h4>{{ contacts.tlumaczenia.region}}<\/h4>\n            <p>Quel pays vous int\u00e9resse?<\/p>\n        <\/div>\n\n        <!-- All contacts-->\n        <div class=\"contacts__content\">\n            <div class=\"select-country\" :class=\"{'is-active': contactMenuMobile}\">\n                <div class=\"select-country__selected\" @click=\"toggleActive\">\n<!--                    <p v-if=\"selectedRegion\"> {{ _.find(contacts.regiony, function(o) { return o.id === selectedRegion }).nazwa }} <\/p>-->\n                    <p v-if=\"selectedRegion\"> {{ contacts.regiony.filter(el => el.id === selectedRegion)[0].nazwa }}\n                        {{ contacts.tlumaczenia.europa}}\n                    <\/p>\n\n                <\/div>\n                <ul class=\"select-country__items\" >\n                    <li  v-for=\"region in contacts.regiony \"@click=\"selectRegionMobile(region.id) === activeItemId\">\n                        <img :src=\"region.flaga\" alt=\"Polska\"  >\n                        <span>{{region.nazwa}}<\/span>\n                    <\/li>\n                    <li  @click=\"selectEu(null)\">\n                        <img src=\"https:\/\/komfort.be\/wp-content\/uploads\/2018\/08\/eu.png\" alt=\"EU\">\n                        <span>{{contacts.tlumaczenia.europa}}<\/span>\n                    <\/li>\n                <\/ul>\n            <\/div>\n\n            <!--List of countries-->\n            <div class=\"countries\">\n                <ul class=\"countries__list\">\n                    <li class=\"countries__item\" :class=\"{'is-active': !activeItemId }\"  @click=\"selectRegion(null)\" >\n                        {{contacts.tlumaczenia.europa}}\n                    <\/li>\n                    <li class=\"countries__item\" :class=\"{'is-active': activeItemId === region.id }\" v-for=\"region in contacts.regiony\"  @click=\"selectRegion(region.id)\">\n                        {{ region.nazwa }}\n                    <\/li>\n                <\/ul>\n            <\/div>\n        <\/div>\n    <\/div>\n\n\n    <div class=\"contact__contacts contact__col--contact\">\n        <div class=\"contact__header\">\n            <h4>{{ contacts.tlumaczenia.kontakt}}<\/h4>\n            <p>Liste de nos sp\u00e9cialistes<\/p>\n        <\/div>\n\n        <div class=\"contact__content p-0\">\n            <!-- Single contact -->\n            <div class=\"single-contact\" v-for=\"person in orderedCountries\" v-if=\"person && person.regiony && person.regiony.filter(el => el.id === selectedRegion).length || selectedRegion === null\">\n                <div class=\"single-contact__person\">\n                    <div  v-if=\"person.zdjecie === ''\">\n                        <div class=\"avatar\"  style=\"display: none\">\n                            <img :src=\"person.zdjecie\" alt=\"\">\n                        <\/div>\n                    <\/div>\n                    <div v-else>\n                        <div class=\"avatar\" :style=\"{ 'background-image': 'url(' + person.zdjecie + ')' }\"><\/div>\n                    <\/div>\n\n                    <div class=\"contact-data\">\n                        <div class=\"contact-data__nazwa\">\n                            <h4>{{person.nazwa}}<\/h4>\n                            <div class=\"flags\">\n                                <div class=\"flags__item\" v-for=\"lan in person.jezyki\">\n                                    <img :src=\"lan.flaga\" alt=\"Poland\">\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"contact-data__region\">\n                            <p class=\" contact-data__region contact-data__region--region\">Region: <\/p>\n                            <p v-for=\"region in person.regiony\">{{region.nazwa}}<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"single-contact__phone\">\n                    <div class=\"contact-email\" >\n                        <a href=\"#envelope\" v-smooth-scroll=\"{ duration: 3000 }\" class=\"contact-email__mobile\" @click=\"serviceItem\">\n                        <img @click=\"selectedRecipient = person, contactForm.recipient = Object.keys(contacts.osoby).filter(el => contacts.osoby[el].email === person.email)[0]\" src=\"https:\/\/komfort.be\/fr\/wp-content\/themes\/komfort\/\/assets\/img\/icons\/envelope.png\" alt=\"email\">\n                        <\/a>\n                        <img class=\"contact-email__desktop\" @click=\"selectedRecipient = person, contactForm.recipient = Object.keys(contacts.osoby).filter(el => contacts.osoby[el].email === person.email)[0]\" src=\"https:\/\/komfort.be\/fr\/wp-content\/themes\/komfort\/\/assets\/img\/icons\/envelope.png\" alt=\"email\">\n                    <\/div>\n                    <div class=\"contact-phone\">\n                        <img src=\"https:\/\/komfort.be\/fr\/wp-content\/themes\/komfort\/\/assets\/img\/icons\/phone.png\" alt=\"email\">\n                        <span>{{person.tel}}<\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Contact form -->\n    <div class=\"contact__form contact__col--message\" id=\"envelope\">\n        <div class=\"contact__header\">\n            <h4>{{ contacts.tlumaczenia.tresc}}<\/h4>\n            <p>Formulaire de contact<\/p>\n        <\/div>\n\n        <div class=\"contact__content\">\n\n            <!--Formularz kontaktowy-->\n            <form @submit.prevent=\"sendForm()\" class=\"form\" id=\"contactForm\">\n                <div class=\"form-group\">\n                    <div class=\"recipient\" v-if=\"selectedRecipient\">\n                        <label>{{ contacts.tlumaczenia.odbiorca}}<\/label>\n                        <div class=\"recipient__select\" >\n                            {{ contacts.tlumaczenia.odbiorca}}: <strong> {{ selectedRecipient.nazwa }} <\/strong>\n                            <span @click=\"selectedRecipient = null, contactForm.recipient = null\">x<\/span>\n                            <input type=\"hidden\" name=\"odbiorca\" v-model.trim=\"contactForm.recipient\">\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"form-group md-6\" :class=\"{ 'form-group--error': $v.contactForm.name.$error }\">\n                    <label>{{ contacts.tlumaczenia.imie}}<\/label>\n\n                    <input type=\"text\" v-model.trim=\"contactForm.name\" @input=\"delayTouch($v.contactForm.name)\"  :disabled=\"disableInputBool\">\n\n                    <div class=\"error\" v-if=\"!$v.contactForm.name.minLength && $v.contactForm.name.$error\">\n                        <p> Nombre minimal de caract\u00e8res: {{ $v.contactForm.name.$params.minLength.min }}  <\/p>\n                    <\/div>\n                    <div class=\"error\" v-if=\"!$v.contactForm.name.maxLength && $v.contactForm.name.$error\">\n                        <p> Nombre maximum de caract\u00e8res: {{ $v.contactForm.name.$params.maxLength.max}}  <\/p>\n                    <\/div>\n                <\/div>\n\n\n                <div class=\"form-group md-6\" :class=\"{ 'form-group--error': $v.contactForm.surname.$error }\">\n                    <label>{{ contacts.tlumaczenia.nazwisko}}<\/label>\n                    <input type=\"text\" v-model.trim=\"contactForm.surname\" @input=\"delayTouch($v.contactForm.surname)\"  :disabled=\"disableInputBool\">\n                    <div class=\"error\" v-if=\"!$v.contactForm.surname.minLength && $v.contactForm.surname.$error\">\n                        <p> Nombre minimal de caract\u00e8res: {{ $v.contactForm.surname.$params.minLength.min }}  <\/p>\n                    <\/div>\n                    <div class=\"error\" v-if=\"!$v.contactForm.surname.maxLength && $v.contactForm.surname.$error\">\n                        <p> Nombre maximum de caract\u00e8res: {{ $v.contactForm.surname.$params.maxLength.max}} <\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"form-group md-6\" :class=\"{ 'form-group--error': $v.contactForm.phone.$error }\">\n                    <label>{{ contacts.tlumaczenia.telefon}}<\/label>\n                    <input type=\"text\" v-model.trim=\"contactForm.phone\" @input=\"delayTouch($v.contactForm.phone)\"  :disabled=\"disableInputBool\">\n                    <div class=\"error\" v-if=\"!$v.contactForm.phone.integer && $v.contactForm.phone.$error\">\n                        <p> Entrez un num\u00e9ro de t\u00e9l\u00e9phone <\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"form-group md-6\" :class=\"{ 'form-group--error': $v.contactForm.company.$error }\">\n                    <label>{{ contacts.tlumaczenia.firma}}<\/label>\n                    <input type=\"text\" v-model.trim=\"contactForm.company\" @input=\"delayTouch($v.contactForm.company)\"  :disabled=\"disableInputBool\">\n                    <div class=\"error\" v-if=\"!$v.contactForm.company.minLength && $v.contactForm.company.$error\">\n                        <p> Nombre minimal de caract\u00e8res: {{ $v.contactForm.company.$params.minLength.min }} <\/p>\n                    <\/div>\n                    <div class=\"error\" v-if=\"!$v.contactForm.company.maxLength && $v.contactForm.company.$error\">\n                        <p>  Nombre maximum de caract\u00e8res: {{ $v.contactForm.company.$params.maxLength.max}} <\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"form-group \" :class=\"{ 'form-group--error': $v.contactForm.email.$error }\">\n                    <label>{{ contacts.tlumaczenia.email}}<\/label>\n                    <input type=\"text\" v-model.trim=\"contactForm.email\" @input=\"delayTouch($v.contactForm.email)\" :disabled=\"disableInputBool\">\n                    <div class=\"error\" v-if=\"!$v.contactForm.email.email && $v.contactForm.email.$error\">\n                        <p>  Le courrier \u00e9lectronique n'est pas valide <\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"form-group\" :class=\"{ 'form-group--error': $v.contactForm.message.$error }\">\n                    <label>{{ contacts.tlumaczenia.tresc}}<\/label>\n                    <textarea name=\"\" id=\"\" cols=\"30\" rows=\"5\" v-model.trim=\"contactForm.message\"  @input=\"delayTouch($v.contactForm.message)\"  :disabled=\"disableInputBool\"><\/textarea>\n                    <div class=\"error\" v-if=\"!$v.contactForm.message.minLength && $v.contactForm.message.$error\">\n                        <p>Nombre minimal de caract\u00e8res:{{ $v.contactForm.message.$params.minLength.min }}  <\/p>\n                    <\/div>\n                    <div class=\"error\" v-if=\"!$v.contactForm.message.maxLength && $v.contactForm.message.$error\">\n                        <p>  Nombre maximum de caract\u00e8res: {{ $v.contactForm.message.$params.maxLength.max}}  <\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"form-group form-group--acceptance\" :class=\"{ 'form-group--error': $v.contactForm.acceptance.$error }\">\n                    <label>\n                        <input type=\"checkbox\" v-model.trim=\"contactForm.acceptance\">\n                        {{ contacts.tlumaczenia.zgoda}}\n                        <div class=\"error\" v-if=\"!$v.contactForm.acceptance && $v.contactForm.acceptance.$error\">\n                            <p>  <\/p>\n                        <\/div>\n                    <\/label>\n                <\/div>\n                <transition name=\"fadeMsg\">\n                <p v-if=\"msgStatus\" class=\"send-msg send-msg--success\">\n                    {{ contacts.tlumaczenia.podziekowanie}}\n                <\/p>\n                <\/transition>\n                <div class=\"form-group form-group--submit\">\n                    <button class=\"btn\" type=\"submit\" :disabled=\"disableInputBool\">{{ contacts.tlumaczenia.wyslij}}<\/button>\n                <\/div>\n\n            <\/form>\n        <\/div>\n    <\/div>\n<\/div>\n<\/div><\/div><\/div><\/div><div id=\"pg-217-1\"  class=\"panel-grid panel-has-style\" ><div class=\"siteorigin-panels-stretch panel-row-style panel-row-style-for-217-1\" data-stretch-type=\"full\" ><div id=\"pgc-217-1-0\"  class=\"panel-grid-cell\" ><div id=\"panel-217-1-0-0\" class=\"so-panel widget widget_title panel-first-child\" data-index=\"1\" ><div class=\"so-widget-title so-widget-title-base\">\n<div class=\"title-section  title-section--center\">\n\n\t<p><p>N'h\u00e9sitez pas \u00e0 nous contacter!<\/p>\n<\/p>\n    <h4>NOS BUREAUX<\/h4>\n\n<\/div>\n\n<\/div><\/div><div id=\"panel-217-1-0-1\" class=\"so-panel widget widget_offices panel-last-child\" data-index=\"2\" ><div class=\"panel-widget-style panel-widget-style-for-217-1-0-1\" ><div class=\"so-widget-offices so-widget-offices-base\"><div class=\"container\">\n<div class=\"offices\">\n    <agile :options=\"offices\">\n        \n        <div class=\"offices__slide\">\n            <div class=\"offices__country\">\n                <span>Belgique<\/span>\n            <\/div>\n            <h3>Bureau \u00e0 Bruxelles<\/h3>\n            <div class=\"offices__address\">\n                <span>Rdpt Robert Schuman 11<\/span>\n                <span>1040 Bruxelles<\/span>\n            <\/div>\n        <\/div>\n            \n        <div class=\"offices__slide\">\n            <div class=\"offices__country\">\n                <span>France<\/span>\n            <\/div>\n            <h3>Bureau \u00e0 Paris<\/h3>\n            <div class=\"offices__address\">\n                <span>42 rue Monge<\/span>\n                <span> 75005 Paris<\/span>\n            <\/div>\n        <\/div>\n            \n        <div class=\"offices__slide\">\n            <div class=\"offices__country\">\n                <span>Allemagne<\/span>\n            <\/div>\n            <h3>Bureau \u00e0 Munich<\/h3>\n            <div class=\"offices__address\">\n                <span>T\u00f6lzer Str. 1<\/span>\n                <span>82031 Gr\u00fcnwald<\/span>\n            <\/div>\n        <\/div>\n            \n        <div class=\"offices__slide\">\n            <div class=\"offices__country\">\n                <span>Pologne<\/span>\n            <\/div>\n            <h3>Bureau \u00e0 Rzesz\u00f3w<\/h3>\n            <div class=\"offices__address\">\n                <span>ul. Mochnackiego 25<\/span>\n                <span>35-016 Rzesz\u00f3w<\/span>\n            <\/div>\n        <\/div>\n            \n        <div class=\"offices__slide\">\n            <div class=\"offices__country\">\n                <span>Pologne<\/span>\n            <\/div>\n            <h3>Bureau \u00e0 Bi\u0142goraj<\/h3>\n            <div class=\"offices__address\">\n                <span>u. Krzeszowska 55D<\/span>\n                <span>23-400 Bi\u0142goraj<\/span>\n            <\/div>\n        <\/div>\n            \n        <div class=\"offices__slide\">\n            <div class=\"offices__country\">\n                <span>Pologne<\/span>\n            <\/div>\n            <h3>Si\u00e8ge social<\/h3>\n            <div class=\"offices__address\">\n                <span>ul. Czerniakowska 71<\/span>\n                <span>00-718 Varsovie<\/span>\n            <\/div>\n        <\/div>\n                <\/agile>\n<\/div>\n<\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>{{ contacts.tlumaczenia.region}} Quel pays vous int\u00e9resse? {{ contacts.regiony.filter(el => el.id === selectedRegion)[0].nazwa }} {{ contacts.tlumaczenia.europa}} {{region.nazwa}} {{contacts.tlumaczenia.europa}} {{contacts.tlumaczenia.europa}} {{ region.nazwa }} {{ contacts.tlumaczenia.kontakt}} Liste de nos sp\u00e9cialistes {{person.nazwa}} Region: {{region.nazwa}} {{person.tel}} {{ contacts.tlumaczenia.tresc}} Formulaire de contact {{ contacts.tlumaczenia.odbiorca}} {{ contacts.tlumaczenia.odbiorca}}: {{ selectedRecipient.nazwa }} x {{ contacts.tlumaczenia.imie}} Nombre minimal de caract\u00e8res: {{ $v.contactForm.name.$params.minLength.min }} Nombre maximum [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":1924,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/komfort.be\/fr\/wp-json\/wp\/v2\/pages\/217"}],"collection":[{"href":"https:\/\/komfort.be\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/komfort.be\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/komfort.be\/fr\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/komfort.be\/fr\/wp-json\/wp\/v2\/comments?post=217"}],"version-history":[{"count":44,"href":"https:\/\/komfort.be\/fr\/wp-json\/wp\/v2\/pages\/217\/revisions"}],"predecessor-version":[{"id":1968,"href":"https:\/\/komfort.be\/fr\/wp-json\/wp\/v2\/pages\/217\/revisions\/1968"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/komfort.be\/fr\/wp-json\/wp\/v2\/media\/1924"}],"wp:attachment":[{"href":"https:\/\/komfort.be\/fr\/wp-json\/wp\/v2\/media?parent=217"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}