{"id":512,"date":"2025-12-06T13:20:58","date_gmt":"2025-12-06T10:20:58","guid":{"rendered":"https:\/\/bestgaraj.com\/?page_id=512"},"modified":"2026-02-07T14:31:48","modified_gmt":"2026-02-07T11:31:48","slug":"servis-randevu","status":"publish","type":"page","link":"https:\/\/bestgaraj.com\/index.php\/servis-randevu\/","title":{"rendered":"Servis Randevu"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"512\" class=\"elementor elementor-512\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c898465 e-flex e-con-boxed e-con e-parent\" data-id=\"c898465\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-833fc5c e-flex e-con-boxed e-con e-parent\" data-id=\"833fc5c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f974eec elementor-widget elementor-widget-html\" data-id=\"f974eec\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"tr\">\r\n<head>\r\n  <meta charset=\"utf-8\" \/>\r\n  <meta name=\"viewport\" content=\"width=device-width,initial-scale=1\" \/>\r\n  <title>Servis Randevu Talep Formu<\/title>\r\n  <style>\r\n    \/* --- Genel --- *\/\r\n    :root{\r\n      --primary-1: #4f8cf7;\r\n      --primary-2: #3c73d6;\r\n      --wa: #25D366;\r\n      --mail: #ff8c42;\r\n      --muted: #7a8493;\r\n    }\r\n    *{box-sizing:border-box}\r\n\/**    body{\r\n      font-family: \"Segoe UI\", Tahoma, Geneva, Verdana, sans-serif;\r\n      margin:0;\r\n      padding:24px;\r\n      background: linear-gradient(135deg,#e8edf5,#f5f7fa);\r\n      -webkit-font-smoothing:antialiased;\r\n      -moz-osx-font-smoothing:grayscale;\r\n    }\r\n*\/\r\n    .container{\r\n      max-width:980px;\r\n      margin:0 auto;\r\n      background:linear-gradient(180deg, rgba(255,255,255,0.98), #fff);\r\n      padding:28px;\r\n      border-radius:16px;\r\n      box-shadow: 0 12px 40px rgba(28,44,86,0.08);\r\n    }\r\n\r\n    h2{ text-align:center; margin:0 0 18px; font-size:28px; color:#162038; }\r\n    h3{ grid-column:1\/-1; margin:14px 0 6px; font-size:18px; color:#fff;\r\n         padding:10px 12px; border-radius:10px;\r\n         background: linear-gradient(90deg,var(--primary-1),var(--primary-2));\r\n         display:flex; align-items:center; gap:8px; font-weight:700;\r\n    }\r\n\r\n    form{\r\n      display:grid;\r\n      grid-template-columns: 1fr 1fr;\r\n      gap:18px;\r\n    }\r\n\r\n    .form-group{ display:flex; flex-direction:column; }\r\n    label{ font-weight:600; margin-bottom:6px; color:#243040; font-size:14px; }\r\n    input, textarea, select{\r\n      padding:10px 12px;\r\n      border-radius:10px;\r\n      border:1px solid #d1d9e6;\r\n      font-size:15px;\r\n      background:#fff;\r\n      transition: box-shadow .16s, border-color .16s, transform .08s;\r\n    }\r\n    input:focus, textarea:focus, select:focus{\r\n      outline:none;\r\n      border-color: var(--primary-1);\r\n      box-shadow: 0 6px 18px rgba(63,124,255,0.12);\r\n      transform: translateY(-1px);\r\n    }\r\n    textarea{ resize:vertical; min-height:86px; }\r\n\r\n    .upload-preview{ display:none; width:100%; max-height:180px; object-fit:contain; margin-top:10px; border-radius:10px; box-shadow: 0 6px 20px rgba(15,30,60,0.08); }\r\n\r\n    \/* Primary button (Randevu Olu\u015ftur) *\/\r\n    .primary-btn{\r\n      grid-column: span 2;\r\n      background: linear-gradient(135deg,var(--primary-1),var(--primary-2));\r\n      color:#fff;\r\n      padding:14px;\r\n      border-radius:12px;\r\n      font-size:17px;\r\n      border:0;\r\n      cursor:pointer;\r\n      font-weight:700;\r\n      box-shadow: 0 10px 26px rgba(63,115,214,0.18);\r\n      transition: transform .18s, box-shadow .18s, opacity .12s;\r\n    }\r\n    .primary-btn:hover{ transform: translateY(-3px); box-shadow: 0 18px 40px rgba(63,115,214,0.22); }\r\n    .primary-btn:active{ transform: translateY(-1px); }\r\n\r\n    \/* Send buttons (WhatsApp \/ Mail) *\/\r\n    .send-buttons{ grid-column: span 2; display:flex; gap:12px; align-items:center; margin-top:4px; }\r\n    .send-btn{ flex:1; padding:10px 12px; border-radius:12px; border:0; font-size:15px; cursor:pointer; color:#fff; font-weight:700; box-shadow: 0 6px 18px rgba(0,0,0,0.06); transition: transform .12s, box-shadow .12s; }\r\n    .send-btn:active{ transform: translateY(0); }\r\n    .send-btn.wa{ background:var(--wa); }\r\n    .send-btn.wa:hover{ filter:brightness(.95); }\r\n    .send-btn.mail{ background:var(--mail); }\r\n    .send-btn.mail:hover{ filter:brightness(.95); }\r\n\r\n    .success{\r\n      grid-column: span 2;\r\n      margin-top:16px;\r\n      padding:14px;\r\n      background: #e9fff0;\r\n      border-left:6px solid #2ecc71;\r\n      border-radius:10px;\r\n      display:none;\r\n      font-weight:600;\r\n      color:#165a2b;\r\n    }\r\n\r\n    \/* Preview modal - Option 3: Gradient background + Elevation Box *\/\r\n    .modal-root{\r\n      position:fixed; inset:0; display:none; z-index:1200;\r\n      align-items:center; justify-content:center;\r\n      \/* gradient background *\/\r\n      background: radial-gradient(circle at 10% 20%, rgba(49,64,128,0.28), transparent 10%),\r\n                  radial-gradient(circle at 90% 80%, rgba(32,64,112,0.28), transparent 12%),\r\n                  linear-gradient(180deg, rgba(6,18,35,0.55), rgba(6,12,25,0.75));\r\n      backdrop-filter: blur(6px) saturate(110%);\r\n    }\r\n    .modal-card{\r\n      width:92%; max-width:520px; border-radius:14px; padding:18px; background:white;\r\n      box-shadow: 0 30px 80px rgba(12,28,60,0.5); color:#102033;\r\n      transform: translateY(8px);\r\n    }\r\n    .modal-header{ display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:10px; }\r\n    .modal-title{ font-weight:800; font-size:18px; display:flex; align-items:center; gap:8px; }\r\n    .modal-body{ font-size:15px; color:#223049; line-height:1.45; }\r\n    .modal-preview-row{ display:flex; gap:12px; margin-top:12px; }\r\n    .modal-actions{ display:flex; gap:10px; margin-top:16px; flex-wrap:wrap; }\r\n\r\n    .modal-close{\r\n      background:transparent; border:0; font-size:20px; cursor:pointer; color:var(--muted);\r\n      padding:6px; border-radius:8px;\r\n    }\r\n    .btn-modal{ padding:10px 12px; border-radius:10px; border:0; font-weight:700; color:#fff; cursor:pointer; }\r\n    .btn-modal.wa{ background:var(--wa); }\r\n    .btn-modal.mail{ background:var(--mail); }\r\n    .btn-modal.both{ background: linear-gradient(90deg,#6a11cb,#2575fc); }\r\n    .btn-modal.cancel{ background:#9aa3b2; }\r\n\r\n    \/* small screens *\/\r\n    @media(max-width:720px){\r\n      .modal-card{ padding:14px; }\r\n      form{ grid-template-columns: 1fr; }\r\n      .modal-preview-row{ flex-direction:column; }\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n\r\n  <div class=\"container\" role=\"main\" aria-labelledby=\"pageTitle\">\r\n    <h2 id=\"pageTitle\">Servis Randevu Talep Formu<\/h2>\r\n\r\n    <form id=\"randevuForm\" autocomplete=\"on\" novalidate>\r\n      <h3>\ud83d\udc64 Ki\u015fisel Bilgiler<\/h3>\r\n\r\n      <div class=\"form-group\">\r\n        <label for=\"ad\">Ad\u0131n\u0131z Soyad\u0131n\u0131z<\/label>\r\n        <input id=\"ad\" name=\"ad\" type=\"text\" required placeholder=\"\u00d6rn: Ahmet Y\u0131lmaz\" \/>\r\n      <\/div>\r\n      <div class=\"form-group\">\r\n        <label for=\"telefon\">Telefon<\/label>\r\n        <input id=\"telefon\" name=\"telefon\" type=\"tel\" required placeholder=\"5xx xxx xx xx\" \/>\r\n      <\/div>\r\n\r\n      <div class=\"form-group\">\r\n        <label for=\"email\">E-posta<\/label>\r\n        <input id=\"email\" name=\"email\" type=\"email\" placeholder=\"ornek@ornek.com\" \/>\r\n      <\/div>\r\n\r\n      <h3>\ud83d\ude97 Otomobil Bilgileri<\/h3>\r\n\r\n      <div class=\"form-group\">\r\n        <label for=\"marka\">Marka<\/label>\r\n        <input id=\"marka\" name=\"marka\" type=\"text\" required placeholder=\"\u00d6rn: Renault\" \/>\r\n      <\/div>\r\n      <div class=\"form-group\">\r\n        <label for=\"model\">Model<\/label>\r\n        <input id=\"model\" name=\"model\" type=\"text\" required placeholder=\"\u00d6rn: Clio\" \/>\r\n      <\/div>\r\n      <div class=\"form-group\">\r\n        <label for=\"yil\">Model Y\u0131l\u0131<\/label>\r\n        <input id=\"yil\" name=\"yil\" type=\"number\" min=\"1900\" max=\"2099\" placeholder=\"2020\" \/>\r\n      <\/div>\r\n      <div class=\"form-group\">\r\n        <label for=\"plaka\">Plaka<\/label>\r\n        <input id=\"plaka\" name=\"plaka\" type=\"text\" placeholder=\"34 ABC 123\" \/>\r\n      <\/div>\r\n      <div class=\"form-group\">\r\n        <label for=\"km\">Kilometre (km)<\/label>\r\n        <input id=\"km\" name=\"km\" type=\"number\" min=\"0\" \/>\r\n      <\/div>\r\n\r\n      <div class=\"form-group\">\r\n        <label for=\"ruhsat\">Ara\u00e7 Ruhsat\u0131 (Foto\u011fraf)<\/label>\r\n        <input id=\"ruhsat\" name=\"ruhsat\" type=\"file\" accept=\"image\/*\" \/>\r\n        <img id=\"preview\" class=\"upload-preview\" alt=\"Ruhsat \u00f6nizleme\" \/>\r\n      <\/div>\r\n\r\n      <h3>\ud83d\udcc5 Randevu Tercihleri<\/h3>\r\n\r\n      <div class=\"form-group\">\r\n        <label for=\"tarih\">Tarih<\/label>\r\n        <input id=\"tarih\" name=\"tarih\" type=\"date\" required \/>\r\n      <\/div>\r\n      <div class=\"form-group\">\r\n        <label for=\"saat\">Saat<\/label>\r\n        <input id=\"saat\" name=\"saat\" type=\"time\" required \/>\r\n      <\/div>\r\n\r\n      <div class=\"form-group\" style=\"grid-column:span 2;\">\r\n        <label for=\"aciklama\">A\u00e7\u0131klama (\u0130ste\u011fe Ba\u011fl\u0131)<\/label>\r\n        <textarea id=\"aciklama\" name=\"aciklama\" rows=\"4\" placeholder=\"Ar\u0131za \/ iste\u011finiz...\"><\/textarea>\r\n      <\/div>\r\n\r\n      <button type=\"submit\" class=\"primary-btn\" id=\"createBtn\" aria-label=\"Randevu Olu\u015ftur\">Randevu Olu\u015ftur<\/button>\r\n\r\n      <div class=\"send-buttons\" aria-hidden=\"true\">\r\n        <button type=\"button\" class=\"send-btn wa\" id=\"waSend\">WhatsApp ile G\u00f6nder<\/button>\r\n        <button type=\"button\" class=\"send-btn mail\" id=\"mailSend\">E-posta G\u00f6nder<\/button>\r\n      <\/div>\r\n\r\n      <div class=\"success\" id=\"successBox\" role=\"status\" aria-live=\"polite\">Randevu talebiniz ba\u015far\u0131yla olu\u015fturuldu!<\/div>\r\n    <\/form>\r\n  <\/div>\r\n\r\n  <!-- Modal (Gradient background + elevation card) -->\r\n  <div id=\"modalRoot\" class=\"modal-root\" role=\"dialog\" aria-modal=\"true\" aria-hidden=\"true\">\r\n    <div class=\"modal-card\" role=\"document\" aria-labelledby=\"modalTitle\">\r\n      <div class=\"modal-header\">\r\n        <div class=\"modal-title\" id=\"modalTitle\">\ud83d\udcc4 Randevu \u00d6n \u0130zlemesi<\/div>\r\n        <button class=\"modal-close\" id=\"modalClose\" aria-label=\"Kapat\">\u2715<\/button>\r\n      <\/div>\r\n\r\n      <div class=\"modal-body\" id=\"modalBody\">\r\n        <!-- \u0130\u00e7erik dinamik olarak eklenecek -->\r\n        <div id=\"previewContent\" class=\"modal-preview-row\"><\/div>\r\n\r\n        <div class=\"modal-actions\" style=\"margin-top:12px;\">\r\n          <button class=\"btn-modal wa\" id=\"btnWa\">WhatsApp ile G\u00f6nder<\/button>\r\n          <button class=\"btn-modal mail\" id=\"btnMail\">E-posta ile G\u00f6nder<\/button>\r\n          <button class=\"btn-modal both\" id=\"btnBoth\">Her \u0130kisi de<\/button>\r\n          <button class=\"btn-modal cancel\" id=\"btnCancel\">\u0130ptal<\/button>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <script>\r\n    \/\/ Element referanslar\u0131\r\n    const form = document.getElementById('randevuForm');\r\n    const ad = document.getElementById('ad');\r\n    const telefon = document.getElementById('telefon');\r\n    const email = document.getElementById('email');\r\n    const marka = document.getElementById('marka');\r\n    const model = document.getElementById('model');\r\n    const yil = document.getElementById('yil');\r\n    const plaka = document.getElementById('plaka');\r\n    const km = document.getElementById('km');\r\n    const ruhsat = document.getElementById('ruhsat');\r\n    const previewImg = document.getElementById('preview');\r\n    const tarih = document.getElementById('tarih');\r\n    const saat = document.getElementById('saat');\r\n    const aciklama = document.getElementById('aciklama');\r\n    const waSend = document.getElementById('waSend');\r\n    const mailSend = document.getElementById('mailSend');\r\n    const successBox = document.getElementById('successBox');\r\n\r\n    const modalRoot = document.getElementById('modalRoot');\r\n    const modalClose = document.getElementById('modalClose');\r\n    const previewContent = document.getElementById('previewContent');\r\n    const btnWa = document.getElementById('btnWa');\r\n    const btnMail = document.getElementById('btnMail');\r\n    const btnBoth = document.getElementById('btnBoth');\r\n    const btnCancel = document.getElementById('btnCancel');\r\n\r\n    let lastMessage = '';\r\n\r\n    \/* -------- Ruhsat \u00f6nizleme -------- *\/\r\n    ruhsat.addEventListener('change', function(){\r\n      const f = this.files && this.files[0];\r\n      if(f){\r\n        previewImg.src = URL.createObjectURL(f);\r\n        previewImg.style.display = 'block';\r\n      } else {\r\n        previewImg.src = '';\r\n        previewImg.style.display = 'none';\r\n      }\r\n    });\r\n\r\n    \/* -------- Mesaj olu\u015fturucu (encode edildi) -------- *\/\r\n    function buildMessage(){\r\n      \/\/ Not: encodeURIComponent t\u00fcm body'yi g\u00fcvenli yapar\r\n      const lines = [];\r\n      lines.push('Servis Randevu Talebi');\r\n      lines.push('');\r\n      lines.push('Ad Soyad: ' + (ad.value || '(Belirtilmedi)'));\r\n      lines.push('Telefon: ' + (telefon.value || '(Belirtilmedi)'));\r\n      if(email.value) lines.push('Email: ' + email.value);\r\n      lines.push('');\r\n      lines.push('Ara\u00e7: ' + (marka.value || '') + ' ' + (model.value || '') + ' (' + (yil.value || '') + ')');\r\n      if(plaka.value) lines.push('Plaka: ' + plaka.value);\r\n      if(km.value) lines.push('Kilometre: ' + km.value);\r\n      lines.push('');\r\n      lines.push('Tarih: ' + (tarih.value || ''));\r\n      lines.push('Saat: ' + (saat.value || ''));\r\n      lines.push('');\r\n      lines.push('A\u00e7\u0131klama: ' + (aciklama.value || '(Belirtilmedi)'));\r\n\r\n      \/\/ join ve encode\r\n      return encodeURIComponent(lines.join('\\n'));\r\n    }\r\n\r\n    \/* -------- Mail g\u00f6nderici -------- *\/\r\n    function sendEmail(encodedMessage){\r\n      const subj = encodeURIComponent('Servis Randevu Talebi');\r\n      \/\/ body zaten encode, ama mailto expects raw characters encoded as well; we can pass encoded string.\r\n      const mailto = `mailto:info@bestgaraj.com?subject=${subj}&body=${encodedMessage}`;\r\n      \/\/ location.href will open mail client\r\n      window.location.href = mailto;\r\n    }\r\n\r\n    \/* -------- WhatsApp g\u00f6nderici -------- *\/\r\n    function sendWhatsApp(encodedMessage){\r\n      const url = `https:\/\/wa.me\/905376850793?text=${encodedMessage}`;\r\n      window.open(url, '_blank');\r\n    }\r\n\r\n    \/* -------- Basit do\u011frulama -------- *\/\r\n    function validateBasic(){\r\n      if(!ad.value || !telefon.value){\r\n        alert('L\u00fctfen ad\u0131n\u0131z\u0131 ve telefon numaran\u0131z\u0131 giriniz.');\r\n        return false;\r\n      }\r\n      if(!tarih.value || !saat.value){\r\n        alert('L\u00fctfen tarih ve saat se\u00e7iniz.');\r\n        return false;\r\n      }\r\n      return true;\r\n    }\r\n\r\n    \/* -------- Modal kontrol fonksiyonlar\u0131 -------- *\/\r\n    function openModal(){\r\n      modalRoot.style.display = 'flex';\r\n      modalRoot.setAttribute('aria-hidden','false');\r\n      \/\/ focus for accessibility\r\n      modalClose.focus();\r\n      \/\/ prevent page scroll\r\n      document.body.style.overflow = 'hidden';\r\n    }\r\n    function closeModal(){\r\n      modalRoot.style.display = 'none';\r\n      modalRoot.setAttribute('aria-hidden','true');\r\n      document.body.style.overflow = '';\r\n    }\r\n\r\n    \/\/ overlay click kapatma (sadece modalRoot, card t\u0131klamalar\u0131 i\u00e7eri kayd\u0131r\u0131lmayacak)\r\n    modalRoot.addEventListener('click', function(e){\r\n      if(e.target === modalRoot) closeModal();\r\n    });\r\n    \/\/ ESC key to close\r\n    document.addEventListener('keydown', function(e){\r\n      if(e.key === 'Escape' && modalRoot.style.display === 'flex') closeModal();\r\n    });\r\n\r\n    \/* -------- Form submit -> \u00f6nizleme modal a\u00e7ma -------- *\/\r\n    form.addEventListener('submit', function(ev){\r\n      ev.preventDefault();\r\n      if(!validateBasic()) return;\r\n\r\n      \/\/ Build encoded message for senders\r\n      lastMessage = buildMessage();\r\n\r\n      \/\/ Build friendly HTML preview (not encoded)\r\n      const html = `\r\n        <div style=\"flex:1\">\r\n          <div><strong>Ad Soyad:<\/strong> ${escapeHtml(ad.value)}<\/div>\r\n          <div><strong>Telefon:<\/strong> ${escapeHtml(telefon.value)}<\/div>\r\n          ${email.value ? `<div><strong>Email:<\/strong> ${escapeHtml(email.value)}<\/div>` : ''}\r\n          <div style=\"height:8px\"><\/div>\r\n          <div><strong>Ara\u00e7:<\/strong> ${escapeHtml(marka.value)} ${escapeHtml(model.value)} ${yil.value ? '('+escapeHtml(yil.value)+')' : ''}<\/div>\r\n          ${plaka.value ? `<div><strong>Plaka:<\/strong> ${escapeHtml(plaka.value)}<\/div>` : ''}\r\n          ${km.value ? `<div><strong>Kilometre:<\/strong> ${escapeHtml(km.value)}<\/div>` : ''}\r\n        <\/div>\r\n        <div style=\"flex:1\">\r\n          <div><strong>Tarih:<\/strong> ${escapeHtml(tarih.value)}<\/div>\r\n          <div><strong>Saat:<\/strong> ${escapeHtml(saat.value)}<\/div>\r\n          <div style=\"height:8px\"><\/div>\r\n          <div><strong>A\u00e7\u0131klama:<\/strong> ${escapeHtml(aciklama.value || '(Belirtilmedi)')}<\/div>\r\n          ${previewImg.src ? `<div style=\"margin-top:10px;\"><strong>Ruhsat \u00d6nizleme:<\/strong><br><img decoding=\"async\" src=\"${previewImg.src}\" style=\"max-width:100%; border-radius:8px; margin-top:8px;\" alt=\"Ruhsat\" \/><\/div>` : ''}\r\n        <\/div>\r\n      `;\r\n      previewContent.innerHTML = html;\r\n      openModal();\r\n    });\r\n\r\n    \/* -------- Modal action buttons -------- *\/\r\n    btnWa.addEventListener('click', function(){\r\n      if(!lastMessage) { alert('\u00d6nce \u00f6nizlemeyi a\u00e7\u0131n.'); return; }\r\n      sendWhatsApp(lastMessage);\r\n      showSuccess('WhatsApp ile g\u00f6nderildi.');\r\n      closeModal();\r\n    });\r\n    btnMail.addEventListener('click', function(){\r\n      if(!lastMessage) { alert('\u00d6nce \u00f6nizlemeyi a\u00e7\u0131n.'); return; }\r\n      sendEmail(lastMessage);\r\n      showSuccess('E-posta ile g\u00f6nderildi.');\r\n      closeModal();\r\n    });\r\n    btnBoth.addEventListener('click', function(){\r\n      if(!lastMessage) { alert('\u00d6nce \u00f6nizlemeyi a\u00e7\u0131n.'); return; }\r\n      sendWhatsApp(lastMessage);\r\n      \/\/ biraz bekle sonra mail (kullan\u0131c\u0131 deneyimi i\u00e7in)\r\n      setTimeout(()=> sendEmail(lastMessage), 650);\r\n      showSuccess('Her iki y\u00f6ntemle g\u00f6nderildi.');\r\n      closeModal();\r\n    });\r\n    btnCancel.addEventListener('click', function(){ closeModal(); });\r\n\r\n    \/\/ modal close button\r\n    modalClose.addEventListener('click', function(){ closeModal(); });\r\n\r\n    \/* -------- Quick send buttons (sayfa i\u00e7indeki) -------- *\/\r\n    waSend.addEventListener('click', function(){\r\n      if(!validateBasic()) return;\r\n      const encoded = buildMessage();\r\n      sendWhatsApp(encoded);\r\n      showSuccess('WhatsApp ile g\u00f6nderildi.');\r\n    });\r\n    mailSend.addEventListener('click', function(){\r\n      if(!validateBasic()) return;\r\n      const encoded = buildMessage();\r\n      sendEmail(encoded);\r\n      showSuccess('E-posta ile g\u00f6nderildi.');\r\n    });\r\n\r\n    \/* -------- Ba\u015far\u0131 bildirimi -------- *\/\r\n    function showSuccess(text){\r\n      successBox.textContent = text;\r\n      successBox.style.display = 'block';\r\n      \/\/ scroll to success on small devices\r\n      successBox.scrollIntoView({behavior:'smooth', block:'center'});\r\n      setTimeout(()=>{ successBox.style.display = 'none'; }, 4200);\r\n    }\r\n\r\n    \/* -------- HTML escape yard\u0131mc\u0131 -------- *\/\r\n    function escapeHtml(s){\r\n      if(!s) return '';\r\n      return String(s)\r\n        .replace(\/&\/g,'&amp;')\r\n        .replace(\/<\/g,'&lt;')\r\n        .replace(\/>\/g,'&gt;')\r\n        .replace(\/\"\/g,'&quot;')\r\n        .replace(\/'\/g,'&#39;');\r\n    }\r\n\r\n    \/\/ End of script\r\n  <\/script>\r\n<\/body>\r\n<\/html>\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","protected":false},"excerpt":{"rendered":"<p>Servis Randevu Talep Formu Servis Randevu Talep Formu \ud83d\udc64 Ki\u015fisel Bilgiler Ad\u0131n\u0131z Soyad\u0131n\u0131z Telefon E-posta \ud83d\ude97 Otomobil Bilgileri Marka Model Model Y\u0131l\u0131 Plaka Kilometre (km) Ara\u00e7 Ruhsat\u0131 (Foto\u011fraf) \ud83d\udcc5 Randevu Tercihleri Tarih Saat A\u00e7\u0131klama (\u0130ste\u011fe Ba\u011fl\u0131) Randevu Olu\u015ftur WhatsApp ile G\u00f6nder E-posta G\u00f6nder Randevu talebiniz ba\u015far\u0131yla olu\u015fturuldu! \ud83d\udcc4 Randevu \u00d6n \u0130zlemesi \u2715 WhatsApp ile G\u00f6nder [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_theme","meta":{"footnotes":""},"class_list":["post-512","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bestgaraj.com\/index.php\/wp-json\/wp\/v2\/pages\/512","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bestgaraj.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bestgaraj.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bestgaraj.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bestgaraj.com\/index.php\/wp-json\/wp\/v2\/comments?post=512"}],"version-history":[{"count":22,"href":"https:\/\/bestgaraj.com\/index.php\/wp-json\/wp\/v2\/pages\/512\/revisions"}],"predecessor-version":[{"id":583,"href":"https:\/\/bestgaraj.com\/index.php\/wp-json\/wp\/v2\/pages\/512\/revisions\/583"}],"wp:attachment":[{"href":"https:\/\/bestgaraj.com\/index.php\/wp-json\/wp\/v2\/media?parent=512"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}