{"id":15758,"date":"2025-10-23T10:21:35","date_gmt":"2025-10-23T07:21:35","guid":{"rendered":"https:\/\/tocotravels.tanglebuildkw.com\/?page_id=15758"},"modified":"2025-10-23T10:42:43","modified_gmt":"2025-10-23T07:42:43","slug":"%d8%a7%d8%ad%d8%ac%d8%b2-%d9%88%d8%ac%d9%87%d8%aa%d9%83","status":"publish","type":"page","link":"https:\/\/tocotravels.tanglebuildkw.com\/en\/%d8%a7%d8%ad%d8%ac%d8%b2-%d9%88%d8%ac%d9%87%d8%aa%d9%83\/","title":{"rendered":"\u0627\u062d\u062c\u0632 \u0648\u062c\u0647\u062a\u0643"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"15758\" class=\"elementor elementor-15758\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b11c447 e-flex e-con-boxed e-con e-parent\" data-id=\"b11c447\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dc1b89c elementor-widget elementor-widget-html\" data-id=\"dc1b89c\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t <form id=\"travelForm\" action=\"\">\r\n            <div class=\"form-group\">\r\n                <label class=\"required\">\u0627\u0644\u0627\u0633\u0645<\/label>\r\n                <input type=\"text\" id=\"name\" name=\"name\" required>\r\n                <span class=\"error-message\" id=\"nameError\">\u064a\u0631\u062c\u0649 \u0625\u062f\u062e\u0627\u0644 \u0627\u0644\u0627\u0633\u0645<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"form-group\">\r\n                <label class=\"required\">\u0627\u0644\u0648\u062c\u0647\u0629<\/label>\r\n                <div class=\"select-wrapper\">\r\n                    <input \r\n                        type=\"text\" \r\n                        id=\"destinationSearch\" \r\n                        class=\"select-search\" \r\n                        placeholder=\"\u0627\u0628\u062d\u062b \u0639\u0646 \u0627\u0644\u0648\u062c\u0647\u0629...\"\r\n                        autocomplete=\"off\"\r\n                    >\r\n                    <input type=\"hidden\" id=\"destination\" name=\"destination\" required>\r\n                    <div class=\"options-list\" id=\"optionsList\"><\/div>\r\n                <\/div>\r\n                <span class=\"error-message\" id=\"destinationError\">\u064a\u0631\u062c\u0649 \u0627\u062e\u062a\u064a\u0627\u0631 \u0627\u0644\u0648\u062c\u0647\u0629<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"form-group\">\r\n                <label>\u0627\u0633\u0645 \u0627\u0644\u0641\u0646\u062f\u0642<\/label>\r\n                <input type=\"text\" id=\"hotel\" name=\"hotel\">\r\n            <\/div>\r\n\r\n            <div class=\"form-group\">\r\n                <label class=\"required\">\u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0629<\/label>\r\n                <div class=\"range-container\">\r\n                    <input type=\"range\" id=\"budget\" name=\"budget\" min=\"0\" max=\"10000\" step=\"100\" value=\"5000\">\r\n                    <div class=\"budget-value\">\r\n                        <span id=\"budgetValue\">5000<\/span> KWD\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"form-group\">\r\n                <label>\u0645\u0644\u0627\u062d\u0638\u0627\u062a<\/label>\r\n                <textarea id=\"notes\" name=\"notes\" placeholder=\"\u0623\u0636\u0641 \u0623\u064a \u0645\u0644\u0627\u062d\u0638\u0627\u062a \u0625\u0636\u0627\u0641\u064a\u0629...\"><\/textarea>\r\n            <\/div>\r\n\r\n            <button type=\"submit\">\u0627\u062d\u062c\u0632 \u0627\u0644\u0627\u0646<\/button>\r\n        <input type=\"hidden\" name=\"trp-form-language\" value=\"en\"\/><\/form>\r\n    <\/div>\r\n\r\n    <script>\r\n        const destinations = [\r\n            \"\u0623\u0644\u0645\u0627\u0646\u064a\u0627\", \"\u0623\u0646\u062f\u0648\u0631\u0627\", \"\u0623\u0648\u0631\u0648\u063a\u0648\u0627\u064a\", \"\u0625\u0633\u0628\u0627\u0646\u064a\u0627\", \"\u0625\u0633\u062a\u0648\u0646\u064a\u0627\", \"\u0623\u0633\u062a\u0631\u0627\u0644\u064a\u0627\", \"\u0625\u0633\u0631\u0627\u0626\u064a\u0644\",\r\n            \"\u0625\u064a\u0637\u0627\u0644\u064a\u0627\", \"\u0625\u0646\u062f\u0648\u0646\u064a\u0633\u064a\u0627\", \"\u0625\u064a\u0631\u0627\u0646\", \"\u0623\u064a\u0631\u0644\u0646\u062f\u0627\", \"\u0622\u064a\u0633\u0644\u0646\u062f\u0627\", \"\u0627\u0644\u0623\u0631\u062c\u0646\u062a\u064a\u0646\",\r\n            \"\u0627\u0644\u0625\u0645\u0627\u0631\u0627\u062a \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0645\u062a\u062d\u062f\u0629\", \"\u0627\u0644\u0628\u062d\u0631\u064a\u0646\", \"\u0627\u0644\u0628\u0631\u0627\u0632\u064a\u0644\", \"\u0627\u0644\u0628\u0631\u062a\u063a\u0627\u0644\",\r\n            \"\u0627\u0644\u0628\u0648\u0633\u0646\u0629 \u0648\u0627\u0644\u0647\u0631\u0633\u0643\", \"\u0627\u0644\u062a\u0634\u064a\u0643\", \"\u0627\u0644\u062f\u0646\u0645\u0627\u0631\u0643\", \"\u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629\", \"\u0627\u0644\u0633\u0648\u064a\u062f\", \"\u0633\u0648\u064a\u0633\u0631\u0627\",\r\n            \"\u0627\u0644\u0635\u064a\u0646\", \"\u0641\u0631\u0646\u0633\u0627\", \"\u0627\u0644\u0641\u0644\u0628\u064a\u0646\", \"\u0641\u0646\u0644\u0646\u062f\u0627\", \"\u0642\u0628\u0631\u0635\", \"\u0642\u0637\u0631\", \"\u0643\u0631\u0648\u0627\u062a\u064a\u0627\", \"\u0643\u0645\u0628\u0648\u062f\u064a\u0627\",\r\n            \"\u0643\u0646\u062f\u0627\", \"\u0643\u0648\u0631\u064a\u0627 \u0627\u0644\u062c\u0646\u0648\u0628\u064a\u0629\", \"\u0643\u0648\u0631\u064a\u0627 \u0627\u0644\u0634\u0645\u0627\u0644\u064a\u0629\", \"\u0643\u0648\u0628\u0627\", \"\u0643\u0648\u0644\u0648\u0645\u0628\u064a\u0627\", \"\u0643\u064a\u0646\u064a\u0627\",\r\n            \"\u0644\u0628\u0646\u0627\u0646\", \"\u0644\u0648\u0643\u0633\u0645\u0628\u0648\u0631\u063a\", \"\u0645\u0627\u0644\u064a\u0632\u064a\u0627\", \"\u0645\u0627\u0644\u0637\u0627\", \"\u0627\u0644\u0645\u063a\u0631\u0628\", \"\u0627\u0644\u0645\u0643\u0633\u064a\u0643\", \"\u0627\u0644\u0646\u0645\u0633\u0627\",\r\n            \"\u0627\u0644\u0646\u0631\u0648\u064a\u062c\", \"\u0627\u0644\u0647\u0646\u062f\", \"\u0627\u0644\u064a\u0648\u0646\u0627\u0646\", \"\u0627\u0644\u0648\u0644\u0627\u064a\u0627\u062a \u0627\u0644\u0645\u062a\u062d\u062f\u0629 \u0627\u0644\u0623\u0645\u0631\u064a\u0643\u064a\u0629\", \"\u0627\u0644\u064a\u0627\u0628\u0627\u0646\",\r\n            \"\u062a\u0627\u064a\u0644\u0627\u0646\u062f\", \"\u062a\u0627\u064a\u0648\u0627\u0646\", \"\u062a\u0631\u0643\u064a\u0627\", \"\u062a\u0648\u0646\u0633\", \"\u062c\u0645\u0647\u0648\u0631\u064a\u0629 \u0627\u0644\u062f\u0648\u0645\u064a\u0646\u064a\u0643\u0627\u0646\", \"\u062c\u0646\u0648\u0628 \u0625\u0641\u0631\u064a\u0642\u064a\u0627\",\r\n            \"\u062c\u0648\u0631\u062c\u064a\u0627\", \"\u0631\u0648\u0633\u064a\u0627\", \"\u0631\u0648\u0645\u0627\u0646\u064a\u0627\", \"\u0632\u0646\u062c\u0628\u0627\u0631\", \"\u0633\u0646\u063a\u0627\u0641\u0648\u0631\u0629\", \"\u0633\u0631\u064a\u0644\u0627\u0646\u0643\u0627\", \"\u0633\u0644\u0648\u0641\u0627\u0643\u064a\u0627\",\r\n            \"\u0633\u0644\u0648\u0641\u064a\u0646\u064a\u0627\", \"\u0633\u064a\u0634\u0644\", \"\u0634\u064a\u0644\u064a\", \"\u0639\u064f\u0645\u0627\u0646\", \"\u063a\u0627\u0646\u0627\", \"\u0641\u0644\u0633\u0637\u064a\u0646\", \"\u0641\u064a\u062a\u0646\u0627\u0645\", \"\u0644\u0627\u0648\u0633\",\r\n            \"\u0644\u064a\u062a\u0648\u0627\u0646\u064a\u0627\", \"\u0644\u0627\u062a\u0641\u064a\u0627\", \"\u0645\u0635\u0631\", \"\u0645\u0648\u0646\u0627\u0643\u0648\", \"\u0645\u0648\u0646\u062a\u064a\u0646\u064a\u063a\u0631\u0648 (\u0627\u0644\u062c\u0628\u0644 \u0627\u0644\u0623\u0633\u0648\u062f)\",\r\n            \"\u0646\u064a\u0648\u0632\u064a\u0644\u0646\u062f\u0627\", \"\u0646\u064a\u0628\u0627\u0644\"\r\n        ];\r\n\r\n        const searchInput = document.getElementById('destinationSearch');\r\n        const hiddenInput = document.getElementById('destination');\r\n        const optionsList = document.getElementById('optionsList');\r\n        const budgetSlider = document.getElementById('budget');\r\n        const budgetValue = document.getElementById('budgetValue');\r\n        const form = document.getElementById('travelForm');\r\n\r\n        function renderOptions(filteredDestinations) {\r\n            optionsList.innerHTML = '';\r\n            \r\n            if (filteredDestinations.length === 0) {\r\n                optionsList.innerHTML = '<div class=\"no-results\">\u0644\u0627 \u062a\u0648\u062c\u062f \u0646\u062a\u0627\u0626\u062c<\/div>';\r\n                return;\r\n            }\r\n\r\n            filteredDestinations.forEach(dest => {\r\n                const option = document.createElement('div');\r\n                option.className = 'option-item';\r\n                option.textContent = dest;\r\n                option.addEventListener('click', () => selectDestination(dest));\r\n                optionsList.appendChild(option);\r\n            });\r\n        }\r\n\r\n        function selectDestination(dest) {\r\n            searchInput.value = dest;\r\n            hiddenInput.value = dest;\r\n            optionsList.classList.remove('active');\r\n            searchInput.classList.remove('error');\r\n            document.getElementById('destinationError').style.display = 'none';\r\n        }\r\n\r\n        searchInput.addEventListener('focus', () => {\r\n            renderOptions(destinations);\r\n            optionsList.classList.add('active');\r\n        });\r\n\r\n        searchInput.addEventListener('input', (e) => {\r\n            const searchTerm = e.target.value.trim().toLowerCase();\r\n            \r\n            if (searchTerm === '') {\r\n                hiddenInput.value = '';\r\n                renderOptions(destinations);\r\n            } else {\r\n                const filtered = destinations.filter(dest => \r\n                    dest.toLowerCase().includes(searchTerm)\r\n                );\r\n                renderOptions(filtered);\r\n            }\r\n            \r\n            optionsList.classList.add('active');\r\n        });\r\n\r\n        document.addEventListener('click', (e) => {\r\n            if (!e.target.closest('.select-wrapper')) {\r\n                optionsList.classList.remove('active');\r\n            }\r\n        });\r\n\r\n        budgetSlider.addEventListener('input', function() {\r\n            budgetValue.textContent = this.value;\r\n        });\r\n\r\n        form.addEventListener('submit', function(e) {\r\n            e.preventDefault();\r\n            \r\n            const name = document.getElementById('name').value.trim();\r\n            const destination = hiddenInput.value;\r\n            const hotel = document.getElementById('hotel').value.trim();\r\n            const budget = document.getElementById('budget').value;\r\n            const notes = document.getElementById('notes').value.trim();\r\n\r\n            document.querySelectorAll('.error').forEach(el => el.classList.remove('error'));\r\n            document.querySelectorAll('.error-message').forEach(el => el.style.display = 'none');\r\n\r\n            let isValid = true;\r\n\r\n            if (!name) {\r\n                document.getElementById('name').classList.add('error');\r\n                document.getElementById('nameError').style.display = 'block';\r\n                isValid = false;\r\n            }\r\n\r\n            if (!destination) {\r\n                searchInput.classList.add('error');\r\n                document.getElementById('destinationError').style.display = 'block';\r\n                isValid = false;\r\n            }\r\n\r\n            if (!isValid) {\r\n                return;\r\n            }\r\n\r\n            let message = `\u0645\u0631\u062d\u0628\u0627\u064b! \u0623\u0631\u063a\u0628 \u0641\u064a \u062d\u062c\u0632 \u0633\u0641\u0631\\n\\n`;\r\n            message += `\ud83d\udcdd \u0627\u0644\u0627\u0633\u0645: ${name}\\n`;\r\n            message += `\u2708\ufe0f \u0627\u0644\u0648\u062c\u0647\u0629: ${destination}\\n`;\r\n            \r\n            if (hotel) {\r\n                message += `\ud83c\udfe8 \u0627\u0633\u0645 \u0627\u0644\u0641\u0646\u062f\u0642: ${hotel}\\n`;\r\n            }\r\n            \r\n            message += `\ud83d\udcb0 \u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0629: ${budget} KWD\\n`;\r\n            \r\n            if (notes) {\r\n                message += `\ud83d\udccc \u0645\u0644\u0627\u062d\u0638\u0627\u062a: ${notes}\\n`;\r\n            }\r\n\r\n            const encodedMessage = encodeURIComponent(message);\r\n            const whatsappURL = `https:\/\/wa.me\/96541010839?text=${encodedMessage}`;\r\n            \r\n            window.open(whatsappURL, '_blank');\r\n        });\r\n    <\/script>\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>","protected":false},"excerpt":{"rendered":"<p>\u0627\u0644\u0627\u0633\u0645 \u064a\u0631\u062c\u0649 \u0625\u062f\u062e\u0627\u0644 \u0627\u0644\u0627\u0633\u0645 \u0627\u0644\u0648\u062c\u0647\u0629 \u064a\u0631\u062c\u0649 \u0627\u062e\u062a\u064a\u0627\u0631 \u0627\u0644\u0648\u062c\u0647\u0629 \u0627\u0633\u0645 \u0627\u0644\u0641\u0646\u062f\u0642 \u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0629 5000 KWD \u0645\u0644\u0627\u062d\u0638\u0627\u062a \u0627\u062d\u062c\u0632 \u0627\u0644\u0627\u0646<\/p>","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-15758","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/tocotravels.tanglebuildkw.com\/en\/wp-json\/wp\/v2\/pages\/15758","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tocotravels.tanglebuildkw.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tocotravels.tanglebuildkw.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tocotravels.tanglebuildkw.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tocotravels.tanglebuildkw.com\/en\/wp-json\/wp\/v2\/comments?post=15758"}],"version-history":[{"count":25,"href":"https:\/\/tocotravels.tanglebuildkw.com\/en\/wp-json\/wp\/v2\/pages\/15758\/revisions"}],"predecessor-version":[{"id":15800,"href":"https:\/\/tocotravels.tanglebuildkw.com\/en\/wp-json\/wp\/v2\/pages\/15758\/revisions\/15800"}],"wp:attachment":[{"href":"https:\/\/tocotravels.tanglebuildkw.com\/en\/wp-json\/wp\/v2\/media?parent=15758"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}