{"id":66,"date":"2026-02-17T11:25:47","date_gmt":"2026-02-17T11:25:47","guid":{"rendered":"https:\/\/bkweb.hu\/?page_id=66"},"modified":"2026-02-17T17:09:32","modified_gmt":"2026-02-17T17:09:32","slug":"idopontfoglalas","status":"publish","type":"page","link":"https:\/\/bkweb.hu\/?page_id=66","title":{"rendered":"Id\u0151pontfoglal\u00e1s"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"hu\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Id\u0151pontfoglal\u00e1s &#8211; BK Web \u00e9s IT<\/title>\n\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/flatpickr\/dist\/flatpickr.min.css\">\n<link rel=\"stylesheet\" type=\"text\/css\" href=\"https:\/\/npmcdn.com\/flatpickr\/dist\/themes\/dark.css\">\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/flatpickr\"><\/script>\n<script src=\"https:\/\/npmcdn.com\/flatpickr\/dist\/l10n\/hu.js\"><\/script>\n\n<style>\n\/* Egyedi z\u00f6ld \u00e9s piros sz\u00ednez\u00e9s a napt\u00e1rba *\/\n.flatpickr-day.szabad-nap {\n    background: rgba(0, 255, 0, 0.1) !important;\n    border-color: #00ff00 !important;\n    color: #00ff00 !important;\n    font-weight: bold;\n}\n.flatpickr-day.szabad-nap:hover {\n    background: #00ff00 !important;\n    color: #000 !important;\n}\n.flatpickr-day.foglalt-nap {\n    background: rgba(255, 0, 0, 0.05) !important;\n    color: #ff4444 !important;\n    text-decoration: line-through;\n}\n<\/style>\n<\/head>\n<body>\n\n<header>\n  <nav class=\"navbar\">\n    <div class=\"logo\">BK Web &#038; IT<\/div>\n    <ul class=\"nav-links\">\n      <li><a href=\"https:\/\/bkweb.hu\/\">Kezd\u0151lap<\/a><\/li>\n      <li><a href=\"https:\/\/bkweb.hu\/?page_id=73\">R\u00f3lam<\/a><\/li>\n      <li><a href=\"https:\/\/bkweb.hu\/?page_id=59\">Webfejleszt\u00e9s<\/a><\/li>\n      <li><a href=\"https:\/\/bkweb.hu\/?page_id=62\">IT seg\u00edts\u00e9gny\u00fajt\u00e1s<\/a><\/li>\n      <li><a href=\"https:\/\/bkweb.hu\/?page_id=64\">Kapcsolat<\/a><\/li>\n    <\/ul>\n    <a href=\"https:\/\/bkweb.hu\/?page_id=66\" class=\"neon-btn active\">Id\u0151pontfoglal\u00e1s<\/a>\n  <\/nav>\n<\/header>\n\n<main>\n  <section class=\"content-section\">\n    <h1>Id\u0151pontfoglal\u00e1s<\/h1>\n    <div class=\"booking-container\">\n      <div class=\"booking-info\">\n        <h3>El\u00e9rhet\u0151 id\u0151s\u00e1vok a napt\u00e1rban:<\/h3>\n        <ul>\n          <li>Keddenk\u00e9nt: 08:00 \u2013 16:00<\/li>\n          <li>P\u00e9ntekenk\u00e9nt: 08:00 \u2013 16:00<\/li>\n          <li>Szombatonk\u00e9nt: 08:00 \u2013 12:00<\/li>\n        <\/ul>\n        <p style=\"margin-top:20px;\">V\u00e1lassza ki a legmegfelel\u0151bb id\u0151pontot, \u00e9s hamarosan felveszem \u00d6nnel a kapcsolatot!<\/p>\n      <\/div>\n      \n      <form class=\"custom-form\" id=\"bookingForm\" method=\"POST\" action=\"https:\/\/bkweb.hu\/wp-admin\/admin-post.php\">\n        <input type=\"hidden\" name=\"action\" value=\"bk_uj_foglalas\">\n        \n        <input type=\"text\" name=\"ugyfel_nev\" placeholder=\"N\u00e9v (K\u00f6telez\u0151)\" required>\n        <input type=\"tel\" name=\"ugyfel_tel\" placeholder=\"Telefonsz\u00e1m (K\u00f6telez\u0151)\" required>\n        <select name=\"ugyfel_ugy\" required>\n          <option value=\"\" disabled selected>Milyen \u00fcgyben keres? (K\u00f6telez\u0151)<\/option>\n          <option value=\"\u00daj weboldal\">\u00daj weboldal k\u00e9sz\u00edt\u00e9se<\/option>\n          <option value=\"IT probl\u00e9ma\">Lass\u00fa sz\u00e1m\u00edt\u00f3g\u00e9p \/ Hardver probl\u00e9ma<\/option>\n          <option value=\"Egy\u00e9b\">Egy\u00e9b probl\u00e9ma<\/option>\n        <\/select>\n        \n        <input type=\"text\" id=\"foglalasDatum\" name=\"foglalas_datum\" placeholder=\"Kattintson a d\u00e1tum kiv\u00e1laszt\u00e1s\u00e1hoz...\" required readonly>\n        <input type=\"time\" id=\"foglalasIdo\" name=\"foglalas_ido\" required disabled>\n        \n        <button type=\"submit\" class=\"neon-btn\">Foglal\u00e1s v\u00e9gleges\u00edt\u00e9se<\/button>\n      <\/form>\n      \n    <\/div>\n  <\/section>\n<\/main>\n\n<div id=\"sikeresFoglalas\" style=\"display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #0b132b; border: 2px solid #00ffff; padding: 40px; border-radius: 10px; z-index: 9999; text-align: center; box-shadow: 0 0 30px #00ffff; width: 90%; max-width: 400px;\">\n  <h2 style=\"color: #00ffff; margin-top: 0; margin-bottom: 20px;\">Sikeres Foglal\u00e1s! \ud83c\udf89<\/h2>\n  <p style=\"color: #ffffff; font-size: 18px; margin-bottom: 30px;\">K\u00f6sz\u00f6nj\u00fck a megkeres\u00e9st. Hamarosan felveszem \u00d6nnel a kapcsolatot a megadott telefonsz\u00e1mon!<\/p>\n  <button onclick=\"document.getElementById('sikeresFoglalas').style.display='none';\" class=\"neon-btn\">Rendben<\/button>\n<\/div>\n\n<footer>\n  <p>&copy; 2026 BK Web \u00e9s IT. Minden jog fenntartva.<\/p>\n<\/footer>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n    \/\/ 1. SIKERES FOGLAL\u00c1S ELLEN\u0150RZ\u00c9SE\n    const urlParams = new URLSearchParams(window.location.search);\n    if(urlParams.get('foglalas') === 'sikeres') {\n        document.getElementById('sikeresFoglalas').style.display = 'block';\n        window.history.replaceState(null, null, window.location.pathname);\n    }\n\n    \/\/ 2. NAPT\u00c1R \u00c9S ID\u0150PONT LOGIKA\n    const timeInput = document.getElementById('foglalasIdo');\n\n    \/\/ Kisz\u00e1moljuk a holnapi d\u00e1tumot\n    const holnap = new Date();\n    holnap.setDate(holnap.getDate() + 1);\n\n    flatpickr(\"#foglalasDatum\", {\n        locale: \"hu\", \n        minDate: holnap, \/\/ Mai nap letilt\u00e1sa\n        disable: [\n            function(date) {\n                return (date.getDay() !== 2 && date.getDay() !== 5 && date.getDay() !== 6);\n            }\n        ],\n        onDayCreate: function(dObj, dStr, fp, dayElem) {\n            const day = dayElem.dateObj.getDay();\n            const isPastOrToday = dayElem.dateObj < new Date().setHours(24,0,0,0);\n            \n            if (!isPastOrToday) {\n                if (day === 2 || day === 5 || day === 6) {\n                    dayElem.classList.add(\"szabad-nap\");\n                } else {\n                    dayElem.classList.add(\"foglalt-nap\");\n                }\n            }\n        },\n        onChange: function(selectedDates, dateStr, instance) {\n            if (selectedDates.length > 0) {\n                timeInput.removeAttribute('disabled');\n                const day = selectedDates[0].getDay();\n                \n                if(day === 6) {\n                    timeInput.setAttribute('min', '08:00');\n                    timeInput.setAttribute('max', '12:00');\n                } else {\n                    timeInput.setAttribute('min', '08:00');\n                    timeInput.setAttribute('max', '16:00');\n                }\n            }\n        }\n    });\n\n    timeInput.addEventListener('change', function() {\n        const time = this.value;\n        const min = this.getAttribute('min');\n        const max = this.getAttribute('max');\n\n        if(time && (time < min || time > max)) {\n            alert('Sajn\u00e1lom, de ezt az id\u0151pontot nem tudod lefoglalni! K\u00e9rlek, n\u00e9zd meg a napt\u00e1r feletti list\u00e1ban, hogy mely napokon \u00e9s mett\u0151l meddig vagyok el\u00e9rhet\u0151!');\n            this.value = '';\n        }\n    });\n});\n<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Id\u0151pontfoglal\u00e1s &#8211; BK Web \u00e9s IT BK Web &#038; IT Kezd\u0151lap R\u00f3lam Webfejleszt\u00e9s IT seg\u00edts\u00e9gny\u00fajt\u00e1s Kapcsolat Id\u0151pontfoglal\u00e1s Id\u0151pontfoglal\u00e1s El\u00e9rhet\u0151 id\u0151s\u00e1vok a napt\u00e1rban: Keddenk\u00e9nt: 08:00 \u2013 16:00 P\u00e9ntekenk\u00e9nt: 08:00 \u2013 16:00 Szombatonk\u00e9nt: 08:00 \u2013 12:00 V\u00e1lassza ki a legmegfelel\u0151bb id\u0151pontot, \u00e9s hamarosan felveszem \u00d6nnel a kapcsolatot! Milyen \u00fcgyben keres? (K\u00f6telez\u0151)\u00daj weboldal k\u00e9sz\u00edt\u00e9seLass\u00fa sz\u00e1m\u00edt\u00f3g\u00e9p \/ Hardver probl\u00e9maEgy\u00e9b <a href=\"https:\/\/bkweb.hu\/?page_id=66\" class=\"more-link\">&#8230;<span class=\"screen-reader-text\">  Id\u0151pontfoglal\u00e1s<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"blank-slate-template.php","meta":{"footnotes":""},"class_list":["post-66","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bkweb.hu\/index.php?rest_route=\/wp\/v2\/pages\/66","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bkweb.hu\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bkweb.hu\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bkweb.hu\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bkweb.hu\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=66"}],"version-history":[{"count":8,"href":"https:\/\/bkweb.hu\/index.php?rest_route=\/wp\/v2\/pages\/66\/revisions"}],"predecessor-version":[{"id":123,"href":"https:\/\/bkweb.hu\/index.php?rest_route=\/wp\/v2\/pages\/66\/revisions\/123"}],"wp:attachment":[{"href":"https:\/\/bkweb.hu\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=66"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}