TinyRoof \u015eikayet Olu\u015ftur<\/title>\r\n\r\n <style>\r\n\r\n :root {\r\n\r\n --page-bg: #f3f4f8;\r\n\r\n --panel-dark: #25263d;\r\n\r\n --panel-dark-2: #23243a;\r\n\r\n --text-dark: #2e3038;\r\n\r\n --text-muted: #a6a8b1;\r\n\r\n --text-soft: #babcc5;\r\n\r\n --white: #ffffff;\r\n\r\n --line: rgba(255,255,255,0.12);\r\n\r\n --soft-line: #ececef;\r\n\r\n --search-bg: #f7f7f6;\r\n\r\n --brand-start: #6f6af8;\r\n\r\n --brand-end: #6458f4;\r\n\r\n --send: #3ed38e;\r\n\r\n --mic-bg: #eeecf9;\r\n\r\n --mic: #7b68f9;\r\n\r\n }\r\n\r\n\r\n\r\n * {\r\n\r\n box-sizing: border-box;\r\n\r\n }\r\n\r\n\r\n\r\n html, body {\r\n\r\n margin: 0;\r\n\r\n padding: 0;\r\n\r\n height: 100%;\r\n\r\n background: var(--page-bg);\r\n\r\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\r\n\r\n color: var(--text-dark);\r\n\r\n -webkit-font-smoothing: antialiased;\r\n\r\n -moz-osx-font-smoothing: grayscale;\r\n\r\n }\r\n\r\n\r\n\r\n a {\r\n\r\n text-decoration: none;\r\n\r\n color: inherit;\r\n\r\n }\r\n\r\n\r\n\r\n img {\r\n\r\n display: block;\r\n\r\n max-width: 100%;\r\n\r\n }\r\n\r\n\r\n\r\n .trpage {\r\n\r\n display: flex;\r\n flex-direction: row; \/* Yan yana durmalar\u0131n\u0131 zorunlu k\u0131lar *\/\r\n width: 100%;\r\n min-height: 100vh;\r\n overflow-x: hidden; \/* Ta\u015fmay\u0131 engeller *\/\r\n\r\n background: var(--page-bg);\r\n\r\n }\r\n\r\n \r\n\r\n .sidebar {\r\n\r\n width: 30%; \/* %40 yerine %30 yaparak sa\u011f tarafa daha \u00e7ok yer a\u00e7t\u0131k *\/\r\n min-width: 280px; \/* Mobilde patlamamas\u0131 i\u00e7in 430px'den 280px'e d\u00fc\u015f\u00fcrd\u00fck *\/\r\n flex-shrink: 0; \/* Sidebar'\u0131n i\u00e7eri\u011fe g\u00f6re b\u00fcz\u00fclmesini engeller *\/\r\n \/* Di\u011fer stil kodlar\u0131n\u0131z (background, padding vb.) aynen kals\u0131n *\/\r\n\r\n background: linear-gradient(180deg, var(--panel-dark) 0%, var(--panel-dark-2) 100%);\r\n\r\n color: #fff;\r\n\r\n padding: 34px 44px 48px 52px;\r\n\r\n position: relative;\r\n\r\n display: flex;\r\n\r\n flex-direction: column;\r\n\r\n }\r\n\r\n\r\n\r\n .brand {\r\n\r\n display: flex;\r\n\r\n align-items: center;\r\n\r\n gap: 10px;\r\n\r\n }\r\n\r\n\r\n\r\n .brand-mark {\r\n\r\n width: 30px;\r\n\r\n height: 22px;\r\n\r\n flex: 0 0 auto;\r\n\r\n }\r\n\r\n\r\n\r\n .brand-name {\r\n\r\n font-size: 29px;\r\n\r\n line-height: 1;\r\n\r\n font-weight: 500;\r\n\r\n letter-spacing: -0.04em;\r\n\r\n color: #ffffff;\r\n\r\n }\r\n\r\n\r\n\r\n .sidebar-main {\r\n\r\n margin-top: 200px;\r\n\r\n margin-left: 36px;\r\n\r\n max-width: 360px;\r\n\r\n }\r\n\r\n\r\n\r\n .hero-icon {\r\n\r\n width: 88px;\r\n\r\n height: 88px;\r\n\r\n border-radius: 22px;\r\n\r\n background: linear-gradient(135deg, #6f6af8 0%, #6458f4 100%);\r\n\r\n display: flex;\r\n\r\n align-items: center;\r\n\r\n justify-content: center;\r\n\r\n margin-bottom: 26px;\r\n\r\n box-shadow: 0 18px 36px rgba(101,88,245,0.22);\r\n\r\n }\r\n\r\n\r\n\r\n .hero-icon svg {\r\n\r\n width: 46px;\r\n\r\n height: 46px;\r\n\r\n stroke: #ffffff;\r\n\r\n fill: none;\r\n\r\n stroke-width: 2.1;\r\n\r\n stroke-linecap: round;\r\n\r\n stroke-linejoin: round;\r\n\r\n }\r\n\r\n\r\n\r\n .sidebar-title {\r\n\r\n margin: 0;\r\n\r\n font-size: 35px;\r\n\r\n line-height: 1.04;\r\n\r\n font-weight: 500;\r\n\r\n letter-spacing: -0.04em;\r\n\r\n color: #ffffff;\r\n\r\n white-space: nowrap;\r\n\r\n font-family: \"Inter\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\r\n\r\n }\r\n\r\n\r\n\r\n .content {\r\n\r\n flex: 1;\r\n min-width: 0; \/* \u0130\u00e7eri\u011fin sidebar'\u0131 itmesini engeller *\/\r\n \/* Di\u011fer stil kodlar\u0131n\u0131z aynen kals\u0131n *\/\r\n\r\n background: var(--page-bg);\r\n\r\n border-top-left-radius: 34px;\r\n\r\n padding: 31px 54px 42px 74px;\r\n\r\n position: relative;\r\n\r\n overflow: hidden;\r\n\r\n }\r\n \r\n \/* MOB\u0130L \u00d6ZEL AYARI *\/\r\n@media (max-width: 768px) {\r\n .sidebar {display: none !important}}\r\n\r\n\r\n\r\n .topnav {\r\n\r\n display: flex;\r\n\r\n align-items: center;\r\n\r\n gap: 34px;\r\n\r\n color: var(--text-muted);\r\n\r\n font-size: 17px;\r\n\r\n line-height: 1;\r\n\r\n font-weight: 600;\r\n\r\n margin-bottom: 0;\r\n\r\n white-space: nowrap;\r\n\r\n }\r\n\r\n\r\n\r\n .topnav .divider {\r\n\r\n width: 1px;\r\n\r\n height: 28px;\r\n\r\n background: #dddde4;\r\n\r\n margin: 0 2px 0 2px;\r\n\r\n }\r\n\r\n\r\n\r\n .topnav a {\r\n\r\n color: var(--text-muted);\r\n\r\n }\r\n\r\n\r\n\r\n .topnav .trend small {\r\n\r\n font-size: 15px;\r\n\r\n font-weight: 500;\r\n\r\n color: var(--text-muted);\r\n\r\n margin-left: 4px;\r\n\r\n }\r\n\r\n\r\n\r\n .conversation {\r\n\r\n min-height: calc(100vh - 73px);\r\n\r\n position: relative;\r\n\r\n display: flex;\r\n\r\n flex-direction: column;\r\n\r\n flex: 1;\r\n\r\n overflow-y: auto;\r\n\r\n width: 100%; \/* Geni\u015fli\u011fin tamam\u0131n\u0131 kullanmas\u0131n\u0131 sa\u011flar *\/\r\n\r\n }\r\n\r\n\r\n\r\n .message-row {\r\n\r\n padding-top: 152px;\r\n\r\n padding-left: 58px;\r\n\r\n }\r\n\r\n\r\n\r\n .message-bubble {\r\n\r\n width: 448px;\r\n\r\n max-width: calc(100% - 40px);\r\n\r\n background: #fafaf8;\r\n\r\n border-radius: 18px;\r\n\r\n padding: 15px 18px 14px;\r\n\r\n color: #575860;\r\n\r\n font-size: 18px;\r\n\r\n line-height: 1.28;\r\n\r\n font-weight: 400;\r\n\r\n box-shadow: 0 0 0 1px rgba(0,0,0,0.01);\r\n\r\n }\r\n\r\n\r\n\r\n .form-wrap {\r\n\r\n margin-top: auto;\r\n\r\n padding: 0 40px 20px 58px;\r\n\r\n }\r\n\r\n\r\n\r\n .contact-form {\r\n\r\n width: 100%;\r\n\r\n max-width: 920px;\r\n\r\n background: #f9f9f8;\r\n\r\n border-radius: 30px;\r\n\r\n padding: 18px 18px 18px 18px;\r\n\r\n box-shadow: 0 1px 0 rgba(255,255,255,0.9) inset;\r\n\r\n }\r\n\r\n\r\n\r\n .field-row {\r\n\r\n display: grid;\r\n\r\n grid-template-columns: 1fr 1fr;\r\n\r\n gap: 14px;\r\n\r\n margin-bottom: 14px;\r\n\r\n }\r\n\r\n\r\n\r\n .contact-form input,\r\n\r\n .contact-form textarea {\r\n\r\n width: 100%;\r\n\r\n border: none;\r\n\r\n outline: none;\r\n\r\n background: #ffffff;\r\n\r\n border-radius: 18px;\r\n\r\n padding: 16px 18px;\r\n\r\n color: #44454c;\r\n\r\n font-size: 17px;\r\n\r\n font-weight: 400;\r\n\r\n font-family: inherit;\r\n\r\n box-shadow: 0 0 0 1px #ececf0 inset;\r\n\r\n }\r\n\r\n\r\n\r\n .contact-form input::placeholder,\r\n\r\n .contact-form textarea::placeholder {\r\n\r\n color: #b1b3bb;\r\n\r\n }\r\n\r\n\r\n\r\n .contact-form textarea {\r\n\r\n min-height: 150px;\r\n\r\n resize: vertical;\r\n\r\n margin-bottom: 14px;\r\n\r\n line-height: 1.45;\r\n\r\n }\r\n\r\n\r\n\r\n .submit-row {\r\n\r\n display: flex;\r\n\r\n justify-content: flex-end;\r\n\r\n }\r\n\r\n\r\n\r\n .submit-btn {\r\n\r\n border: none;\r\n\r\n outline: none;\r\n\r\n cursor: pointer;\r\n\r\n height: 50px;\r\n\r\n min-width: 150px;\r\n\r\n padding: 0 22px;\r\n\r\n border-radius: 25px;\r\n\r\n background: linear-gradient(135deg, var(--send) 0%, #34c880 100%);\r\n\r\n color: #fff;\r\n\r\n font-size: 16px;\r\n\r\n font-weight: 700;\r\n\r\n display: inline-flex;\r\n\r\n align-items: center;\r\n\r\n justify-content: center;\r\n\r\n gap: 10px;\r\n\r\n box-shadow: 0 10px 24px rgba(62, 211, 142, 0.18);\r\n\r\n }\r\n\r\n\r\n\r\n .submit-btn svg {\r\n\r\n width: 18px;\r\n\r\n height: 18px;\r\n\r\n fill: currentColor;\r\n\r\n flex: 0 0 auto;\r\n\r\n }\r\n\r\n\r\n\r\n @media (max-width: 1200px) {\r\n\r\n .page {\r\n\r\n flex-direction: column;\r\n\r\n }\r\n\r\n\r\n\r\n .sidebar {\r\n\r\n width: 100%;\r\n\r\n min-width: 0;\r\n\r\n padding: 28px 24px 36px;\r\n\r\n }\r\n\r\n\r\n\r\n .sidebar-main {\r\n\r\n margin-top: 60px;\r\n\r\n margin-left: 0;\r\n\r\n max-width: none;\r\n\r\n }\r\n\r\n\r\n\r\n .sidebar-title {\r\n\r\n font-size: 44px;\r\n\r\n }\r\n\r\n\r\n\r\n .content {\r\n\r\n border-top-left-radius: 28px;\r\n\r\n padding: 28px 22px 28px;\r\n\r\n }\r\n\r\n\r\n\r\n .message-row,\r\n\r\n .form-wrap {\r\n\r\n padding-left: 0;\r\n\r\n padding-right: 0;\r\n\r\n }\r\n\r\n\r\n\r\n .field-row {\r\n\r\n grid-template-columns: 1fr;\r\n\r\n }\r\n\r\n }\r\n\r\n\r\n\r\n @media (max-width: 720px) {\r\n\r\n .topnav {\r\n\r\n gap: 16px;\r\n\r\n font-size: 14px;\r\n\r\n flex-wrap: wrap;\r\n\r\n }\r\n\r\n\r\n\r\n .message-row {\r\n\r\n padding-top: 80px;\r\n\r\n }\r\n\r\n\r\n\r\n .message-bubble {\r\n\r\n width: 100%;\r\n\r\n font-size: 16px;\r\n\r\n }\r\n\r\n\r\n\r\n .sidebar-title {\r\n\r\n font-size: 38px;\r\n\r\n }\r\n\r\n\r\n\r\n .hero-icon {\r\n\r\n width: 76px;\r\n\r\n height: 76px;\r\n\r\n }\r\n\r\n }\r\n\r\n <\/style>\r\n\r\n<\/head>\r\n\r\n<body>\r\n\r\n <div class=\"trpage\">\r\n\r\n <aside class=\"sidebar\">\r\n\r\n <div class=\"brand\" aria-label=\"\u015eikayetvar\">\r\n\r\n <div class=\"brand-mark\">\r\n\r\n <svg viewBox=\"0 0 44 34\" width=\"42\" height=\"32\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n\r\n <path d=\"M2 18.8C2 16.3 4.1 14.2 6.6 14.2H15.1L19.8 24.4C20.6 26.1 22.9 26.1 23.7 24.4L31.2 8.4C32 6.8 34.3 6.7 35.1 8.4L42 22.7C42.8 24.3 41.6 26.2 39.8 26.2H19.2C17.4 26.2 15.8 25.2 15 23.7L11.9 18.2H6.6C4.1 18.2 2 16.2 2 13.7V18.8Z\" fill=\"#31D3B5\"\/>\r\n\r\n <path d=\"M17.3 24.8L25.5 6.9C26.2 5.3 28.4 5.2 29.2 6.8L35.6 20C36.5 21.8 35.2 23.9 33.2 23.9H18.6C17.7 23.9 17 24.2 16.5 24.8H17.3Z\" fill=\"#6558F5\" opacity=\"0.92\"\/>\r\n\r\n <\/svg>\r\n\r\n <\/div>\r\n\r\n <div class=\"brand-name\">\u015fikayetvar<\/div>\r\n\r\n <\/div>\r\n\r\n\r\n\r\n <div class=\"sidebar-main\">\r\n\r\n <div class=\"hero-icon\" aria-hidden=\"true\">\r\n\r\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n\r\n <path d=\"M3 21L7.5 20L19 8.5C20 7.5 20 6 19 5C18 4 16.5 4 15.5 5L4 16.5L3 21Z\"\/>\r\n\r\n <path d=\"M14 6L18 10\"\/>\r\n\r\n <\/svg>\r\n\r\n <\/div>\r\n\r\n\r\n\r\n <h1 class=\"sidebar-title\">\u015eikayet Olu\u015ftur<\/h1>\r\n\r\n <\/div>\r\n\r\n <\/aside>\r\n\r\n\r\n\r\n <main class=\"content\">\r\n\r\n <nav class=\"topnav\" aria-label=\"\u00dcst men\u00fc\">\r\n\r\n <a href=\"https:\/\/tinyroof.com.tr\" target=\"_blank\" rel=\"noopener noreferrer\">\u015eikayetler<\/a>\r\n\r\n <a href=\"https:\/\/tinyroof.com.tr\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"trend\">Trend <small>100<\/small><\/a>\r\n\r\n <a href=\"https:\/\/tinyroof.com.tr\" target=\"_blank\" rel=\"noopener noreferrer\">TV<\/a>\r\n\r\n <\/nav>\r\n\r\n\r\n\r\n <section class=\"conversation\">\r\n\r\n <div class=\"message-row\">\r\n\r\n <div class=\"message-bubble\">Merhaba, haz\u0131rsan\u0131z ba\u015flayal\u0131m. Hangi firmayla sorun ya\u015fad\u0131n\u0131z ve tam olarak ne oldu?<\/div>\r\n\r\n <\/div>\r\n\r\n\r\n\r\n <div class=\"form-wrap\">\r\n\r\n <div class=\"mf-form-shortcode\">\r\n\t\t<div\r\n\t\t\tid=\"metform-wrap-16-16\"\r\n\t\t\tclass=\"mf-form-wrapper\"\r\n\t\t\tdata-form-id=\"16\"\r\n\t\t\tdata-action=\"https:\/\/tinyroofsikayet.com\/sikayet\/wp-json\/metform\/v1\/entries\/insert\/16\"\r\n\t\t\tdata-wp-nonce=\"7133473de6\"\r\n\t\t\tdata-form-nonce=\"c8929576b9\"\r\n\t\t\tdata-quiz-summery = \"false\"\r\n\t\t\tdata-save-progress = \"false\"\r\n\t\t\tdata-form-type=\"general-form\"\r\n\t\t\tdata-stop-vertical-effect=\"\"\r\n\t\t\t><\/div>\r\n\r\n\r\n\t\t\r\n\r\n\t\t\t\t<script type=\"text\/mf\" class=\"mf-template\">\r\n\t\t\tfunction controls_data (value){\r\n\t\t\t\tlet currentWrapper = \"mf-response-props-id-16\";\r\n\t\t\t\tlet currentEl = document.getElementById(currentWrapper);\r\n\t\t\t\t\r\n\t\t\t\treturn currentEl ? currentEl.dataset[value] : false\r\n\t\t\t}\r\n\r\n\r\n\t\t\tlet is_edit_mode = '' ? true : false;\r\n\t\t\tlet message_position = controls_data('messageposition') || 'top';\r\n\r\n\t\t\t\r\n\t\t\tlet message_successIcon = controls_data('successicon') || '';\r\n\t\t\tlet message_errorIcon = controls_data('erroricon') || '';\r\n\t\t\tlet message_editSwitch = controls_data('editswitchopen') === 'yes' ? true : false;\r\n\t\t\tlet message_proClass = controls_data('editswitchopen') === 'yes' ? 'mf_pro_activated' : '';\r\n\t\t\t\r\n\t\t\tlet is_dummy_markup = is_edit_mode && message_editSwitch ? true : false;\r\n\r\n\t\t\t\r\n\t\t\treturn html`\r\n\t\t\t\t<form\r\n\t\t\t\t\tclassName=\"metform-form-content\"\r\n\t\t\t\t\tref=${parent.formContainerRef}\r\n\t\t\t\t\tonSubmit=${ validation.handleSubmit( parent.handleFormSubmit ) }\r\n\t\t\t\t\r\n\t\t\t\t\t>\r\n\t\t\t\r\n\t\t\t\r\n\t\t\t\t\t${is_dummy_markup ? message_position === 'top' ? props.ResponseDummyMarkup(message_successIcon, message_proClass) : '' : ''}\r\n\t\t\t\t\t${is_dummy_markup ? ' ' : message_position === 'top' ? props.SubmitResponseMarkup`${parent}${state}${message_successIcon}${message_errorIcon}${message_proClass}` : ''}\r\n\r\n\t\t\t\t\t\r\n\r\n\t\t\t\t\t<div className=\"metform-form-main-wrapper\" key=${'hide-form-after-submit'} ref=${parent.formRef}>\r\n\t\t\t\t\t${html`\r\n\t\t\t\t\t\t\t\t<div data-elementor-type=\"wp-post\" key=\"2\" data-elementor-id=\"16\" className=\"elementor elementor-16\" data-elementor-post-type=\"metform-form\">\n\t\t\t\t<div className=\"elementor-element elementor-element-dea0799 e-flex e-con-boxed e-con e-parent\" data-id=\"dea0799\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div className=\"e-con-inner\">\n\t\t<div className=\"elementor-element elementor-element-5de75c9 e-con-full e-flex e-con e-child\" data-id=\"5de75c9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div className=\"elementor-element elementor-element-80bc02e elementor-widget elementor-widget-mf-text\" data-id=\"80bc02e\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"mf_input_name":"mf-text"}\" data-widget_type=\"mf-text.default\">\n\t\t\t\t\t\r\n\t\t<div className=\"mf-input-wrapper\">\r\n\t\t\t\t\t\t\t<label className=\"mf-input-label\" htmlFor=\"mf-input-text-80bc02e\">\r\n\t\t\t\t\t${ parent.decodeEntities(``) } \t\t\t\t\t<span className=\"mf-input-required-indicator\"><\/span>\r\n\t\t\t\t<\/label>\r\n\t\t\t\r\n\t\t\t<input\r\n\t\t\t\ttype=\"text\"\r\n\t\t\t\tclassName=\"mf-input \"\r\n\t\t\t\tid=\"mf-input-text-80bc02e\"\r\n\t\t\t\tname=\"mf-text\"\r\n\t\t\t\tplaceholder=\"${ parent.decodeEntities(`Ad Soyad`) } \"\r\n\t\t\t\t\t\t\t\t\tonInput=${parent.handleChange}\r\n\t\t\t\t\tonBlur=${parent.handleChange}\r\n\t\t\t\t\taria-invalid=${validation.errors['mf-text'] ? 'true' : 'false'}\r\n\t\t\t\t\tref=${el =>{\r\n\t\t\t\t\t\t\t\t\t\t\t\tparent.activateValidation({\"message\":\"This field is required.\",\"minLength\":1,\"maxLength\":\"\",\"type\":\"none\",\"required\":false,\"expression\":\"null\"}, el)\r\n\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\/>\r\n\r\n\t\t\t\t\t\t\t<${validation.ErrorMessage}\r\n\t\t\t\t\terrors=${validation.errors}\r\n\t\t\t\t\tname=\"mf-text\"\r\n\t\t\t\t\tas=${html`<span className=\"mf-error-message\"><\/span>`}\r\n\t\t\t\t\t\/>\r\n\t\t\t\r\n\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div className=\"elementor-element elementor-element-e7eda86 e-con-full e-flex e-con e-child\" data-id=\"e7eda86\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div className=\"elementor-element elementor-element-4a7a7a9 elementor-widget elementor-widget-mf-telephone\" data-id=\"4a7a7a9\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"mf_input_name":"mf-telephone"}\" data-widget_type=\"mf-telephone.default\">\n\t\t\t\t\t\n\t\t<div className=\"mf-input-wrapper\">\n\t\t\t\t\t\t\t<label className=\"mf-input-label\" htmlFor=\"mf-input-telephone-4a7a7a9\">\n\t\t\t\t\t${ parent.decodeEntities(``) } \t\t\t\t\t<span className=\"mf-input-required-indicator\"><\/span>\n\t\t\t\t<\/label>\n\t\t\t\n\t\t\t<input\n\t\t\t\ttype=\"tel\"\n\t\t\t\tclassName=\"mf-input \"\n\t\t\t\tid=\"mf-input-telephone-4a7a7a9\" \n\t\t\t\tname=\"mf-telephone\"\n\t\t\t\tplaceholder=\"${ parent.decodeEntities(`\u0130leti\u015fim Telefonu`) } \"\n\t\t\t\t\t\t\t\t\tonInput=${parent.handleChange}\n\t\t\t\t\taria-invalid=${validation.errors['mf-telephone'] ? 'true' : 'false'}\n\t\t\t\t\tref=${el => parent.activateValidation({\"message\":\"This field is required.\",\"minLength\":1,\"maxLength\":\"\",\"type\":\"none\",\"required\":false,\"expression\":\"null\"}, el)}\n\t\t\t\t\t\t\t\t\/>\n\t\t\t\n\t\t\t\t\t\t\t<${validation.ErrorMessage}\n\t\t\t\t\terrors=${validation.errors}\n\t\t\t\t\tname=\"mf-telephone\"\n\t\t\t\t\tas=${html`<span className=\"mf-error-message\"><\/span>`}\n\t\t\t\t\t\/>\n\t\t\t\n\t\t\t\n\t\t<\/div>\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div className=\"elementor-element elementor-element-25da04e e-flex e-con-boxed e-con e-parent\" data-id=\"25da04e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div className=\"e-con-inner\">\n\t\t<div className=\"elementor-element elementor-element-09d18b1 e-con-full e-flex e-con e-child\" data-id=\"09d18b1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div className=\"elementor-element elementor-element-ebf10d1 elementor-widget elementor-widget-mf-textarea\" data-id=\"ebf10d1\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"mf_input_name":"mf-textarea"}\" data-widget_type=\"mf-textarea.default\">\n\t\t\t\t\t\r\n\t\t<div className=\"mf-input-wrapper\">\r\n\t\t\t\t\t\t\t<label className=\"mf-input-label\" htmlFor=\"mf-input-text-area-ebf10d1\">\r\n\t\t\t\t\t${ parent.decodeEntities(``) } \t\t\t\t\t<span className=\"mf-input-required-indicator\"><\/span>\r\n\t\t\t\t<\/label>\r\n\t\t\t\r\n\t\t\t<textarea className=\"mf-input mf-textarea \" id=\"mf-input-text-area-ebf10d1\"\r\n\t\t\t\tname=\"mf-textarea\" \r\n\t\t\t\tplaceholder=\"${ parent.decodeEntities(`\u015eikayetinizi buraya yaz\u0131n`) } \"\r\n\t\t\t\tcols=\"30\" rows=\"10\"\r\n\t\t\t\t\t\t\t\t\tonInput=${ parent.handleChange }\r\n\t\t\t\t\taria-invalid=${validation.errors['mf-textarea'] ? 'true' : 'false'}\r\n\t\t\t\t\tref=${ el => parent.activateValidation({\"message\":\"This field is required.\",\"minLength\":1,\"maxLength\":\"\",\"type\":\"none\",\"required\":false,\"expression\":\"null\"}, el)}\r\n\t\t\t\t\t\t\t\t><\/textarea>\r\n\r\n\t\t\t\t\t\t\t<${validation.ErrorMessage}\r\n\t\t\t\t\terrors=${validation.errors}\r\n\t\t\t\t\tname=\"mf-textarea\"\r\n\t\t\t\t\tas=${html`<span className=\"mf-error-message\"><\/span>`}\r\n\t\t\t\t\t\/>\r\n\t\t\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div className=\"elementor-element elementor-element-f4aa422 mf-btn--right elementor-widget elementor-widget-mf-button\" data-id=\"f4aa422\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"mf-button.default\">\n\t\t\t\t\t\t\t<div className=\"mf-btn-wraper \" data-mf-form-conditional-logic-requirement=\"\">\r\n\t\t\t\t\t\t\t<button type=\"submit\" className=\"metform-btn metform-submit-btn \" id=\"\">\r\n\t\t\t\t\t<span>${ parent.decodeEntities(`G\u00f6nder`) } <\/span>\r\n\t\t\t\t\t<svg aria-hidden=\"true\" className=\"e-font-icon-svg e-fas-paper-plane\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M476 3.2L12.5 270.6c-18.1 10.4-15.8 35.6 2.2 43.2L121 358.4l287.3-253.2c5.5-4.9 13.3 2.6 8.6 8.3L176 407v80.5c0 23.6 28.5 32.9 42.5 15.8L282 426l124.6 52.2c14.2 6 30.4-2.9 33-18.2l72-432C515 7.8 493.3-6.8 476 3.2z\"><\/path><\/svg>\t\t\t\t<\/button>\r\n\t\t\t <\/div>\r\n \t\t\t\t<\/div>\n\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\t\t\t\t\t`}\r\n\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t${is_dummy_markup ? message_position === 'bottom' ? props.ResponseDummyMarkup(message_successIcon, message_proClass) : '' : ''}\r\n\t\t\t\t\t${is_dummy_markup ? ' ' : message_position === 'bottom' ? props.SubmitResponseMarkup`${parent}${state}${message_successIcon}${message_errorIcon}${message_proClass}` : ''}\r\n\t\t\t\t\r\n\t\t\t\t<\/form>\r\n\t\t\t`\r\n\t\t<\/script>\r\n\r\n\t\t<\/div>\r\n\r\n\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n <\/main>\r\n\r\n <\/div>\r\n\r\n<\/body>\r\n\r\n<\/html>\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>TinyRoof \u015eikayet Olu\u015ftur \u015fikayetvar \u015eikayet Olu\u015ftur \u015eikayetler Trend 100 TV Merhaba, haz\u0131rsan\u0131z ba\u015flayal\u0131m. Hangi firmayla sorun ya\u015fad\u0131n\u0131z ve tam olarak ne oldu?<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/tinyroofsikayet.com\/sikayet\/wp-json\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tinyroofsikayet.com\/sikayet\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tinyroofsikayet.com\/sikayet\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tinyroofsikayet.com\/sikayet\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tinyroofsikayet.com\/sikayet\/wp-json\/wp\/v2\/comments?post=2"}],"version-history":[{"count":52,"href":"https:\/\/tinyroofsikayet.com\/sikayet\/wp-json\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":94,"href":"https:\/\/tinyroofsikayet.com\/sikayet\/wp-json\/wp\/v2\/pages\/2\/revisions\/94"}],"wp:attachment":[{"href":"https:\/\/tinyroofsikayet.com\/sikayet\/wp-json\/wp\/v2\/media?parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\n\r\n \r\n\r\n \r\n\r\n TinyRoof \u015eikayet Olu\u015ftur<\/title>\r\n\r\n <style>\r\n\r\n :root {\r\n\r\n --page-bg: #f3f4f8;\r\n\r\n --panel-dark: #25263d;\r\n\r\n --panel-dark-2: #23243a;\r\n\r\n --text-dark: #2e3038;\r\n\r\n --text-muted: #a6a8b1;\r\n\r\n --text-soft: #babcc5;\r\n\r\n --white: #ffffff;\r\n\r\n --line: rgba(255,255,255,0.12);\r\n\r\n --soft-line: #ececef;\r\n\r\n --search-bg: #f7f7f6;\r\n\r\n --brand-start: #6f6af8;\r\n\r\n --brand-end: #6458f4;\r\n\r\n --send: #3ed38e;\r\n\r\n --mic-bg: #eeecf9;\r\n\r\n --mic: #7b68f9;\r\n\r\n }\r\n\r\n\r\n\r\n * {\r\n\r\n box-sizing: border-box;\r\n\r\n }\r\n\r\n\r\n\r\n html, body {\r\n\r\n margin: 0;\r\n\r\n padding: 0;\r\n\r\n height: 100%;\r\n\r\n background: var(--page-bg);\r\n\r\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\r\n\r\n color: var(--text-dark);\r\n\r\n -webkit-font-smoothing: antialiased;\r\n\r\n -moz-osx-font-smoothing: grayscale;\r\n\r\n }\r\n\r\n\r\n\r\n a {\r\n\r\n text-decoration: none;\r\n\r\n color: inherit;\r\n\r\n }\r\n\r\n\r\n\r\n img {\r\n\r\n display: block;\r\n\r\n max-width: 100%;\r\n\r\n }\r\n\r\n\r\n\r\n .trpage {\r\n\r\n display: flex;\r\n flex-direction: row; \/* Yan yana durmalar\u0131n\u0131 zorunlu k\u0131lar *\/\r\n width: 100%;\r\n min-height: 100vh;\r\n overflow-x: hidden; \/* Ta\u015fmay\u0131 engeller *\/\r\n\r\n background: var(--page-bg);\r\n\r\n }\r\n\r\n \r\n\r\n .sidebar {\r\n\r\n width: 30%; \/* %40 yerine %30 yaparak sa\u011f tarafa daha \u00e7ok yer a\u00e7t\u0131k *\/\r\n min-width: 280px; \/* Mobilde patlamamas\u0131 i\u00e7in 430px'den 280px'e d\u00fc\u015f\u00fcrd\u00fck *\/\r\n flex-shrink: 0; \/* Sidebar'\u0131n i\u00e7eri\u011fe g\u00f6re b\u00fcz\u00fclmesini engeller *\/\r\n \/* Di\u011fer stil kodlar\u0131n\u0131z (background, padding vb.) aynen kals\u0131n *\/\r\n\r\n background: linear-gradient(180deg, var(--panel-dark) 0%, var(--panel-dark-2) 100%);\r\n\r\n color: #fff;\r\n\r\n padding: 34px 44px 48px 52px;\r\n\r\n position: relative;\r\n\r\n display: flex;\r\n\r\n flex-direction: column;\r\n\r\n }\r\n\r\n\r\n\r\n .brand {\r\n\r\n display: flex;\r\n\r\n align-items: center;\r\n\r\n gap: 10px;\r\n\r\n }\r\n\r\n\r\n\r\n .brand-mark {\r\n\r\n width: 30px;\r\n\r\n height: 22px;\r\n\r\n flex: 0 0 auto;\r\n\r\n }\r\n\r\n\r\n\r\n .brand-name {\r\n\r\n font-size: 29px;\r\n\r\n line-height: 1;\r\n\r\n font-weight: 500;\r\n\r\n letter-spacing: -0.04em;\r\n\r\n color: #ffffff;\r\n\r\n }\r\n\r\n\r\n\r\n .sidebar-main {\r\n\r\n margin-top: 200px;\r\n\r\n margin-left: 36px;\r\n\r\n max-width: 360px;\r\n\r\n }\r\n\r\n\r\n\r\n .hero-icon {\r\n\r\n width: 88px;\r\n\r\n height: 88px;\r\n\r\n border-radius: 22px;\r\n\r\n background: linear-gradient(135deg, #6f6af8 0%, #6458f4 100%);\r\n\r\n display: flex;\r\n\r\n align-items: center;\r\n\r\n justify-content: center;\r\n\r\n margin-bottom: 26px;\r\n\r\n box-shadow: 0 18px 36px rgba(101,88,245,0.22);\r\n\r\n }\r\n\r\n\r\n\r\n .hero-icon svg {\r\n\r\n width: 46px;\r\n\r\n height: 46px;\r\n\r\n stroke: #ffffff;\r\n\r\n fill: none;\r\n\r\n stroke-width: 2.1;\r\n\r\n stroke-linecap: round;\r\n\r\n stroke-linejoin: round;\r\n\r\n }\r\n\r\n\r\n\r\n .sidebar-title {\r\n\r\n margin: 0;\r\n\r\n font-size: 35px;\r\n\r\n line-height: 1.04;\r\n\r\n font-weight: 500;\r\n\r\n letter-spacing: -0.04em;\r\n\r\n color: #ffffff;\r\n\r\n white-space: nowrap;\r\n\r\n font-family: \"Inter\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\r\n\r\n }\r\n\r\n\r\n\r\n .content {\r\n\r\n flex: 1;\r\n min-width: 0; \/* \u0130\u00e7eri\u011fin sidebar'\u0131 itmesini engeller *\/\r\n \/* Di\u011fer stil kodlar\u0131n\u0131z aynen kals\u0131n *\/\r\n\r\n background: var(--page-bg);\r\n\r\n border-top-left-radius: 34px;\r\n\r\n padding: 31px 54px 42px 74px;\r\n\r\n position: relative;\r\n\r\n overflow: hidden;\r\n\r\n }\r\n \r\n \/* MOB\u0130L \u00d6ZEL AYARI *\/\r\n@media (max-width: 768px) {\r\n .sidebar {display: none !important}}\r\n\r\n\r\n\r\n .topnav {\r\n\r\n display: flex;\r\n\r\n align-items: center;\r\n\r\n gap: 34px;\r\n\r\n color: var(--text-muted);\r\n\r\n font-size: 17px;\r\n\r\n line-height: 1;\r\n\r\n font-weight: 600;\r\n\r\n margin-bottom: 0;\r\n\r\n white-space: nowrap;\r\n\r\n }\r\n\r\n\r\n\r\n .topnav .divider {\r\n\r\n width: 1px;\r\n\r\n height: 28px;\r\n\r\n background: #dddde4;\r\n\r\n margin: 0 2px 0 2px;\r\n\r\n }\r\n\r\n\r\n\r\n .topnav a {\r\n\r\n color: var(--text-muted);\r\n\r\n }\r\n\r\n\r\n\r\n .topnav .trend small {\r\n\r\n font-size: 15px;\r\n\r\n font-weight: 500;\r\n\r\n color: var(--text-muted);\r\n\r\n margin-left: 4px;\r\n\r\n }\r\n\r\n\r\n\r\n .conversation {\r\n\r\n min-height: calc(100vh - 73px);\r\n\r\n position: relative;\r\n\r\n display: flex;\r\n\r\n flex-direction: column;\r\n\r\n flex: 1;\r\n\r\n overflow-y: auto;\r\n\r\n width: 100%; \/* Geni\u015fli\u011fin tamam\u0131n\u0131 kullanmas\u0131n\u0131 sa\u011flar *\/\r\n\r\n }\r\n\r\n\r\n\r\n .message-row {\r\n\r\n padding-top: 152px;\r\n\r\n padding-left: 58px;\r\n\r\n }\r\n\r\n\r\n\r\n .message-bubble {\r\n\r\n width: 448px;\r\n\r\n max-width: calc(100% - 40px);\r\n\r\n background: #fafaf8;\r\n\r\n border-radius: 18px;\r\n\r\n padding: 15px 18px 14px;\r\n\r\n color: #575860;\r\n\r\n font-size: 18px;\r\n\r\n line-height: 1.28;\r\n\r\n font-weight: 400;\r\n\r\n box-shadow: 0 0 0 1px rgba(0,0,0,0.01);\r\n\r\n }\r\n\r\n\r\n\r\n .form-wrap {\r\n\r\n margin-top: auto;\r\n\r\n padding: 0 40px 20px 58px;\r\n\r\n }\r\n\r\n\r\n\r\n .contact-form {\r\n\r\n width: 100%;\r\n\r\n max-width: 920px;\r\n\r\n background: #f9f9f8;\r\n\r\n border-radius: 30px;\r\n\r\n padding: 18px 18px 18px 18px;\r\n\r\n box-shadow: 0 1px 0 rgba(255,255,255,0.9) inset;\r\n\r\n }\r\n\r\n\r\n\r\n .field-row {\r\n\r\n display: grid;\r\n\r\n grid-template-columns: 1fr 1fr;\r\n\r\n gap: 14px;\r\n\r\n margin-bottom: 14px;\r\n\r\n }\r\n\r\n\r\n\r\n .contact-form input,\r\n\r\n .contact-form textarea {\r\n\r\n width: 100%;\r\n\r\n border: none;\r\n\r\n outline: none;\r\n\r\n background: #ffffff;\r\n\r\n border-radius: 18px;\r\n\r\n padding: 16px 18px;\r\n\r\n color: #44454c;\r\n\r\n font-size: 17px;\r\n\r\n font-weight: 400;\r\n\r\n font-family: inherit;\r\n\r\n box-shadow: 0 0 0 1px #ececf0 inset;\r\n\r\n }\r\n\r\n\r\n\r\n .contact-form input::placeholder,\r\n\r\n .contact-form textarea::placeholder {\r\n\r\n color: #b1b3bb;\r\n\r\n }\r\n\r\n\r\n\r\n .contact-form textarea {\r\n\r\n min-height: 150px;\r\n\r\n resize: vertical;\r\n\r\n margin-bottom: 14px;\r\n\r\n line-height: 1.45;\r\n\r\n }\r\n\r\n\r\n\r\n .submit-row {\r\n\r\n display: flex;\r\n\r\n justify-content: flex-end;\r\n\r\n }\r\n\r\n\r\n\r\n .submit-btn {\r\n\r\n border: none;\r\n\r\n outline: none;\r\n\r\n cursor: pointer;\r\n\r\n height: 50px;\r\n\r\n min-width: 150px;\r\n\r\n padding: 0 22px;\r\n\r\n border-radius: 25px;\r\n\r\n background: linear-gradient(135deg, var(--send) 0%, #34c880 100%);\r\n\r\n color: #fff;\r\n\r\n font-size: 16px;\r\n\r\n font-weight: 700;\r\n\r\n display: inline-flex;\r\n\r\n align-items: center;\r\n\r\n justify-content: center;\r\n\r\n gap: 10px;\r\n\r\n box-shadow: 0 10px 24px rgba(62, 211, 142, 0.18);\r\n\r\n }\r\n\r\n\r\n\r\n .submit-btn svg {\r\n\r\n width: 18px;\r\n\r\n height: 18px;\r\n\r\n fill: currentColor;\r\n\r\n flex: 0 0 auto;\r\n\r\n }\r\n\r\n\r\n\r\n @media (max-width: 1200px) {\r\n\r\n .page {\r\n\r\n flex-direction: column;\r\n\r\n }\r\n\r\n\r\n\r\n .sidebar {\r\n\r\n width: 100%;\r\n\r\n min-width: 0;\r\n\r\n padding: 28px 24px 36px;\r\n\r\n }\r\n\r\n\r\n\r\n .sidebar-main {\r\n\r\n margin-top: 60px;\r\n\r\n margin-left: 0;\r\n\r\n max-width: none;\r\n\r\n }\r\n\r\n\r\n\r\n .sidebar-title {\r\n\r\n font-size: 44px;\r\n\r\n }\r\n\r\n\r\n\r\n .content {\r\n\r\n border-top-left-radius: 28px;\r\n\r\n padding: 28px 22px 28px;\r\n\r\n }\r\n\r\n\r\n\r\n .message-row,\r\n\r\n .form-wrap {\r\n\r\n padding-left: 0;\r\n\r\n padding-right: 0;\r\n\r\n }\r\n\r\n\r\n\r\n .field-row {\r\n\r\n grid-template-columns: 1fr;\r\n\r\n }\r\n\r\n }\r\n\r\n\r\n\r\n @media (max-width: 720px) {\r\n\r\n .topnav {\r\n\r\n gap: 16px;\r\n\r\n font-size: 14px;\r\n\r\n flex-wrap: wrap;\r\n\r\n }\r\n\r\n\r\n\r\n .message-row {\r\n\r\n padding-top: 80px;\r\n\r\n }\r\n\r\n\r\n\r\n .message-bubble {\r\n\r\n width: 100%;\r\n\r\n font-size: 16px;\r\n\r\n }\r\n\r\n\r\n\r\n .sidebar-title {\r\n\r\n font-size: 38px;\r\n\r\n }\r\n\r\n\r\n\r\n .hero-icon {\r\n\r\n width: 76px;\r\n\r\n height: 76px;\r\n\r\n }\r\n\r\n }\r\n\r\n <\/style>\r\n\r\n<\/head>\r\n\r\n<body>\r\n\r\n <div class=\"trpage\">\r\n\r\n <aside class=\"sidebar\">\r\n\r\n <div class=\"brand\" aria-label=\"\u015eikayetvar\">\r\n\r\n <div class=\"brand-mark\">\r\n\r\n <svg viewBox=\"0 0 44 34\" width=\"42\" height=\"32\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n\r\n <path d=\"M2 18.8C2 16.3 4.1 14.2 6.6 14.2H15.1L19.8 24.4C20.6 26.1 22.9 26.1 23.7 24.4L31.2 8.4C32 6.8 34.3 6.7 35.1 8.4L42 22.7C42.8 24.3 41.6 26.2 39.8 26.2H19.2C17.4 26.2 15.8 25.2 15 23.7L11.9 18.2H6.6C4.1 18.2 2 16.2 2 13.7V18.8Z\" fill=\"#31D3B5\"\/>\r\n\r\n <path d=\"M17.3 24.8L25.5 6.9C26.2 5.3 28.4 5.2 29.2 6.8L35.6 20C36.5 21.8 35.2 23.9 33.2 23.9H18.6C17.7 23.9 17 24.2 16.5 24.8H17.3Z\" fill=\"#6558F5\" opacity=\"0.92\"\/>\r\n\r\n <\/svg>\r\n\r\n <\/div>\r\n\r\n <div class=\"brand-name\">\u015fikayetvar<\/div>\r\n\r\n <\/div>\r\n\r\n\r\n\r\n <div class=\"sidebar-main\">\r\n\r\n <div class=\"hero-icon\" aria-hidden=\"true\">\r\n\r\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n\r\n <path d=\"M3 21L7.5 20L19 8.5C20 7.5 20 6 19 5C18 4 16.5 4 15.5 5L4 16.5L3 21Z\"\/>\r\n\r\n <path d=\"M14 6L18 10\"\/>\r\n\r\n <\/svg>\r\n\r\n <\/div>\r\n\r\n\r\n\r\n <h1 class=\"sidebar-title\">\u015eikayet Olu\u015ftur<\/h1>\r\n\r\n <\/div>\r\n\r\n <\/aside>\r\n\r\n\r\n\r\n <main class=\"content\">\r\n\r\n <nav class=\"topnav\" aria-label=\"\u00dcst men\u00fc\">\r\n\r\n <a href=\"https:\/\/tinyroof.com.tr\" target=\"_blank\" rel=\"noopener noreferrer\">\u015eikayetler<\/a>\r\n\r\n <a href=\"https:\/\/tinyroof.com.tr\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"trend\">Trend <small>100<\/small><\/a>\r\n\r\n <a href=\"https:\/\/tinyroof.com.tr\" target=\"_blank\" rel=\"noopener noreferrer\">TV<\/a>\r\n\r\n <\/nav>\r\n\r\n\r\n\r\n <section class=\"conversation\">\r\n\r\n <div class=\"message-row\">\r\n\r\n <div class=\"message-bubble\">Merhaba, haz\u0131rsan\u0131z ba\u015flayal\u0131m. Hangi firmayla sorun ya\u015fad\u0131n\u0131z ve tam olarak ne oldu?<\/div>\r\n\r\n <\/div>\r\n\r\n\r\n\r\n <div class=\"form-wrap\">\r\n\r\n <div class=\"mf-form-shortcode\">\r\n\t\t<div\r\n\t\t\tid=\"metform-wrap-16-16\"\r\n\t\t\tclass=\"mf-form-wrapper\"\r\n\t\t\tdata-form-id=\"16\"\r\n\t\t\tdata-action=\"https:\/\/tinyroofsikayet.com\/sikayet\/wp-json\/metform\/v1\/entries\/insert\/16\"\r\n\t\t\tdata-wp-nonce=\"7133473de6\"\r\n\t\t\tdata-form-nonce=\"c8929576b9\"\r\n\t\t\tdata-quiz-summery = \"false\"\r\n\t\t\tdata-save-progress = \"false\"\r\n\t\t\tdata-form-type=\"general-form\"\r\n\t\t\tdata-stop-vertical-effect=\"\"\r\n\t\t\t><\/div>\r\n\r\n\r\n\t\t\r\n\r\n\t\t\t\t<script type=\"text\/mf\" class=\"mf-template\">\r\n\t\t\tfunction controls_data (value){\r\n\t\t\t\tlet currentWrapper = \"mf-response-props-id-16\";\r\n\t\t\t\tlet currentEl = document.getElementById(currentWrapper);\r\n\t\t\t\t\r\n\t\t\t\treturn currentEl ? currentEl.dataset[value] : false\r\n\t\t\t}\r\n\r\n\r\n\t\t\tlet is_edit_mode = '' ? true : false;\r\n\t\t\tlet message_position = controls_data('messageposition') || 'top';\r\n\r\n\t\t\t\r\n\t\t\tlet message_successIcon = controls_data('successicon') || '';\r\n\t\t\tlet message_errorIcon = controls_data('erroricon') || '';\r\n\t\t\tlet message_editSwitch = controls_data('editswitchopen') === 'yes' ? true : false;\r\n\t\t\tlet message_proClass = controls_data('editswitchopen') === 'yes' ? 'mf_pro_activated' : '';\r\n\t\t\t\r\n\t\t\tlet is_dummy_markup = is_edit_mode && message_editSwitch ? true : false;\r\n\r\n\t\t\t\r\n\t\t\treturn html`\r\n\t\t\t\t<form\r\n\t\t\t\t\tclassName=\"metform-form-content\"\r\n\t\t\t\t\tref=${parent.formContainerRef}\r\n\t\t\t\t\tonSubmit=${ validation.handleSubmit( parent.handleFormSubmit ) }\r\n\t\t\t\t\r\n\t\t\t\t\t>\r\n\t\t\t\r\n\t\t\t\r\n\t\t\t\t\t${is_dummy_markup ? message_position === 'top' ? props.ResponseDummyMarkup(message_successIcon, message_proClass) : '' : ''}\r\n\t\t\t\t\t${is_dummy_markup ? ' ' : message_position === 'top' ? props.SubmitResponseMarkup`${parent}${state}${message_successIcon}${message_errorIcon}${message_proClass}` : ''}\r\n\r\n\t\t\t\t\t\r\n\r\n\t\t\t\t\t<div className=\"metform-form-main-wrapper\" key=${'hide-form-after-submit'} ref=${parent.formRef}>\r\n\t\t\t\t\t${html`\r\n\t\t\t\t\t\t\t\t<div data-elementor-type=\"wp-post\" key=\"2\" data-elementor-id=\"16\" className=\"elementor elementor-16\" data-elementor-post-type=\"metform-form\">\n\t\t\t\t<div className=\"elementor-element elementor-element-dea0799 e-flex e-con-boxed e-con e-parent\" data-id=\"dea0799\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div className=\"e-con-inner\">\n\t\t<div className=\"elementor-element elementor-element-5de75c9 e-con-full e-flex e-con e-child\" data-id=\"5de75c9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div className=\"elementor-element elementor-element-80bc02e elementor-widget elementor-widget-mf-text\" data-id=\"80bc02e\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"mf_input_name":"mf-text"}\" data-widget_type=\"mf-text.default\">\n\t\t\t\t\t\r\n\t\t<div className=\"mf-input-wrapper\">\r\n\t\t\t\t\t\t\t<label className=\"mf-input-label\" htmlFor=\"mf-input-text-80bc02e\">\r\n\t\t\t\t\t${ parent.decodeEntities(``) } \t\t\t\t\t<span className=\"mf-input-required-indicator\"><\/span>\r\n\t\t\t\t<\/label>\r\n\t\t\t\r\n\t\t\t<input\r\n\t\t\t\ttype=\"text\"\r\n\t\t\t\tclassName=\"mf-input \"\r\n\t\t\t\tid=\"mf-input-text-80bc02e\"\r\n\t\t\t\tname=\"mf-text\"\r\n\t\t\t\tplaceholder=\"${ parent.decodeEntities(`Ad Soyad`) } \"\r\n\t\t\t\t\t\t\t\t\tonInput=${parent.handleChange}\r\n\t\t\t\t\tonBlur=${parent.handleChange}\r\n\t\t\t\t\taria-invalid=${validation.errors['mf-text'] ? 'true' : 'false'}\r\n\t\t\t\t\tref=${el =>{\r\n\t\t\t\t\t\t\t\t\t\t\t\tparent.activateValidation({\"message\":\"This field is required.\",\"minLength\":1,\"maxLength\":\"\",\"type\":\"none\",\"required\":false,\"expression\":\"null\"}, el)\r\n\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\/>\r\n\r\n\t\t\t\t\t\t\t<${validation.ErrorMessage}\r\n\t\t\t\t\terrors=${validation.errors}\r\n\t\t\t\t\tname=\"mf-text\"\r\n\t\t\t\t\tas=${html`<span className=\"mf-error-message\"><\/span>`}\r\n\t\t\t\t\t\/>\r\n\t\t\t\r\n\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div className=\"elementor-element elementor-element-e7eda86 e-con-full e-flex e-con e-child\" data-id=\"e7eda86\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div className=\"elementor-element elementor-element-4a7a7a9 elementor-widget elementor-widget-mf-telephone\" data-id=\"4a7a7a9\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"mf_input_name":"mf-telephone"}\" data-widget_type=\"mf-telephone.default\">\n\t\t\t\t\t\n\t\t<div className=\"mf-input-wrapper\">\n\t\t\t\t\t\t\t<label className=\"mf-input-label\" htmlFor=\"mf-input-telephone-4a7a7a9\">\n\t\t\t\t\t${ parent.decodeEntities(``) } \t\t\t\t\t<span className=\"mf-input-required-indicator\"><\/span>\n\t\t\t\t<\/label>\n\t\t\t\n\t\t\t<input\n\t\t\t\ttype=\"tel\"\n\t\t\t\tclassName=\"mf-input \"\n\t\t\t\tid=\"mf-input-telephone-4a7a7a9\" \n\t\t\t\tname=\"mf-telephone\"\n\t\t\t\tplaceholder=\"${ parent.decodeEntities(`\u0130leti\u015fim Telefonu`) } \"\n\t\t\t\t\t\t\t\t\tonInput=${parent.handleChange}\n\t\t\t\t\taria-invalid=${validation.errors['mf-telephone'] ? 'true' : 'false'}\n\t\t\t\t\tref=${el => parent.activateValidation({\"message\":\"This field is required.\",\"minLength\":1,\"maxLength\":\"\",\"type\":\"none\",\"required\":false,\"expression\":\"null\"}, el)}\n\t\t\t\t\t\t\t\t\/>\n\t\t\t\n\t\t\t\t\t\t\t<${validation.ErrorMessage}\n\t\t\t\t\terrors=${validation.errors}\n\t\t\t\t\tname=\"mf-telephone\"\n\t\t\t\t\tas=${html`<span className=\"mf-error-message\"><\/span>`}\n\t\t\t\t\t\/>\n\t\t\t\n\t\t\t\n\t\t<\/div>\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div className=\"elementor-element elementor-element-25da04e e-flex e-con-boxed e-con e-parent\" data-id=\"25da04e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div className=\"e-con-inner\">\n\t\t<div className=\"elementor-element elementor-element-09d18b1 e-con-full e-flex e-con e-child\" data-id=\"09d18b1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div className=\"elementor-element elementor-element-ebf10d1 elementor-widget elementor-widget-mf-textarea\" data-id=\"ebf10d1\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"mf_input_name":"mf-textarea"}\" data-widget_type=\"mf-textarea.default\">\n\t\t\t\t\t\r\n\t\t<div className=\"mf-input-wrapper\">\r\n\t\t\t\t\t\t\t<label className=\"mf-input-label\" htmlFor=\"mf-input-text-area-ebf10d1\">\r\n\t\t\t\t\t${ parent.decodeEntities(``) } \t\t\t\t\t<span className=\"mf-input-required-indicator\"><\/span>\r\n\t\t\t\t<\/label>\r\n\t\t\t\r\n\t\t\t<textarea className=\"mf-input mf-textarea \" id=\"mf-input-text-area-ebf10d1\"\r\n\t\t\t\tname=\"mf-textarea\" \r\n\t\t\t\tplaceholder=\"${ parent.decodeEntities(`\u015eikayetinizi buraya yaz\u0131n`) } \"\r\n\t\t\t\tcols=\"30\" rows=\"10\"\r\n\t\t\t\t\t\t\t\t\tonInput=${ parent.handleChange }\r\n\t\t\t\t\taria-invalid=${validation.errors['mf-textarea'] ? 'true' : 'false'}\r\n\t\t\t\t\tref=${ el => parent.activateValidation({\"message\":\"This field is required.\",\"minLength\":1,\"maxLength\":\"\",\"type\":\"none\",\"required\":false,\"expression\":\"null\"}, el)}\r\n\t\t\t\t\t\t\t\t><\/textarea>\r\n\r\n\t\t\t\t\t\t\t<${validation.ErrorMessage}\r\n\t\t\t\t\terrors=${validation.errors}\r\n\t\t\t\t\tname=\"mf-textarea\"\r\n\t\t\t\t\tas=${html`<span className=\"mf-error-message\"><\/span>`}\r\n\t\t\t\t\t\/>\r\n\t\t\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div className=\"elementor-element elementor-element-f4aa422 mf-btn--right elementor-widget elementor-widget-mf-button\" data-id=\"f4aa422\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"mf-button.default\">\n\t\t\t\t\t\t\t<div className=\"mf-btn-wraper \" data-mf-form-conditional-logic-requirement=\"\">\r\n\t\t\t\t\t\t\t<button type=\"submit\" className=\"metform-btn metform-submit-btn \" id=\"\">\r\n\t\t\t\t\t<span>${ parent.decodeEntities(`G\u00f6nder`) } <\/span>\r\n\t\t\t\t\t<svg aria-hidden=\"true\" className=\"e-font-icon-svg e-fas-paper-plane\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M476 3.2L12.5 270.6c-18.1 10.4-15.8 35.6 2.2 43.2L121 358.4l287.3-253.2c5.5-4.9 13.3 2.6 8.6 8.3L176 407v80.5c0 23.6 28.5 32.9 42.5 15.8L282 426l124.6 52.2c14.2 6 30.4-2.9 33-18.2l72-432C515 7.8 493.3-6.8 476 3.2z\"><\/path><\/svg>\t\t\t\t<\/button>\r\n\t\t\t <\/div>\r\n \t\t\t\t<\/div>\n\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\t\t\t\t\t`}\r\n\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t${is_dummy_markup ? message_position === 'bottom' ? props.ResponseDummyMarkup(message_successIcon, message_proClass) : '' : ''}\r\n\t\t\t\t\t${is_dummy_markup ? ' ' : message_position === 'bottom' ? props.SubmitResponseMarkup`${parent}${state}${message_successIcon}${message_errorIcon}${message_proClass}` : ''}\r\n\t\t\t\t\r\n\t\t\t\t<\/form>\r\n\t\t\t`\r\n\t\t<\/script>\r\n\r\n\t\t<\/div>\r\n\r\n\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n <\/main>\r\n\r\n <\/div>\r\n\r\n<\/body>\r\n\r\n<\/html>\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>TinyRoof \u015eikayet Olu\u015ftur \u015fikayetvar \u015eikayet Olu\u015ftur \u015eikayetler Trend 100 TV Merhaba, haz\u0131rsan\u0131z ba\u015flayal\u0131m. Hangi firmayla sorun ya\u015fad\u0131n\u0131z ve tam olarak ne oldu?<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/tinyroofsikayet.com\/sikayet\/wp-json\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tinyroofsikayet.com\/sikayet\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tinyroofsikayet.com\/sikayet\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tinyroofsikayet.com\/sikayet\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tinyroofsikayet.com\/sikayet\/wp-json\/wp\/v2\/comments?post=2"}],"version-history":[{"count":52,"href":"https:\/\/tinyroofsikayet.com\/sikayet\/wp-json\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":94,"href":"https:\/\/tinyroofsikayet.com\/sikayet\/wp-json\/wp\/v2\/pages\/2\/revisions\/94"}],"wp:attachment":[{"href":"https:\/\/tinyroofsikayet.com\/sikayet\/wp-json\/wp\/v2\/media?parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}