{"id":5256,"date":"2026-07-03T08:36:38","date_gmt":"2026-07-03T08:36:38","guid":{"rendered":"https:\/\/intrac.lv\/jet-popup\/form-booking-service-gatavais\/"},"modified":"2026-11-03T12:32:29","modified_gmt":"2026-11-03T12:32:29","slug":"form-booking-service-gatavais","status":"publish","type":"jet-popup","link":"https:\/\/intrac.lv\/lv\/jet-popup\/form-booking-service-gatavais\/","title":{"rendered":"Form Booking service gatavais"},"content":{"rendered":"\t\t<div data-elementor-type=\"jet-popup\" data-elementor-id=\"5256\" class=\"elementor elementor-5256 elementor-1823\" data-elementor-post-type=\"jet-popup\">\n\t\t\t\t<div class=\"elementor-element elementor-element-76e54b5 e-flex e-con-boxed e-con e-parent\" data-id=\"76e54b5\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b82fb22 elementor-widget elementor-widget-html\" data-id=\"b82fb22\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\r\n  INTRAC LATVIA \u2014 servisa \/ cenas piepras\u012bjuma forma (Elementor HTML widget popup log\u0101).\r\n  Iesnieg\u0161ana: POST \/wp-json\/intrac\/v1\/service-request\r\n  (wp-content\/mu-plugins\/intrac-service-request.php \u2014 saglab\u0101 wp-admin \"Servisa pieteikumi\"\r\n  un s\u016bta e-pastu caur WP Mail SMTP; sa\u0146\u0113m\u0113ji nor\u0101d\u012bti faila s\u0101kum\u0101).\r\n  Iepriek\u0161\u0113j\u0101 s\u016bt\u012b\u0161ana no p\u0101rl\u016bka aizst\u0101ta ar servera apstr\u0101di 2026-10-14.\r\n-->\r\n\r\n<div id=\"intrac-service-modal\" class=\"intrac-modal\">\r\n  <div class=\"intrac-modal-inner\">\r\n\r\n    <button type=\"button\" class=\"intrac-close\" onclick=\"intracClosePopup(this)\">&times;<\/button>\r\n\r\n    <div class=\"intrac-header\">\r\n      <div>\r\n        <div class=\"intrac-eyebrow\">INTRAC LATVIA<\/div>\r\n        <h2 class=\"intrac-title\">Pieteikt servisu<\/h2>\r\n      <\/div>\r\n      <div class=\"intrac-emergency\">\r\n        <div class=\"intrac-eyebrow\">24\/7 AV\u0100RIJAS DIENESTS<\/div>\r\n        <div class=\"intrac-phone\">+371 67 803 700<\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"intrac-divider\"><\/div>\r\n\r\n    <div class=\"intrac-badges\">\r\n      <span>&#8226; ATBILDE 1 STUNDAS LAIK\u0100<\/span>\r\n      <span>&#8226; 4 FILI\u0100LES LATVIJ\u0100<\/span>\r\n      <span>&#8226; PIEEJAMS MOBILAIS SERVISS<\/span>\r\n    <\/div>\r\n\r\n    <form id=\"intrac-service-form\" class=\"intrac-service-form-js\" novalidate>\r\n      <div class=\"intrac-hp\" aria-hidden=\"true\" style=\"position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden;\">\r\n        <label>M\u0101jaslapa <input type=\"text\" name=\"website\" tabindex=\"-1\" autocomplete=\"off\" value=\"\"><\/label>\r\n      <\/div>\r\n\r\n\r\n      <div class=\"intrac-row\">\r\n        <div class=\"intrac-field\">\r\n          <label for=\"full_name\">V\u0100RDS, UZV\u0100RDS *<\/label>\r\n          <input type=\"text\" id=\"full_name\" name=\"full_name\" placeholder=\"J\u0101nis B\u0113rzi\u0146\u0161\" required>\r\n          <span class=\"intrac-error\" data-for=\"full_name\"><\/span>\r\n        <\/div>\r\n        <div class=\"intrac-field\">\r\n          <label for=\"phone\">T\u0100LRUNIS *<\/label>\r\n          <input type=\"tel\" id=\"phone\" name=\"phone\" placeholder=\"+371 __\" required>\r\n          <span class=\"intrac-error\" data-for=\"phone\"><\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"intrac-row\">\r\n        <div class=\"intrac-field\">\r\n          <label for=\"company\">UZ\u0145\u0112MUMS<\/label>\r\n          <input type=\"text\" id=\"company\" name=\"company\" placeholder=\"Uz\u0146\u0113muma nosaukums\">\r\n        <\/div>\r\n        <div class=\"intrac-field\">\r\n          <label for=\"email\">E-PASTS<\/label>\r\n          <input type=\"email\" id=\"email\" name=\"email\" placeholder=\"you@company.com\">\r\n          <span class=\"intrac-error\" data-for=\"email\"><\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"intrac-row\">\r\n        <div class=\"intrac-field\">\r\n          <label for=\"equipment_type\">TEHNIKAS VEIDS *<\/label>\r\n          <select id=\"equipment_type\" name=\"equipment_type\" required>\r\n            <option value=\"\" selected disabled>Izv\u0113lieties veidu<\/option>\r\n            <option value=\"Forestry\">Me\u017eizstr\u0101de<\/option>\r\n            <option value=\"Construction\">B\u016bvniec\u012bba<\/option>\r\n            <option value=\"Material Handling\">Materi\u0101lu p\u0101rvieto\u0161ana<\/option>\r\n            <option value=\"Agriculture\">Lauksaimniec\u012bba<\/option>\r\n            <option value=\"Other\">Cits<\/option>\r\n          <\/select>\r\n          <span class=\"intrac-error\" data-for=\"equipment_type\"><\/span>\r\n        <\/div>\r\n        <div class=\"intrac-field\">\r\n          <label for=\"location\">ATRA\u0160AN\u0100S VIETA<\/label>\r\n          <select id=\"location\" name=\"location\">\r\n            <option value=\"Riga\" selected>R\u012bga<\/option>\r\n            <option value=\"Saldus\">Saldus<\/option>\r\n            <option value=\"Rezekne\">R\u0113zekne<\/option>\r\n            <option value=\"Valmiera\">Valmiera<\/option>\r\n            <option value=\"On-site (mobile)\">Uz vietas (mobilais)<\/option>\r\n          <\/select>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"intrac-field intrac-full\">\r\n        <label for=\"description\">APRAKSTS<\/label>\r\n        <textarea id=\"description\" name=\"description\" rows=\"4\" placeholder=\"Aprakstiet probl\u0113mu vai nepiecie\u0161amo servisu...\"><\/textarea>\r\n      <\/div>\r\n\r\n      <div id=\"intrac-form-status\" class=\"intrac-status\" style=\"display:none;\"><\/div>\r\n\r\n      <button type=\"submit\" id=\"intrac-submit-btn\" class=\"intrac-submit\">\r\n        <span class=\"btn-label\">NOS\u016aT\u012aT SERVISA PIETEIKUMU &nbsp;&#8594;<\/span>\r\n        <span class=\"btn-loading\" style=\"display:none;\">S\u016aTA...<\/span>\r\n      <\/button>\r\n\r\n    <\/form>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n  .intrac-modal {\r\n    --intrac-navy: #ffffff;\r\n    --intrac-navy-light: #f5f7fa;\r\n    --intrac-blue: #004186;\r\n    --intrac-blue-hover: #002f61;\r\n    --intrac-border: #d7dee8;\r\n    --intrac-text: #0a1a33;\r\n    --intrac-muted: #5a6b8c;\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    background: transparent;\r\n    width: 100%;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .intrac-modal-inner {\r\n    background: var(--intrac-navy);\r\n    width: 100%;\r\n    max-width: 600px;\r\n    margin: 0 auto;\r\n    border-radius: 4px;\r\n    padding: 32px 40px 40px;\r\n    position: relative;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .intrac-close {\r\n    position: absolute;\r\n    top: 18px;\r\n    right: 20px;\r\n    background: none;\r\n    border: none;\r\n    color: var(--intrac-text);\r\n    font-size: 26px;\r\n    line-height: 1;\r\n    cursor: pointer;\r\n    opacity: 0.8;\r\n  }\r\n  .intrac-close:hover { opacity: 1; }\r\n\r\n  .intrac-header {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: flex-start;\r\n    flex-wrap: wrap;\r\n    gap: 12px;\r\n    margin-bottom: 14px;\r\n  }\r\n\r\n  .intrac-eyebrow {\r\n    font-size: 11px;\r\n    letter-spacing: 1.5px;\r\n    color: var(--intrac-muted);\r\n    font-weight: 700;\r\n    margin-bottom: 6px;\r\n  }\r\n\r\n  .intrac-title {\r\n    margin: 0;\r\n    color: var(--intrac-text);\r\n    font-size: 28px;\r\n    font-weight: 800;\r\n  }\r\n\r\n  .intrac-emergency { text-align: right; }\r\n  .intrac-phone {\r\n    color: var(--intrac-text);\r\n    font-weight: 800;\r\n    font-size: 16px;\r\n  }\r\n\r\n  .intrac-divider {\r\n    height: 1px;\r\n    background: var(--intrac-blue);\r\n    opacity: 0.5;\r\n    margin: 10px 0 20px;\r\n  }\r\n\r\n  .intrac-badges {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 20px;\r\n    margin-bottom: 26px;\r\n  }\r\n  .intrac-badges span {\r\n    font-size: 11px;\r\n    letter-spacing: 0.5px;\r\n    color: var(--intrac-muted);\r\n    font-weight: 700;\r\n  }\r\n\r\n  .intrac-row {\r\n    display: flex;\r\n    gap: 16px;\r\n    margin-bottom: 18px;\r\n  }\r\n  .intrac-row .intrac-field { flex: 1; min-width: 0; }\r\n\r\n  .intrac-field { margin-bottom: 18px; }\r\n  .intrac-field.intrac-full { width: 100%; }\r\n\r\n  .intrac-field label {\r\n    display: block;\r\n    font-size: 11px;\r\n    letter-spacing: 1px;\r\n    color: var(--intrac-muted);\r\n    font-weight: 700;\r\n    margin-bottom: 8px;\r\n  }\r\n\r\n  .intrac-field input,\r\n  .intrac-field select,\r\n  .intrac-field textarea {\r\n    width: 100%;\r\n    background: var(--intrac-navy-light);\r\n    border: 1px solid var(--intrac-border);\r\n    color: var(--intrac-text);\r\n    padding: 12px 14px;\r\n    font-size: 14px;\r\n    border-radius: 3px;\r\n    box-sizing: border-box;\r\n    font-family: inherit;\r\n  }\r\n\r\n  .intrac-field input::placeholder,\r\n  .intrac-field textarea::placeholder {\r\n    color: #6f84ad;\r\n  }\r\n\r\n  .intrac-field input:focus,\r\n  .intrac-field select:focus,\r\n  .intrac-field textarea:focus {\r\n    outline: none;\r\n    border-color: var(--intrac-blue);\r\n  }\r\n\r\n  .intrac-field select {\r\n    appearance: none;\r\n    -webkit-appearance: none;\r\n    background-image: url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' width='14' height='9'><path d='M1 1l6 6 6-6' stroke='%235a6b8c' stroke-width='2' fill='none' fill-rule='evenodd'\/><\/svg>\");\r\n    background-repeat: no-repeat;\r\n    background-position: right 14px center;\r\n    padding-right: 36px;\r\n  }\r\n\r\n  .intrac-field textarea { resize: vertical; }\r\n\r\n  .intrac-error {\r\n    display: none;\r\n    color: #ff8080;\r\n    font-size: 12px;\r\n    margin-top: 6px;\r\n  }\r\n  .intrac-field.has-error input,\r\n  .intrac-field.has-error select {\r\n    border-color: #ff5c5c;\r\n  }\r\n  .intrac-field.has-error .intrac-error { display: block; }\r\n\r\n  .intrac-status {\r\n    padding: 12px 14px;\r\n    border-radius: 3px;\r\n    font-size: 13px;\r\n    margin-bottom: 16px;\r\n  }\r\n  .intrac-status.success { background: rgba(30,160,90,0.15); border: 1px solid #2ea55a; color: #7be3a0; }\r\n  .intrac-status.error { background: rgba(200,50,50,0.15); border: 1px solid #c33; color: #ff8f8f; }\r\n\r\n  .intrac-submit {\r\n    width: 100%;\r\n    background: var(--intrac-blue);\r\n    color: #fff;\r\n    border: none;\r\n    padding: 16px;\r\n    font-size: 13px;\r\n    font-weight: 800;\r\n    letter-spacing: 1px;\r\n    border-radius: 3px;\r\n    cursor: pointer;\r\n    transition: background 0.15s ease;\r\n  }\r\n  .intrac-submit:hover { background: var(--intrac-blue-hover); }\r\n  .intrac-submit:disabled { opacity: 0.6; cursor: not-allowed; }\r\n\r\n  @media (max-width: 520px) {\r\n    .intrac-row { flex-direction: column; gap: 0; }\r\n    .intrac-modal-inner { padding: 26px 20px 30px; }\r\n    .intrac-title { font-size: 22px; }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n(function () {\r\n  \/\/ S\u016bta pieteikumu uz servera REST galapunktu (wp-content\/mu-plugins\/intrac-service-request.php),\r\n  \/\/ kas to saglab\u0101 wp-admin \"Servisa pieteikumi\" un nos\u016bta e-pastu caur WP Mail SMTP.\r\n  var ENDPOINT = \"\/wp-json\/intrac\/v1\/service-request\";\r\n  var MSG = {\r\n    full_name: \"L\u016bdzu, ievadiet savu v\u0101rdu.\",\r\n    phone: \"L\u016bdzu, ievadiet t\u0101lru\u0146a numuru.\",\r\n    email: \"L\u016bdzu, ievadiet der\u012bgu e-pasta adresi.\",\r\n    equipment_type: \"L\u016bdzu, izv\u0113lieties tehnikas veidu.\",\r\n    success: \"Paldies! J\u016bsu pieteikums ir nos\u016bt\u012bts. M\u016bsu komanda sazin\u0101sies ar Jums stundas laik\u0101.\",\r\n    error: \"Neizdev\u0101s nos\u016bt\u012bt pieteikumu. L\u016bdzu, m\u0113\u0123iniet v\u0113lreiz vai zvaniet +371 67 803 700.\"\r\n  };\r\n\r\n  \/\/ Aizver to popup logu (JetPopup vai Elementor Pro), kur\u0101 atrodas dotais elements.\r\n  function closePopupFor(el) {\r\n    if (!el || !el.closest) return;\r\n    var jet = el.closest('[id^=\"jet-popup-\"]');\r\n    if (jet && window.jQuery) {\r\n      jQuery(window).trigger({ type: \"jet-popup-close-trigger\", popupData: { popupId: jet.id } });\r\n      return;\r\n    }\r\n    if (el.closest('[data-elementor-type=\"popup\"]')) {\r\n      try {\r\n        if (window.elementorProFrontend && elementorProFrontend.modules && elementorProFrontend.modules.popup) {\r\n          elementorProFrontend.modules.popup.closePopup({}, { target: el });\r\n          return;\r\n        }\r\n      } catch (e) {}\r\n      var modal = el.closest(\".elementor-popup-modal\");\r\n      var btn = modal && modal.querySelector(\".dialog-close-button\");\r\n      if (btn) btn.click();\r\n    }\r\n  }\r\n  window.intracClosePopup = function (el) {\r\n    closePopupFor(el && el.nodeType ? el : document.querySelector(\"form.intrac-service-form-js\"));\r\n  };\r\n\r\n  function bind(form) {\r\n    if (!form || form.getAttribute(\"data-intrac-bound\")) return;\r\n    form.setAttribute(\"data-intrac-bound\", \"1\");\r\n\r\n    var submitBtn = form.querySelector(\".intrac-submit\");\r\n    var btnLabel = submitBtn.querySelector(\".btn-label\");\r\n    var btnLoading = submitBtn.querySelector(\".btn-loading\");\r\n    var statusBox = form.querySelector(\".intrac-status\");\r\n    var startedAt = null;\r\n    var boundAt = Date.now();\r\n\r\n    function field(name) { return form.elements.namedItem(name); }\r\n    function value(name) { var f = field(name); return f ? f.value : \"\"; }\r\n\r\n    function markStart() { if (!startedAt) startedAt = Date.now(); }\r\n    form.addEventListener(\"focusin\", markStart);\r\n    form.addEventListener(\"input\", markStart);\r\n\r\n    function clearErrors() {\r\n      form.querySelectorAll(\".intrac-field\").forEach(function (f) { f.classList.remove(\"has-error\"); });\r\n      form.querySelectorAll(\".intrac-error\").forEach(function (e) { e.textContent = \"\"; });\r\n    }\r\n\r\n    function setError(fieldName, message) {\r\n      var input = field(fieldName);\r\n      var errorEl = form.querySelector('.intrac-error[data-for=\"' + fieldName + '\"]');\r\n      if (!input || !errorEl) return false;\r\n      input.closest(\".intrac-field\").classList.add(\"has-error\");\r\n      errorEl.textContent = message;\r\n      return true;\r\n    }\r\n\r\n    function validate(data) {\r\n      var valid = true;\r\n      if (!data.full_name.trim()) { setError(\"full_name\", MSG.full_name); valid = false; }\r\n      if (!data.phone.trim()) { setError(\"phone\", MSG.phone); valid = false; }\r\n      if (data.email && !\/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(data.email)) { setError(\"email\", MSG.email); valid = false; }\r\n      if (!data.equipment_type) { setError(\"equipment_type\", MSG.equipment_type); valid = false; }\r\n      return valid;\r\n    }\r\n\r\n    function showStatus(type, message) {\r\n      statusBox.style.display = \"block\";\r\n      statusBox.className = \"intrac-status \" + type;\r\n      statusBox.textContent = message;\r\n    }\r\n\r\n    form.addEventListener(\"submit\", function (e) {\r\n      e.preventDefault();\r\n      clearErrors();\r\n      statusBox.style.display = \"none\";\r\n\r\n      var data = {\r\n        full_name: value(\"full_name\"),\r\n        company: value(\"company\"),\r\n        phone: value(\"phone\"),\r\n        email: value(\"email\").trim(),\r\n        equipment_type: value(\"equipment_type\"),\r\n        location: value(\"location\"),\r\n        description: value(\"description\")\r\n      };\r\n\r\n      if (!validate(data)) return;\r\n\r\n      data.website = value(\"website\");\r\n      data.fill_ms = Date.now() - (startedAt || boundAt);\r\n      data.page_url = window.location.href;\r\n\r\n      submitBtn.disabled = true;\r\n      btnLabel.style.display = \"none\";\r\n      btnLoading.style.display = \"inline\";\r\n\r\n      fetch(ENDPOINT, {\r\n        method: \"POST\",\r\n        credentials: \"same-origin\",\r\n        headers: { \"Content-Type\": \"application\/json\", \"Accept\": \"application\/json\" },\r\n        body: JSON.stringify(data)\r\n      })\r\n        .then(function (res) {\r\n          return res.json().catch(function () { return {}; });\r\n        })\r\n        .then(function (json) {\r\n          if (json && json.success) {\r\n            showStatus(\"success\", json.message || MSG.success);\r\n            form.reset();\r\n            if (field(\"location\")) field(\"location\").value = \"Riga\";\r\n            startedAt = null;\r\n            boundAt = Date.now();\r\n            setTimeout(function () { closePopupFor(form); }, 3000);\r\n          } else {\r\n            if (json && json.errors) {\r\n              Object.keys(json.errors).forEach(function (k) { setError(k, json.errors[k]); });\r\n            }\r\n            showStatus(\"error\", (json && json.message) || MSG.error);\r\n          }\r\n        })\r\n        .catch(function (err) {\r\n          console.error(\"Service request error:\", err);\r\n          showStatus(\"error\", MSG.error);\r\n        })\r\n        .finally(function () {\r\n          submitBtn.disabled = false;\r\n          btnLabel.style.display = \"inline\";\r\n          btnLoading.style.display = \"none\";\r\n        });\r\n    });\r\n  }\r\n\r\n  \/\/ Piesaista tikai \u0161\u012b widget formu; ja skripts ievietots dinamiski (popup AJAX),\r\n  \/\/ document.currentScript nav pieejams \u2014 tad piesaista visas v\u0113l nepiesaist\u012bt\u0101s formas.\r\n  var script = document.currentScript;\r\n  var scope = script && script.closest ? script.closest(\".elementor-widget-html\") || script.parentNode : null;\r\n  var own = scope ? scope.querySelector(\"form.intrac-service-form-js\") : null;\r\n  if (own) {\r\n    bind(own);\r\n  } else {\r\n    document.querySelectorAll(\"form.intrac-service-form-js\").forEach(bind);\r\n  }\r\n})();\r\n<\/script>\r\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},"author":1,"template":"","meta":{"_styles":[],"_settings":[]},"class_list":["post-5256","jet-popup","type-jet-popup","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/intrac.lv\/lv\/wp-json\/wp\/v2\/jet-popup\/5256","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/intrac.lv\/lv\/wp-json\/wp\/v2\/jet-popup"}],"about":[{"href":"https:\/\/intrac.lv\/lv\/wp-json\/wp\/v2\/types\/jet-popup"}],"author":[{"embeddable":true,"href":"https:\/\/intrac.lv\/lv\/wp-json\/wp\/v2\/users\/1"}],"version-history":[{"count":10,"href":"https:\/\/intrac.lv\/lv\/wp-json\/wp\/v2\/jet-popup\/5256\/revisions"}],"predecessor-version":[{"id":5541,"href":"https:\/\/intrac.lv\/lv\/wp-json\/wp\/v2\/jet-popup\/5256\/revisions\/5541"}],"wp:attachment":[{"href":"https:\/\/intrac.lv\/lv\/wp-json\/wp\/v2\/media?parent=5256"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}