{"id":3,"date":"2026-05-17T14:30:38","date_gmt":"2026-05-17T11:00:38","guid":{"rendered":"https:\/\/foccusinc.ir\/?page_id=3"},"modified":"2026-06-09T18:16:13","modified_gmt":"2026-06-09T14:46:13","slug":"online-reservation","status":"publish","type":"page","link":"https:\/\/dpnami.ir\/demo\/full\/online-reservation\/","title":{"rendered":"\u0646\u0648\u0628\u062a\u200c\u062f\u0647\u06cc \u0622\u0646\u0644\u0627\u06cc\u0646"},"content":{"rendered":"    <div id=\"cb-booking-form\" class=\"cb-booking-form\">\r\n        <div class=\"cb-progress-container bg-white rounded-2xl shadow-xl p-8 mb-6\">\r\n            <div class=\"cb-progress-steps\">\r\n                <div class=\"step\">\r\n                    <div id=\"cb-step1-indicator\" class=\"cb-step-indicator active\">1<\/div>\r\n                    <span>\u062a\u062e\u0635\u0635<\/span>\r\n                <\/div>\r\n                \r\n                <div class=\"cb-progress-bar\"><\/div>\r\n                \r\n                <div class=\"step\">\r\n                    <div id=\"cb-step2-indicator\" class=\"cb-step-indicator\">2<\/div>\r\n                    <span>\u0645\u062a\u062e\u0635\u0635<\/span>\r\n                <\/div>\r\n                \r\n                <div class=\"cb-progress-bar\"><\/div>\r\n                \r\n                <div class=\"step\">\r\n                    <div id=\"cb-step3-indicator\" class=\"cb-step-indicator\">3<\/div>\r\n                    <span>\u0632\u0645\u0627\u0646<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div id=\"cb-step1\" class=\"cb-step-content\">\r\n                <h2 class=\"text-2xl font-bold text-gray-900 mb-6\">\u0627\u0646\u062a\u062e\u0627\u0628 \u062a\u062e\u0635\u0635<\/h2>\r\n                <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4\">\r\n                                            <div class=\"cb-specialty-card\" data-specialty-id=\"128\">\r\n                            <div class=\"text-center\">\r\n                                    <div class=\"cb-booking-card-avatar cb-booking-card-avatar-center\">\r\n                    <img loading=\"lazy\" decoding=\"async\" width=\"100\" height=\"100\" src=\"https:\/\/dpnami.ir\/demo\/full\/wp-content\/uploads\/2026\/05\/icon-03.svg\" class=\"cb-booking-card-photo wp-post-image\" alt=\"\u0645\u0634\u0627\u0648\u0631\u0647 \u0634\u063a\u0644\u06cc \u062a\u062d\u0635\u06cc\u0644\u06cc\" \/>            <\/div>\r\n                                    <h3 class=\"font-semibold text-lg mb-2\">\u0645\u0634\u0627\u0648\u0631\u0647 \u0634\u063a\u0644\u06cc \u062a\u062d\u0635\u06cc\u0644\u06cc<\/h3>\r\n                            <\/div>\r\n                        <\/div>\r\n                                            <div class=\"cb-specialty-card\" data-specialty-id=\"127\">\r\n                            <div class=\"text-center\">\r\n                                    <div class=\"cb-booking-card-avatar cb-booking-card-avatar-center\">\r\n                    <img loading=\"lazy\" decoding=\"async\" width=\"100\" height=\"100\" src=\"https:\/\/dpnami.ir\/demo\/full\/wp-content\/uploads\/2026\/05\/icon-04.svg\" class=\"cb-booking-card-photo wp-post-image\" alt=\"\u0645\u0634\u06a9\u0644\u0627\u062a \u062c\u0646\u0633\u06cc\" \/>            <\/div>\r\n                                    <h3 class=\"font-semibold text-lg mb-2\">\u0645\u0634\u06a9\u0644\u0627\u062a \u062c\u0646\u0633\u06cc<\/h3>\r\n                            <\/div>\r\n                        <\/div>\r\n                                            <div class=\"cb-specialty-card\" data-specialty-id=\"126\">\r\n                            <div class=\"text-center\">\r\n                                    <div class=\"cb-booking-card-avatar cb-booking-card-avatar-center\">\r\n                    <img loading=\"lazy\" decoding=\"async\" width=\"100\" height=\"100\" src=\"https:\/\/dpnami.ir\/demo\/full\/wp-content\/uploads\/2026\/05\/icon-05.svg\" class=\"cb-booking-card-photo wp-post-image\" alt=\"\u062e\u0627\u0646\u0648\u0627\u062f\u06af\u06cc\" \/>            <\/div>\r\n                                    <h3 class=\"font-semibold text-lg mb-2\">\u062e\u0627\u0646\u0648\u0627\u062f\u06af\u06cc<\/h3>\r\n                            <\/div>\r\n                        <\/div>\r\n                                            <div class=\"cb-specialty-card\" data-specialty-id=\"125\">\r\n                            <div class=\"text-center\">\r\n                                    <div class=\"cb-booking-card-avatar cb-booking-card-avatar-center\">\r\n                    <img loading=\"lazy\" decoding=\"async\" width=\"100\" height=\"100\" src=\"https:\/\/dpnami.ir\/demo\/full\/wp-content\/uploads\/2026\/05\/icon-06.svg\" class=\"cb-booking-card-photo wp-post-image\" alt=\"\u0632\u0648\u062c\u06cc\u0646\" \/>            <\/div>\r\n                                    <h3 class=\"font-semibold text-lg mb-2\">\u0632\u0648\u062c\u06cc\u0646<\/h3>\r\n                            <\/div>\r\n                        <\/div>\r\n                                            <div class=\"cb-specialty-card\" data-specialty-id=\"124\">\r\n                            <div class=\"text-center\">\r\n                                    <div class=\"cb-booking-card-avatar cb-booking-card-avatar-center\">\r\n                    <img loading=\"lazy\" decoding=\"async\" width=\"100\" height=\"100\" src=\"https:\/\/dpnami.ir\/demo\/full\/wp-content\/uploads\/2026\/05\/icon-08.svg\" class=\"cb-booking-card-photo wp-post-image\" alt=\"\u06a9\u0648\u062f\u06a9 \u0648 \u0646\u0648\u062c\u0648\u0627\u0646\" \/>            <\/div>\r\n                                    <h3 class=\"font-semibold text-lg mb-2\">\u06a9\u0648\u062f\u06a9 \u0648 \u0646\u0648\u062c\u0648\u0627\u0646<\/h3>\r\n                            <\/div>\r\n                        <\/div>\r\n                                            <div class=\"cb-specialty-card\" data-specialty-id=\"122\">\r\n                            <div class=\"text-center\">\r\n                                    <div class=\"cb-booking-card-avatar cb-booking-card-avatar-center\">\r\n                    <img loading=\"lazy\" decoding=\"async\" width=\"100\" height=\"100\" src=\"https:\/\/dpnami.ir\/demo\/full\/wp-content\/uploads\/2026\/05\/icon-07.svg\" class=\"cb-booking-card-photo wp-post-image\" alt=\"\u0641\u0631\u062f\u06cc \u0648 \u0628\u0632\u0631\u06af\u0633\u0627\u0644\" \/>            <\/div>\r\n                                    <h3 class=\"font-semibold text-lg mb-2\">\u0641\u0631\u062f\u06cc \u0648 \u0628\u0632\u0631\u06af\u0633\u0627\u0644<\/h3>\r\n                            <\/div>\r\n                        <\/div>\r\n                                    <\/div>\r\n            <\/div>\r\n\r\n            <div id=\"cb-step2\" class=\"cb-step-content hidden\">\r\n                <h2 class=\"text-2xl font-bold text-gray-900 mb-6\">\u0627\u0646\u062a\u062e\u0627\u0628 \u0645\u062a\u062e\u0635\u0635<\/h2>\r\n                <div id=\"cb-doctors-list\" class=\"grid grid-cols-1 md:grid-cols-2 gap-6\"><\/div>\r\n            <\/div>\r\n\r\n            <div id=\"cb-step3\" class=\"cb-step-content hidden\">\r\n                <h2 class=\"text-2xl font-bold text-gray-900 mb-6\">\u0627\u0646\u062a\u062e\u0627\u0628 \u0631\u0648\u0632 \u0648 \u0633\u0627\u0639\u062a<\/h2>\r\n                \r\n                <div class=\"mb-8\">\r\n                    <h3 class=\"text-lg font-semibold text-gray-800 mb-4\">\u0627\u0646\u062a\u062e\u0627\u0628 \u0631\u0648\u0632:<\/h3>\r\n                    <div id=\"cb-days-container\" class=\"flex gap-3 overflow-x-auto pb-2\"><\/div>\r\n                <\/div>\r\n\r\n                <div id=\"cb-time-slots-container\" class=\"hidden\">\r\n                    <h3 class=\"text-lg font-semibold text-gray-800 mb-4\">\u0627\u0646\u062a\u062e\u0627\u0628 \u0633\u0627\u0639\u062a:<\/h3>\r\n                    <div class=\"grid grid-cols-3 md:grid-cols-4 lg:grid-cols-6 gap-3\" id=\"cb-time-slots\"><\/div>\r\n                <\/div>\r\n\r\n                <div id=\"cb-booking-summary\" class=\"cb-booking-summary hidden\">\r\n                    <h3 class=\"text-lg font-semibold text-blue-900 mb-4\">\u062e\u0644\u0627\u0635\u0647 \u0631\u0632\u0631\u0648:<\/h3>\r\n                    <div class=\"space-y-2 text-blue-800\">\r\n                        <p><span class=\"font-medium\">\u062a\u062e\u0635\u0635:<\/span> <span id=\"cb-summary-specialty\"><\/span><\/p>\r\n                        <p><span class=\"font-medium\">\u0645\u062a\u062e\u0635\u0635:<\/span> <span id=\"cb-summary-doctor\"><\/span><\/p>\r\n                        <p><span class=\"font-medium\">\u062a\u0627\u0631\u06cc\u062e:<\/span> <span id=\"cb-summary-date\"><\/span><\/p>\r\n                        <p><span class=\"font-medium\">\u0633\u0627\u0639\u062a:<\/span> <span id=\"cb-summary-time\"><\/span><\/p>\r\n                        <p><span class=\"font-medium\">\u0645\u0628\u0644\u063a:<\/span> <span id=\"cb-summary-price\"><\/span> \u062a\u0648\u0645\u0627\u0646<\/p>\r\n                    <\/div>\r\n                        <div class=\"cb-guest-fields\">\r\n        <h4 class=\"cb-guest-fields-title\">\u0627\u0637\u0644\u0627\u0639\u0627\u062a \u062a\u0645\u0627\u0633<\/h4>\r\n        <div class=\"cb-guest-fields-grid\">\r\n            <div class=\"cb-guest-field\">\r\n                <label for=\"cb-guest-first-name\">\u0646\u0627\u0645<\/label>\r\n                <input type=\"text\" id=\"cb-guest-first-name\" class=\"cb-guest-input\" required>\r\n            <\/div>\r\n            <div class=\"cb-guest-field\">\r\n                <label for=\"cb-guest-last-name\">\u0646\u0627\u0645 \u062e\u0627\u0646\u0648\u0627\u062f\u06af\u06cc<\/label>\r\n                <input type=\"text\" id=\"cb-guest-last-name\" class=\"cb-guest-input\" required>\r\n            <\/div>\r\n            <div class=\"cb-guest-field cb-guest-field-full\">\r\n                <label for=\"cb-guest-phone\">\u0634\u0645\u0627\u0631\u0647 \u0645\u0648\u0628\u0627\u06cc\u0644<\/label>\r\n                <input type=\"tel\" id=\"cb-guest-phone\" class=\"cb-guest-input\" required>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n                        <button id=\"cb-confirm-booking\" class=\"mt-6 w-full bg-blue-600 hover:bg-blue-700 text-white font-semibold py-3 px-6 rounded-lg transition-all duration-200\">\r\n                        \u062a\u0627\u06cc\u06cc\u062f \u0631\u0632\u0631\u0648 \u0646\u0648\u0628\u062a\r\n                    <\/button>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n \r\n        \r\n    <\/div>\r\n    \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":1,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/dpnami.ir\/demo\/full\/wp-json\/wp\/v2\/pages\/3","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dpnami.ir\/demo\/full\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dpnami.ir\/demo\/full\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dpnami.ir\/demo\/full\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dpnami.ir\/demo\/full\/wp-json\/wp\/v2\/comments?post=3"}],"version-history":[{"count":3,"href":"https:\/\/dpnami.ir\/demo\/full\/wp-json\/wp\/v2\/pages\/3\/revisions"}],"predecessor-version":[{"id":120,"href":"https:\/\/dpnami.ir\/demo\/full\/wp-json\/wp\/v2\/pages\/3\/revisions\/120"}],"wp:attachment":[{"href":"https:\/\/dpnami.ir\/demo\/full\/wp-json\/wp\/v2\/media?parent=3"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}