{"id":155,"date":"2026-07-07T10:38:03","date_gmt":"2026-07-07T10:38:03","guid":{"rendered":"https:\/\/etikal.com.kw\/?page_id=155"},"modified":"2026-07-13T08:00:28","modified_gmt":"2026-07-13T08:00:28","slug":"appointment","status":"publish","type":"page","link":"https:\/\/etikal.com.kw\/index.php\/appointment\/","title":{"rendered":"appointment"},"content":{"rendered":"\n<div class=\"ab-booking-wrap\">\n            <div class=\"ab-form-header\">\n            <h2 class=\"ab-form-title\">Appointment<\/h2>\n                    <\/div>\n    \n    <!-- Progress Stepper -->\n    <div class=\"ab-stepper\">\n        <div class=\"ab-stepper-step ab-stepper-step-active\" data-step=\"1\">\n            <span class=\"ab-step-dot\">1<\/span>\n            <span class=\"ab-step-label\">Your Info<\/span>\n        <\/div>\n        <div class=\"ab-stepper-line\"><\/div>\n        <div class=\"ab-stepper-step\" data-step=\"2\">\n            <span class=\"ab-step-dot\">2<\/span>\n            <span class=\"ab-step-label\">Date &amp; Time<\/span>\n        <\/div>\n        <div class=\"ab-stepper-line\"><\/div>\n        <div class=\"ab-stepper-step\" data-step=\"3\">\n            <span class=\"ab-step-dot\">3<\/span>\n            <span class=\"ab-step-label\">Confirmation<\/span>\n        <\/div>\n    <\/div>\n\n    <div class=\"ab-form-body\">\n        <div id=\"ab-step-1\" class=\"ab-step ab-step-active\">\n            <h3 class=\"ab-step-title\">Your Information<\/h3>\n            <form id=\"ab-user-form\">\n                <div class=\"ab-field-group\">\n                    <label for=\"ab-name\">Name *<\/label>\n                    <input type=\"text\" id=\"ab-name\" name=\"name\" placeholder=\"John Doe\" required \/>\n                <\/div>\n                <div class=\"ab-field-group\">\n                    <label for=\"ab-phone\">Phone *<\/label>\n                    <input type=\"tel\" id=\"ab-phone\" name=\"phone\" placeholder=\"+1 (555) 000-0000\" required \/>\n                <\/div>\n                <div class=\"ab-field-group\">\n                    <label for=\"ab-email\">Email <span class=\"ab-optional\">(optional)<\/span><\/label>\n                    <input type=\"email\" id=\"ab-email\" name=\"email\" placeholder=\"john@example.com\" \/>\n                <\/div>\n                <div class=\"ab-form-actions\">\n                    <button type=\"submit\" class=\"ab-btn\">Continue<\/button>\n                <\/div>\n            <\/form>\n        <\/div>\n\n        <div id=\"ab-step-2\" class=\"ab-step\">\n            <h3 class=\"ab-step-title\">Select Date &amp; Time<\/h3>\n            <p class=\"ab-step-subtitle\">Choose an available date from the calendar and select a time slot.<\/p>\n            \n            <div id=\"ab-datepicker\"><\/div>\n            \n            <div id=\"ab-time-slots\" style=\"display:none;\">\n                <h4 class=\"ab-slots-title\">Available Time Slots<\/h4>\n                <div id=\"ab-time-slots-list\"><\/div>\n            <\/div>\n            \n            <div id=\"ab-step-2-actions\" class=\"ab-form-actions\" style=\"display:none;\">\n                <button type=\"button\" class=\"ab-btn ab-btn-secondary\" id=\"ab-back-btn\">Back<\/button>\n                <button type=\"button\" class=\"ab-btn\" id=\"ab-confirm-btn\">Confirm Appointment<\/button>\n            <\/div>\n        <\/div>\n\n        <div id=\"ab-step-3\" class=\"ab-step\">\n            <div id=\"ab-success\" style=\"display:none;\">\n                <div class=\"ab-feedback-icon ab-success-icon\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"><\/path><polyline points=\"22 4 12 14.01 9 11.01\"><\/polyline><\/svg>\n                <\/div>\n                <h3 class=\"ab-step-title\">Appointment Booked!<\/h3>\n                <div id=\"ab-success-message\"><\/div>\n            <\/div>\n            <div id=\"ab-error\" style=\"display:none;\">\n                <div class=\"ab-feedback-icon ab-error-icon\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><line x1=\"15\" y1=\"9\" x2=\"9\" y2=\"15\"><\/line><line x1=\"9\" y1=\"9\" x2=\"15\" y2=\"15\"><\/line><\/svg>\n                <\/div>\n                <h3 class=\"ab-step-title\">Booking Failed<\/h3>\n                <div id=\"ab-error-message\"><\/div>\n                <div class=\"ab-form-actions\">\n                    <button type=\"button\" class=\"ab-btn\" id=\"ab-retry-btn\">Try Again<\/button>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":-1,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-155","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/etikal.com.kw\/index.php\/wp-json\/wp\/v2\/pages\/155","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/etikal.com.kw\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/etikal.com.kw\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/etikal.com.kw\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/etikal.com.kw\/index.php\/wp-json\/wp\/v2\/comments?post=155"}],"version-history":[{"count":14,"href":"https:\/\/etikal.com.kw\/index.php\/wp-json\/wp\/v2\/pages\/155\/revisions"}],"predecessor-version":[{"id":187,"href":"https:\/\/etikal.com.kw\/index.php\/wp-json\/wp\/v2\/pages\/155\/revisions\/187"}],"wp:attachment":[{"href":"https:\/\/etikal.com.kw\/index.php\/wp-json\/wp\/v2\/media?parent=155"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}