{"id":540,"date":"2018-11-27T09:16:54","date_gmt":"2018-11-27T09:16:54","guid":{"rendered":"https:\/\/365solutionsjo.com\/home\/"},"modified":"2026-01-18T15:53:14","modified_gmt":"2026-01-18T12:53:14","slug":"home","status":"publish","type":"page","link":"https:\/\/365solutionsjo.com\/ar\/","title":{"rendered":"\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
Choose Your Apple Product For Repair<\/span><\/h5>

We are an Apple Authorised Service Provider in Jordan, providing repair services for Apple products using genuine Apple parts only, serving individuals, corporate clients, and educational institutions with trusted and professional support.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
iPhone Repair<\/h6>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tLearn more<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
iPad Repair<\/h6>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tLearn more<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
MacBook Repair<\/h6>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tLearn more<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
iPhone Repair<\/h6>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tLearn more<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
iPad Repair<\/h6>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tLearn more<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
MacBook Repair<\/h6>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tLearn more<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
Apple Watch Repair<\/h6>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tLearn more<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
AirPods Repair<\/h6>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tLearn more<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
AppleTV Repair<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tLearn more<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
Apple Watch Repair<\/h6>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tLearn more<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
AirPods Repair<\/h6>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tLearn more<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
AppleTV Repair<\/h6>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tLearn more<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Create your online Service or book an appointment and get
your Apple device serviced and repaired<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n \n \n \n Multi-Device Service Ticket<\/title>\n <style>\n :root {\n --primary: #0095a8;\n --white-back: #ffffff;\n --primary-dark: #00798a;\n --border: #d6d6d6;\n --radius: 14px;\n --shadow: 0 25px 45px rgba(0, 0, 0, 0.08);\n }\n * {\n box-sizing: border-box;\n }\n body {\n margin: 0;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto,\n Arial, sans-serif;\n background: linear-gradient(135deg, #f8fbff, #f1f9ff);\n min-height: 100vh;\n color: #0f1f27;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 40px 12px;\n }\n .hero-card {\n max-width: 640px;\n width: 100%;\n background: #fff;\n border-radius: 24px;\n padding: 42px;\n text-align: center;\n box-shadow: var(--shadow);\n }\n .hero-card h1 {\n margin: 0 0 12px;\n font-size: 32px;\n font-weight: 900;\n }\n .hero-card p {\n margin: 0 auto 28px;\n max-width: 440px;\n color: #4c5b65;\n line-height: 1.5;\n }\n .cta-btn {\n appearance: none;\n border: 0;\n background: linear-gradient(120deg, var(--primary), #00b8d9);\n color: #fff;\n padding: 16px 34px;\n border-radius: 999px;\n \n cursor: pointer;\n box-shadow: 0 12px 30px rgba(0, 149, 168, 0.25);\n }\n .cta-btn:hover {\n transform: translateY(-1px);\n }\n .modal-backdrop {\n position: fixed;\n inset: 0;\n background: rgba(12, 17, 23, 0.35);\n display: none;\n align-items: center;\n justify-content: center;\n padding: 18px;\n z-index: 9999;\n }\n .modal-backdrop.open {\n display: flex;\n }\n .modal {\n width: min(960px, 95vw);\n max-height: 92vh;\n border-radius: 22px;\n background: #fff;\n box-shadow: var(--shadow);\n display: flex;\n flex-direction: column;\n overflow: hidden;\n }\n .modal__header {\n padding: 20px 26px;\n border-bottom: 1px solid rgba(0, 0, 0, 0.06);\n display: flex;\n align-items: center;\n gap: 16px;\n }\n .modal__title {\n font-size: 20px;\n font-weight: 800;\n }\n .modal__body {\n padding: 24px 26px 32px;\n overflow: auto;\n }\n .wizard-steps {\n display: flex;\n gap: 10px;\n flex-wrap: wrap;\n margin-bottom: 22px;\n }\n .wizard-steps .pill {\n padding: 8px 16px;\n border-radius: 999px;\n border: 1px solid #dbe4ec;\n font-weight: 700;\n font-size: 13px;\n color: #6c7c86;\n }\n .wizard-steps .pill.active {\n background: rgba(0, 149, 168, 0.1);\n color: var(--primary);\n border-color: rgba(0, 149, 168, 0.2);\n }\n .wizard-step {\n display: none;\n }\n .wizard-step.active {\n display: block;\n }\n .device-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 14px;\n }\n .device-card {\n border: 1px solid var(--border);\n border-radius: var(--radius);\n padding: 16px;\n text-align: center;\n cursor: pointer;\n transition: border-color 0.12s ease, box-shadow 0.12s ease;\n }\n .device-card span {\n display: block;\n font-weight: 800;\n margin-top: 4px;\n }\n .device-card.active {\n border-color: var(--primary);\n box-shadow: 0 0 0 3px rgba(0, 149, 168, 0.15);\n }\n .field {\n margin-bottom: 18px;\n }\n .field label {\n display: block;\n font-weight: 700;\n font-size: 14px;\n margin-bottom: 6px;\n }\n .text-input,\n textarea,\n select {\n width: 100%;\n border: 1px solid var(--border);\n border-radius: 10px;\n padding: 12px 14px;\n font-size: 15px;\n }\n textarea {\n resize: vertical;\n min-height: 110px;\n }\n .modal__footer {\n padding: 20px 26px;\n border-top: 1px solid rgba(0, 0, 0, 0.06);\n display: flex;\n align-items: center;\n gap: 12px;\n }\n .ghost-btn {\n \n border: 1px solid rgba(0, 0, 0, 0.15);\n background: linear-gradient(120deg, var(--white-back), #ffffff);\n color: #1c2c35;\n padding: 12px 26px;\n border-radius: 10px;\n font-weight: 700;\n cursor: pointer;\n }\n \n .ghost-btn:hover {\n background: #efefef;\n color: #000000;\n }\n .primary-btn {\n border: 0;\n background: linear-gradient(120deg, var(--primary), #00b8d9);\n color: #fff;\n padding: 12px 26px;\n border-radius: 10px;\n font-weight: 800;\n cursor: pointer;\n min-width: 140px;\n }\n .close-btn {\n border: 0;\n background: linear-gradient(120deg, var(--primary), #00b8d9);\n color: #fff;\n padding: 12px 26px;\n border-radius: 10px;\n font-weight: 800;\n cursor: pointer;\n min-width: 140px;\n }\n .summary-box {\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-radius: 16px;\n padding: 18px;\n background: #f4fbfd;\n margin-bottom: 20px;\n }\n .agreement-pane {\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-radius: 12px;\n overflow: hidden;\n }\n .agreement-pane iframe {\n width: 100%;\n height: 420px;\n border: 0;\n }\n .signature-box {\n border: 1px dashed #a4c7cf;\n border-radius: 12px;\n padding: 10px;\n background: #fff;\n }\n canvas#signaturePad {\n width: 100%;\n height: 180px;\n display: block;\n }\n .otp-status {\n font-size: 13px;\n font-weight: 700;\n margin-top: 6px;\n }\n .otp-status.success {\n color: #0a7a3d;\n }\n .otp-status.error {\n color: #b00020;\n }\n @media (max-width: 640px) {\n .hero-card {\n padding: 28px;\n }\n .modal {\n border-radius: 18px;\n }\n .modal__body {\n padding: 20px;\n }\n .modal__footer {\n flex-direction: column;\n align-items: stretch;\n }\n .ghost-btn,\n .primary-btn {\n width: 100%;\n }\n }\n <\/style>\n <\/head>\n <body>\n <div class=\"hero-card\">\n <h1>Create Online Ticket<\/h1>\n <p>\n Create an online service ticket for any Apple device. A few simple\n guided steps will gather what our technicians need before your visit or\n pickup.\n <\/p>\n <button class=\"cta-btn\" id=\"openWizard\">Create Service Ticket<\/button>\n <\/div>\n\n <div class=\"modal-backdrop\" id=\"ticketModal\" aria-hidden=\"true\">\n <div class=\"modal\" role=\"dialog\" aria-modal=\"true\">\n <div class=\"modal__header\">\n <div class=\"modal__title\">Online Ticket Wizard<\/div>\n <div class=\"spacer\"><\/div>\n <button class=\"ghost-btn\" id=\"closeWizard\">Close<\/button>\n <\/div>\n <div class=\"modal__body\">\n <div class=\"wizard-steps\" id=\"wizardPills\"><\/div>\n\n <div class=\"wizard-step\" data-step=\"1\">\n <h2>Select your device type<\/h2>\n <p style=\"color: #5c6e79; margin-top: 6px\">\n Choose the category that best matches the device you need help\n with.\n <\/p>\n <div class=\"device-grid\" id=\"deviceGrid\"><\/div>\n <div id=\"locationInfoHomeOffice\" class=\"location-info\" style=\"text-align:left; margin-top:18px;\">\n <strong>Terms & Conditions<\/strong>\n <ul>\n <li>Pick-up & Delivery Service is chargeable at 5.0JD as a logistic fee.<\/li>\n <li>If the customer chooses to continue the repair the logistic fee will be waived OFF.<\/li>\n <li>Technician will diagnose the device and share a detailed report for customers approval to proceed with repair.<\/li>\n <li>Repair or replaced parts will be charged additionally with up to 90 days of warranty.<\/li>\n <li>This offer is valid only for limited time and can be discontinued without any prior notice.<\/li>\n <li>This service is currently available only in Amman and its suburbs.<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <div class=\"wizard-step\" data-step=\"2\">\n <h2>Device model<\/h2>\n <div class=\"field\">\n <label for=\"deviceModel\">Device model name<\/label>\n <input\n id=\"deviceModel\"\n class=\"text-input\"\n type=\"text\"\n placeholder=\"Example: iPhone 15 Pro Max\"\n \/>\n <\/div>\n <\/div>\n\n <div class=\"wizard-step\" data-step=\"3\">\n <h2>Device details<\/h2>\n <div class=\"field\">\n <label for=\"deviceSerial\">Serial Number \/ IMEI<\/label>\n <input\n id=\"deviceSerial\"\n class=\"text-input\"\n type=\"text\"\n placeholder=\"Enter the serial or IMEI number\"\n \/>\n <\/div>\n <div class=\"field\">\n <label for=\"deviceProblem\">Describe the issue<\/label>\n <textarea\n id=\"deviceProblem\"\n placeholder=\"Tell us what happened, symptoms, liquid damage, etc.\"\n ><\/textarea>\n <\/div>\n <\/div>\n\n <div class=\"wizard-step\" data-step=\"4\">\n <h2>Your contact information<\/h2>\n <div class=\"field\">\n <label for=\"custName\">Full name<\/label>\n <input id=\"custName\" class=\"text-input\" type=\"text\" \/>\n <\/div>\n <div class=\"field\">\n <label for=\"custEmail\">Email<\/label>\n <input id=\"custEmail\" class=\"text-input\" type=\"email\" \/>\n <\/div>\n <div class=\"field\">\n <label for=\"custPhone\">Phone number<\/label>\n <input id=\"custPhone\" class=\"text-input\" type=\"tel\" \/>\n <\/div>\n <div class=\"field\">\n <label for=\"custAddress\">Pickup \/ preferred address<\/label>\n <textarea\n id=\"custAddress\"\n placeholder=\"Street, city, any notes for the courier\"\n ><\/textarea>\n <\/div>\n <button class=\"primary-btn\" id=\"sendOtpBtn\" type=\"button\">\n Send verification code\n <\/button>\n <div class=\"otp-status\" id=\"otpStatus\"><\/div>\n <\/div>\n\n <div class=\"wizard-step\" data-step=\"5\">\n <h2>Review & sign agreement<\/h2>\n <div class=\"summary-box\" id=\"agreementSummary\"><\/div>\n <div class=\"agreement-pane\" style=\"margin-bottom: 14px\">\n <iframe\n id=\"termsFrame\"\n src=\"\"\n title=\"Terms and conditions\"\n ><\/iframe>\n <\/div>\n <div class=\"field\">\n <label for=\"agreeName\">Customer name<\/label>\n <input id=\"agreeName\" class=\"text-input\" type=\"text\" \/>\n <\/div>\n <div class=\"field\">\n <label for=\"agreePID\">Personal ID (optional)<\/label>\n <input\n id=\"agreePID\"\n class=\"text-input\"\n type=\"text\"\n placeholder=\"National number \/ ID\"\n \/>\n <\/div>\n <div class=\"field\">\n <label>Signature<\/label>\n <div class=\"signature-box\">\n <canvas id=\"signaturePad\"><\/canvas>\n <\/div>\n <button class=\"ghost-btn\" id=\"clearSignature\" type=\"button\">\n Clear signature\n <\/button>\n <\/div>\n <label style=\"display: flex; gap: 8px; align-items: center\">\n <input id=\"agreeCheck\" type=\"checkbox\" \/> I have read and agree to\n the Terms & Conditions.\n <\/label>\n <\/div>\n <\/div>\n <div class=\"modal__footer\">\n <button class=\"ghost-btn\" id=\"prevStepBtn\" disabled>Back<\/button>\n <div class=\"spacer\"><\/div>\n <button class=\"primary-btn\" id=\"nextStepBtn\">Next<\/button>\n <button\n class=\"primary-btn\"\n id=\"createTicketBtn\"\n style=\"display: none\"\n >\n Create ticket\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- OTP Modal -->\n <div class=\"modal-backdrop\" id=\"otpModal\" aria-hidden=\"true\">\n <div\n class=\"modal\"\n role=\"dialog\"\n aria-modal=\"true\"\n style=\"width: min(520px, 95vw)\"\n >\n <div class=\"modal__header\">\n <div class=\"modal__title\">Email verification<\/div>\n <div class=\"spacer\"><\/div>\n <button class=\"ghost-btn\" id=\"otpCloseBtn\">Close<\/button>\n <\/div>\n <div class=\"modal__body\">\n <p>We sent a 6-digit code to <strong id=\"otpEmailLabel\"><\/strong>.<\/p>\n <div\n id=\"otpInputs\"\n style=\"\n display: flex;\n gap: 10px;\n justify-content: center;\n margin: 24px 0;\n \"\n >\n <input class=\"otp-box\" inputmode=\"numeric\" maxlength=\"1\" \/>\n <input class=\"otp-box\" inputmode=\"numeric\" maxlength=\"1\" \/>\n <input class=\"otp-box\" inputmode=\"numeric\" maxlength=\"1\" \/>\n <input class=\"otp-box\" inputmode=\"numeric\" maxlength=\"1\" \/>\n <input class=\"otp-box\" inputmode=\"numeric\" maxlength=\"1\" \/>\n <input class=\"otp-box\" inputmode=\"numeric\" maxlength=\"1\" \/>\n <\/div>\n <div style=\"display: flex; gap: 12px; justify-content: center\">\n <button class=\"primary-btn\" id=\"otpVerifyBtn\" disabled>\n Verify\n <\/button>\n <button class=\"ghost-btn\" id=\"otpClearBtn\" type=\"button\">\n Clear\n <\/button>\n <\/div>\n <div\n style=\"\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-top: 18px;\n \"\n >\n <button class=\"ghost-btn\" id=\"otpResendBtn\" type=\"button\">\n Resend code\n <\/button>\n <span id=\"otpTimer\" style=\"font-weight: 700\"><\/span>\n <\/div>\n <div\n id=\"otpError\"\n style=\"color: #b00020; font-weight: 700; margin-top: 12px\"\n ><\/div>\n <div\n id=\"otpSuccess\"\n style=\"color: #0a7a3d; font-weight: 800; margin-top: 12px\"\n ><\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <style>\n .otp-box {\n width: 52px;\n height: 60px;\n border-radius: 12px;\n border: 1px solid rgba(0, 0, 0, 0.2);\n text-align: center;\n font-size: 20px;\n font-weight: 800;\n }\n .otp-box.filled {\n border-color: var(--primary);\n background: rgba(0, 149, 168, 0.08);\n }\n .otp-box.error {\n border-color: #b00020;\n }\n .otp-box.success {\n border-color: #0a7a3d;\n }\n <\/style>\n\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/signature_pad@4.1.5\/dist\/signature_pad.umd.min.js\"><\/script>\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/pdf-lib@1.17.1\/dist\/pdf-lib.min.js\"><\/script>\n\n <script>\n (function () {\n const otpModal = document.getElementById(\"otpModal\");\n const closeBtn = document.getElementById(\"otpCloseBtn\");\n const emailLabel = document.getElementById(\"otpEmailLabel\");\n const inputsWrap = document.getElementById(\"otpInputs\");\n const boxes = inputsWrap\n ? Array.from(inputsWrap.querySelectorAll(\".otp-box\"))\n : [];\n const verifyBtn = document.getElementById(\"otpVerifyBtn\");\n const clearBtn = document.getElementById(\"otpClearBtn\");\n const resendBtn = document.getElementById(\"otpResendBtn\");\n const timerEl = document.getElementById(\"otpTimer\");\n const errEl = document.getElementById(\"otpError\");\n const okEl = document.getElementById(\"otpSuccess\");\n\n let resendCooldownSec = 0;\n let timerInterval = null;\n let _resolveWait = null;\n\n function openOtpModal() {\n otpModal.classList.add(\"open\");\n otpModal.setAttribute(\"aria-hidden\", \"false\");\n document.documentElement.style.overflow = \"hidden\";\n }\n function closeOtpModal(result = false) {\n otpModal.classList.remove(\"open\");\n otpModal.setAttribute(\"aria-hidden\", \"true\");\n document.documentElement.style.overflow = \"\";\n if (_resolveWait) {\n _resolveWait(result);\n _resolveWait = null;\n }\n }\n\n closeBtn?.addEventListener(\"click\", () => closeOtpModal(false));\n otpModal?.addEventListener(\"click\", (e) => {\n if (e.target === otpModal) closeOtpModal(false);\n });\n\n function setStatus({ error = \"\", success = \"\" }) {\n if (errEl) {\n errEl.textContent = error;\n errEl.style.display = error ? \"block\" : \"none\";\n }\n if (okEl) {\n okEl.textContent = success;\n okEl.style.display = success ? \"block\" : \"none\";\n }\n }\n function readCode() {\n return boxes.map((b) => (b.value || \"\").trim()).join(\"\");\n }\n function updateUI() {\n const code = readCode();\n boxes.forEach((b) => {\n b.classList.toggle(\"filled\", !!b.value);\n b.classList.remove(\"error\", \"success\");\n });\n verifyBtn.disabled = !\/^\\d{6}$\/.test(code);\n return code;\n }\n function focusIndex(i) {\n const idx = Math.max(0, Math.min(boxes.length - 1, i));\n boxes[idx]?.focus();\n boxes[idx]?.select?.();\n }\n function clearAll() {\n boxes.forEach((b) => (b.value = \"\"));\n updateUI();\n setStatus({ error: \"\", success: \"\" });\n focusIndex(0);\n }\n function markError(msg) {\n boxes.forEach((b) => b.classList.add(\"error\"));\n setStatus({ error: msg || \"Invalid or expired code.\" });\n }\n function markSuccess() {\n boxes.forEach((b) => b.classList.add(\"success\"));\n setStatus({ success: \"Verified successfully\" });\n }\n function startResendCooldown(seconds) {\n resendCooldownSec = seconds;\n clearInterval(timerInterval);\n function tick() {\n if (resendBtn) resendBtn.disabled = resendCooldownSec > 0;\n if (timerEl)\n timerEl.textContent =\n resendCooldownSec > 0 ? `Resend in ${resendCooldownSec}s` : \"\";\n if (resendCooldownSec > 0) resendCooldownSec--;\n }\n tick();\n timerInterval = setInterval(tick, 1000);\n }\n\n boxes.forEach((box, i) => {\n box.addEventListener(\"input\", () => {\n const v = (box.value || \"\").replace(\/\\D\/g, \"\");\n box.value = v.slice(-1);\n updateUI();\n setStatus({ error: \"\", success: \"\" });\n if (box.value && i < boxes.length - 1) focusIndex(i + 1);\n });\n box.addEventListener(\"keydown\", (e) => {\n if (e.key === \"Backspace\") {\n if (box.value) {\n box.value = \"\";\n updateUI();\n return;\n }\n if (i > 0) {\n focusIndex(i - 1);\n boxes[i - 1].value = \"\";\n updateUI();\n }\n }\n if (e.key === \"ArrowLeft\" && i > 0) focusIndex(i - 1);\n if (e.key === \"ArrowRight\" && i < boxes.length - 1)\n focusIndex(i + 1);\n });\n box.addEventListener(\"paste\", (e) => {\n const text =\n (e.clipboardData || window.clipboardData).getData(\"text\") || \"\";\n const digits = text.replace(\/\\D\/g, \"\").slice(0, 6);\n if (!digits) return;\n e.preventDefault();\n digits.split(\"\").forEach((d, idx) => {\n if (boxes[idx]) boxes[idx].value = d;\n });\n updateUI();\n verifyBtn.focus();\n });\n });\n\n clearBtn?.addEventListener(\"click\", clearAll);\n\n window.showOtpModal = function (email) {\n emailLabel.textContent = email || \"\";\n clearAll();\n startResendCooldown(30);\n openOtpModal();\n return new Promise((resolve) => {\n _resolveWait = resolve;\n });\n };\n\n window._otpUI = { markError, markSuccess, closeOtpModal, clearAll };\n\n window.onOtpVerify = window.onOtpVerify || (async () => false);\n window.onOtpResend = window.onOtpResend || (async () => {});\n\n verifyBtn?.addEventListener(\"click\", async () => {\n try {\n verifyBtn.disabled = true;\n setStatus({ error: \"\", success: \"\" });\n const ok = await window.onOtpVerify(readCode());\n if (ok) {\n markSuccess();\n setTimeout(() => closeOtpModal(true), 450);\n } else {\n markError();\n }\n } catch (err) {\n console.error(err);\n markError(err?.message || \"Verification failed.\");\n } finally {\n verifyBtn.disabled = !\/^\\d{6}$\/.test(readCode());\n }\n });\n\n resendBtn?.addEventListener(\"click\", async () => {\n try {\n setStatus({ error: \"\", success: \"\" });\n resendBtn.disabled = true;\n await window.onOtpResend();\n startResendCooldown(30);\n setStatus({ success: \"New code sent. Check your inbox.\" });\n } catch (err) {\n console.error(err);\n setStatus({ error: \"Could not resend code.\" });\n resendBtn.disabled = false;\n }\n });\n })();\n <\/script>\n\n <script type=\"module\">\n import { initializeApp } from \"https:\/\/www.gstatic.com\/firebasejs\/10.13.1\/firebase-app.js\";\n import {\n getFirestore,\n collection,\n addDoc,\n serverTimestamp,\n } from \"https:\/\/www.gstatic.com\/firebasejs\/10.13.1\/firebase-firestore.js\";\n import {\n getStorage,\n ref,\n uploadBytes,\n getDownloadURL,\n } from \"https:\/\/www.gstatic.com\/firebasejs\/10.13.1\/firebase-storage.js\";\n import {\n getFunctions,\n httpsCallable,\n } from \"https:\/\/www.gstatic.com\/firebasejs\/10.13.1\/firebase-functions.js\";\n\n const firebaseConfig = {\n apiKey: \"AIzaSyCWSayCLeyr_6aBSNjb4nCY--Lw-DB_4S4\",\n authDomain: \"solutionssystemmain.firebaseapp.com\",\n projectId: \"solutionssystemmain\",\n storageBucket: \"solutionssystemmain.appspot.com\",\n messagingSenderId: \"961697855820\",\n appId: \"1:961697855820:web:a83ed62b1fdacee11f77e9\",\n };\n\n const app = initializeApp(firebaseConfig);\n const db = getFirestore(app);\n const storage = getStorage(app);\n const functions = getFunctions(app);\n const sendVerificationCode = httpsCallable(\n functions,\n \"sendVerificationCode\"\n );\n const verifyEmailCode = httpsCallable(functions, \"verifyEmailCode\");\n\n const DEVICE_TYPES = [\n \"iPhone\",\n \"iPad\",\n \"Mac\",\n \"Apple Watch\",\n \"AirPods\",\n \"Apple TV\",\n ];\n const TERMS_PDF_URL =\n \"https:\/\/365solutionsjo.com\/wp-content\/uploads\/2025\/11\/Terms-and-conditions.pdf\";\n\n const modal = document.getElementById(\"ticketModal\");\n const openBtn = document.getElementById(\"openWizard\");\n const closeBtn = document.getElementById(\"closeWizard\");\n const steps = Array.from(document.querySelectorAll(\".wizard-step\"));\n const pillsWrap = document.getElementById(\"wizardPills\");\n const prevBtn = document.getElementById(\"prevStepBtn\");\n const nextBtn = document.getElementById(\"nextStepBtn\");\n const createBtn = document.getElementById(\"createTicketBtn\");\n const deviceGrid = document.getElementById(\"deviceGrid\");\n const deviceModelInput = document.getElementById(\"deviceModel\");\n const serialInput = document.getElementById(\"deviceSerial\");\n const problemInput = document.getElementById(\"deviceProblem\");\n const nameInput = document.getElementById(\"custName\");\n const emailInput = document.getElementById(\"custEmail\");\n const phoneInput = document.getElementById(\"custPhone\");\n const addressInput = document.getElementById(\"custAddress\");\n const sendOtpBtn = document.getElementById(\"sendOtpBtn\");\n const otpStatus = document.getElementById(\"otpStatus\");\n const summaryBox = document.getElementById(\"agreementSummary\");\n const termsFrame = document.getElementById(\"termsFrame\");\n const agreeName = document.getElementById(\"agreeName\");\n const agreePID = document.getElementById(\"agreePID\");\n const agreeCheck = document.getElementById(\"agreeCheck\");\n const signatureCanvas = document.getElementById(\"signaturePad\");\n const clearSignatureBtn = document.getElementById(\"clearSignature\");\n\n let signaturePad;\n let currentStep = 0;\n let deviceCards = [];\n let latestOtpEmail = \"\";\n const state = {\n deviceType: \"\",\n deviceModel: \"\",\n serial: \"\",\n problem: \"\",\n customer: {\n name: \"\",\n email: \"\",\n phone: \"\",\n address: \"\",\n },\n verified: false,\n };\n\n function openModal() {\n modal.classList.add(\"open\");\n modal.setAttribute(\"aria-hidden\", \"false\");\n document.documentElement.style.overflow = \"hidden\";\n showStep(0);\n }\n function closeModal() {\n modal.classList.remove(\"open\");\n modal.setAttribute(\"aria-hidden\", \"true\");\n document.documentElement.style.overflow = \"\";\n }\n\n openBtn.addEventListener(\"click\", openModal);\n closeBtn.addEventListener(\"click\", () => {\n closeModal();\n });\n modal.addEventListener(\"click\", (e) => {\n if (e.target === modal) closeModal();\n });\n\n DEVICE_TYPES.forEach((type) => {\n const card = document.createElement(\"div\");\n card.className = \"device-card\";\n card.tabIndex = 0;\n card.dataset.type = type;\n card.innerHTML = `\n <div style=\"font-size: 28px\">\ud83d\udd27<\/div>\n <span>${type}<\/span>\n `;\n card.addEventListener(\"click\", () => selectType(type));\n card.addEventListener(\"keypress\", (e) => {\n if (e.key === \"Enter\" || e.key === \" \") {\n e.preventDefault();\n selectType(type);\n }\n });\n deviceGrid.appendChild(card);\n deviceCards.push(card);\n });\n\n DEVICE_TYPES.forEach((type, idx) => {\n const pill = document.createElement(\"div\");\n pill.className = \"pill\";\n pill.textContent = `${idx + 1}. ${\n type === \"Apple TV\" ? \"Submit\" : \"Step\"\n }`;\n pillsWrap.appendChild(pill);\n });\n\n function updatePills(stepIndex) {\n pillsWrap.innerHTML = \"\";\n const labels = [\"Type\", \"Model\", \"Device info\", \"Contact\", \"Agreement\"];\n labels.forEach((label, idx) => {\n const pill = document.createElement(\"div\");\n pill.className = `pill ${idx === stepIndex ? \"active\" : \"\"}`;\n pill.textContent = `${idx + 1}. ${label}`;\n pillsWrap.appendChild(pill);\n });\n }\n\n function selectType(type) {\n state.deviceType = type;\n deviceCards.forEach((card) => {\n card.classList.toggle(\"active\", card.dataset.type === type);\n });\n }\n\n function showStep(index) {\n steps.forEach((step, idx) => {\n step.classList.toggle(\"active\", idx === index);\n });\n currentStep = index;\n prevBtn.disabled = index === 0;\n nextBtn.style.display =\n index === steps.length - 1 ? \"none\" : \"inline-flex\";\n createBtn.style.display =\n index === steps.length - 1 ? \"inline-flex\" : \"none\";\n updatePills(index);\n if (index === steps.length - 1) {\n renderSummary();\n ensureSignaturePad();\n termsFrame.src = `${TERMS_PDF_URL}#toolbar=0&navpanes=0`;\n agreeName.value = state.customer.name;\n }\n }\n\n prevBtn.addEventListener(\"click\", () => {\n if (currentStep > 0) showStep(currentStep - 1);\n });\n nextBtn.addEventListener(\"click\", () => {\n if (!validateStep(currentStep)) return;\n if (currentStep < steps.length - 1) showStep(currentStep + 1);\n });\n\n function validateStep(stepIndex) {\n switch (stepIndex) {\n case 0:\n if (!state.deviceType) {\n alert(\"Please choose a device type.\");\n return false;\n }\n return true;\n case 1: {\n const value = deviceModelInput.value.trim();\n if (!value) {\n alert(\"Please enter the device model.\");\n return false;\n }\n state.deviceModel = value;\n return true;\n }\n case 2: {\n const serial = serialInput.value.trim();\n const problem = problemInput.value.trim();\n if (!serial || !problem) {\n alert(\"Enter the serial\/IMEI and describe the problem.\");\n return false;\n }\n state.serial = serial;\n state.problem = problem;\n return true;\n }\n case 3: {\n const name = nameInput.value.trim();\n const email = emailInput.value.trim();\n const phone = phoneInput.value.trim();\n const addr = addressInput.value.trim();\n if (!name || !email || !phone || !addr) {\n alert(\"Please complete all contact fields.\");\n return false;\n }\n state.customer = { name, email, phone, address: addr };\n if (!state.verified) {\n alert(\"Please verify your email before continuing.\");\n return false;\n }\n return true;\n }\n default:\n return true;\n }\n }\n\n sendOtpBtn.addEventListener(\"click\", async () => {\n try {\n const name = nameInput.value.trim();\n const email = emailInput.value.trim();\n const phone = phoneInput.value.trim();\n const addr = addressInput.value.trim();\n if (!name || !email || !phone || !addr) {\n alert(\n \"Fill out all contact details before requesting verification.\"\n );\n return;\n }\n state.customer = { name, email, phone, address: addr };\n sendOtpBtn.disabled = true;\n sendOtpBtn.textContent = \"Sending...\";\n await sendVerificationCode({\n email,\n purpose: \"onlineTickets\",\n device: state.deviceModel || state.deviceType,\n location: \"Online Ticket Wizard\",\n });\n latestOtpEmail = email;\n otpStatus.textContent = \"Code sent! Check your inbox.\";\n otpStatus.className = \"otp-status\";\n otpStatus.classList.add(\"success\");\n const verified = await window.showOtpModal(email);\n state.verified = verified;\n updateVerificationBadge();\n } catch (err) {\n console.error(err);\n otpStatus.textContent =\n err?.message || \"Could not send verification email.\";\n otpStatus.className = \"otp-status error\";\n } finally {\n sendOtpBtn.disabled = false;\n sendOtpBtn.textContent = \"Send verification code\";\n }\n });\n\n function updateVerificationBadge() {\n if (state.verified) {\n otpStatus.textContent = `Email ${state.customer.email} verified.`;\n otpStatus.className = \"otp-status success\";\n } else {\n otpStatus.textContent = \"Email not verified yet.\";\n otpStatus.className = \"otp-status error\";\n }\n }\n\n function ensureSignaturePad() {\n const rect = signatureCanvas.getBoundingClientRect();\n signatureCanvas.width = rect.width * window.devicePixelRatio;\n signatureCanvas.height = rect.height * window.devicePixelRatio;\n const ctx = signatureCanvas.getContext(\"2d\");\n ctx.scale(window.devicePixelRatio, window.devicePixelRatio);\n signaturePad = new window.SignaturePad(signatureCanvas, {\n backgroundColor: \"rgba(255,255,255,0)\",\n });\n }\n clearSignatureBtn.addEventListener(\"click\", () => {\n signaturePad?.clear();\n });\n window.addEventListener(\"resize\", () => {\n if (steps[currentStep]?.dataset.step === \"5\") ensureSignaturePad();\n });\n\n function renderSummary() {\n summaryBox.innerHTML = `\n <div><strong>Device:<\/strong> ${state.deviceType} \u2013 ${state.deviceModel}<\/div>\n <div><strong>Serial \/ IMEI:<\/strong> ${state.serial}<\/div>\n <div><strong>Issue:<\/strong> ${state.problem}<\/div>\n <hr style=\"margin: 12px 0\">\n <div><strong>Customer:<\/strong> ${state.customer.name}<\/div>\n <div><strong>Email:<\/strong> ${state.customer.email}<\/div>\n <div><strong>Phone:<\/strong> ${state.customer.phone}<\/div>\n <div><strong>Address:<\/strong> ${state.customer.address}<\/div>\n `;\n }\n\n async function fetchArrayBuffer(url) {\n const res = await fetch(url);\n if (!res.ok) throw new Error(\"Failed to fetch agreement PDF\");\n return await res.arrayBuffer();\n }\n\n async function createStampedAgreementPDF({\n customerName,\n signatureDataUrl,\n }) {\n const { PDFDocument, rgb, StandardFonts } = window.PDFLib;\n const pdfBytes = await fetchArrayBuffer(TERMS_PDF_URL);\n const pdfDoc = await PDFDocument.load(pdfBytes);\n const page = pdfDoc.getPages()[0];\n const font = await pdfDoc.embedFont(StandardFonts.Helvetica);\n const sigBytes = await (await fetch(signatureDataUrl)).arrayBuffer();\n const sigImage = await pdfDoc.embedPng(sigBytes);\n\n \/\/ Tweak these coordinates as needed\n page.drawText(`${customerName}`, {\n x: 40,\n y: 65,\n size: 5,\n font,\n color: rgb(0, 0, 0),\n });\n page.drawImage(sigImage, { x: 225, y: 55, width: 60, height: 20 });\n\n page.drawText(`${customerName}`, {\n x: 475,\n y: 50,\n size: 5,\n font,\n color: rgb(0, 0, 0),\n });\n page.drawImage(sigImage, { x: 300, y: 45, width: 60, height: 20 });\n\n return await pdfDoc.save();\n }\n\n async function uploadAgreement(bytes) {\n const fileRef = ref(storage, `agreements\/${Date.now()}_ticket.pdf`);\n await uploadBytes(\n fileRef,\n new Blob([bytes], { type: \"application\/pdf\" })\n );\n return await getDownloadURL(fileRef);\n }\n\n createBtn.addEventListener(\"click\", async () => {\n if (!agreeCheck.checked) {\n alert(\"Please accept the Terms & Conditions.\");\n return;\n }\n if (!agreeName.value.trim()) {\n alert(\"Enter the name that should appear on the agreement.\");\n return;\n }\n if (!signaturePad || signaturePad.isEmpty()) {\n alert(\"Please sign the agreement.\");\n return;\n }\n createBtn.disabled = true;\n createBtn.textContent = \"Creating...\";\n try {\n const sigData = signaturePad.toDataURL(\"image\/png\");\n const stamped = await createStampedAgreementPDF({\n customerName: agreeName.value.trim(),\n signatureDataUrl: sigData,\n });\n const agreementUrl = await uploadAgreement(stamped);\n const payload = {\n device: state.deviceModel,\n deviceType: state.deviceType,\n services: [state.deviceType],\n selectionDescription: state.problem,\n location: \"online\",\n locationName: \"Online Ticket Wizard\",\n customer: {\n name: state.customer.name,\n email: state.customer.email,\n phone: state.customer.phone,\n address: state.customer.address,\n },\n deviceInfo: {\n serialOrImei: state.serial,\n problemDetails: state.problem,\n },\n agreement: {\n customerName: agreeName.value.trim(),\n personalId: agreePID.value.trim() || null,\n signedAt: new Date().toISOString(),\n url: agreementUrl,\n },\n appointment: null,\n createdAt: serverTimestamp(),\n emailVerification: {\n verified: true,\n verifiedAt: new Date().toISOString(),\n },\n };\n await addDoc(collection(db, \"onlineTickets\"), payload);\n alert(\"Ticket created successfully! Our team will contact you soon.\");\n closeModal();\n } catch (err) {\n console.error(err);\n alert(err?.message || \"Could not create ticket. Try again.\");\n } finally {\n createBtn.disabled = false;\n createBtn.textContent = \"Create ticket\";\n }\n });\n\n window.onOtpVerify = async (code) => {\n const email = latestOtpEmail || emailInput.value.trim();\n if (!email) return false;\n try {\n const res = await verifyEmailCode({ email, code });\n const ok = !!res.data?.ok;\n if (ok) {\n state.verified = true;\n updateVerificationBadge();\n }\n return ok;\n } catch (err) {\n console.error(err);\n window._otpUI?.markError(err?.message || \"Verification failed\");\n return false;\n }\n };\n\n window.onOtpResend = async () => {\n const email = emailInput.value.trim();\n if (!email) throw new Error(\"Enter your email first.\");\n await sendVerificationCode({\n email,\n purpose: \"onlineTickets\",\n device: state.deviceModel || state.deviceType,\n location: \"Online Ticket Wizard\",\n });\n latestOtpEmail = email;\n };\n <\/script>\n <\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-f99ae32\" data-id=\"f99ae32\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-bb7dd61 elementor-widget elementor-widget-html\" data-id=\"bb7dd61\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n <head>\n <meta charset=\"UTF-8\" \/>\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" \/>\n <title>Book an Appointment<\/title>\n <style>\n :root {\n --primary: #0095a8;\n --white-back: #ffffff;\n --accent: #00b8d9;\n --border: #dfe7ef;\n --shadow: 0 25px 55px rgba(15, 31, 48, 0.12);\n }\n * {\n box-sizing: border-box;\n }\n body {\n margin: 0;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto,\n Arial, sans-serif;\n background: radial-gradient(\n circle at top,\n #eaf6ff,\n #f9fcff 45%,\n #f5faff\n );\n min-height: 100vh;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 40px 16px;\n color: #0f1f28;\n }\n .hero-card {\n width: min(560px, 100%);\n background: #fff;\n border-radius: 28px;\n padding: 42px;\n text-align: center;\n box-shadow: var(--shadow);\n }\n .hero-card h1 {\n margin: 0 0 12px;\n font-size: 34px;\n font-weight: 900;\n letter-spacing: -0.5px;\n }\n .hero-card p {\n margin: 0 auto 28px;\n max-width: 420px;\n color: #4a5f70;\n line-height: 1.55;\n }\n .hero-card button {\n appearance: none;\n border: 0;\n border-radius: 999px;\n padding: 16px 34px;\n font-size: 17px;\n font-weight: 900;\n color: #fff;\n background: linear-gradient(120deg, var(--primary), var(--accent));\n box-shadow: 0 12px 30px rgba(0, 149, 168, 0.35);\n cursor: pointer;\n }\n .modal-backdrop {\n position: fixed;\n inset: 0;\n background: rgba(8, 15, 21, 0.45);\n display: none;\n align-items: center;\n justify-content: center;\n padding: 18px;\n z-index: 9999;\n }\n .modal-backdrop.open {\n display: flex;\n }\n .modal {\n width: min(940px, 95vw);\n max-height: 94vh;\n border-radius: 24px;\n background: #fff;\n box-shadow: var(--shadow);\n display: flex;\n flex-direction: column;\n overflow: hidden;\n }\n .modal__header,\n .modal__footer {\n padding: 22px 30px;\n border-bottom: 1px solid rgba(0, 0, 0, 0.05);\n display: flex;\n align-items: center;\n gap: 12px;\n }\n .modal__footer {\n border-bottom: 0;\n border-top: 1px solid rgba(0, 0, 0, 0.05);\n justify-content: flex-end;\n flex-wrap: wrap;\n }\n .modal__title {\n font-size: 22px;\n font-weight: 800;\n }\n .modal__body {\n padding: 26px 30px 32px;\n overflow: auto;\n }\n \n .ghost1-btn {\n \n border: 1px solid rgba(0, 0, 0, 0.15);\n background: linear-gradient(120deg, var(--white-back), #ffffff);\n color: #1c2c35;\n padding: 12px 26px;\n border-radius: 10px;\n font-weight: 700;\n cursor: pointer;\n }\n \n .ghost1-btn:hover {\n background: #efefef;\n color: #000000;\n }\n \/*.ghost1-btn {*\/\n \/* border: 1px solid rgba(0, 0, 0, 0.15);*\/\n \/* background: transparent;*\/\n \/* border-radius: 12px;*\/\n \/* padding: 10px 22px;*\/\n \/* font-weight: 700;*\/\n \/* cursor: pointer;*\/\n \/*}*\/\n .primary-btn {\n border: 0;\n border-radius: 12px;\n padding: 12px 28px;\n font-weight: 800;\n background: linear-gradient(120deg, var(--primary), var(--accent));\n color: #fff;\n cursor: pointer;\n min-width: 150px;\n }\n .grid-two {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 18px;\n }\n .field label {\n display: block;\n font-size: 14px;\n font-weight: 700;\n margin-bottom: 6px;\n }\n .text-input,\n textarea,\n select {\n width: 100%;\n border: 1px solid var(--border);\n border-radius: 12px;\n padding: 12px 14px;\n font-size: 15px;\n }\n textarea {\n resize: vertical;\n min-height: 110px;\n }\n .cards {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 14px;\n margin: 12px 0 6px;\n }\n .card-option {\n border: 1px solid var(--border);\n border-radius: 16px;\n padding: 16px;\n text-align: center;\n cursor: pointer;\n transition: border-color 0.12s ease, box-shadow 0.12s ease;\n }\n .card-option strong {\n display: block;\n font-size: 15px;\n margin-bottom: 6px;\n }\n .card-option.active {\n border-color: var(--primary);\n box-shadow: 0 0 0 3px rgba(0, 149, 168, 0.16);\n }\n .location-info {\n border: 1px solid rgba(0, 0, 0, 0.05);\n border-radius: 14px;\n padding: 14px 16px;\n background: #f6fbff;\n font-size: 14px;\n color: #3c4b58;\n }\n .summary-box {\n border: 1px solid rgba(0, 0, 0, 0.05);\n border-radius: 16px;\n padding: 18px;\n background: #f4fbfd;\n margin: 20px 0;\n }\n .invalid-field {\n border-color: #b00020 !important;\n box-shadow: 0 0 0 1px rgba(176, 0, 32, 0.12);\n }\n .cards.invalid-field {\n border-radius: 20px;\n padding: 18px;\n border: 1px solid rgba(176, 0, 32, 0.5) !important;\n box-shadow: inset 0 0 0 1px rgba(176, 0, 32, 0.12);\n }\n @media (max-width: 640px) {\n .hero-card {\n padding: 28px;\n }\n .modal__header,\n .modal__body,\n .modal__footer {\n padding: 18px;\n }\n .modal__footer {\n flex-direction: column;\n align-items: stretch;\n }\n \n .ghost1-btn,\n .primary-btn {\n width: 100%;\n }\n }\n <\/style>\n <\/head>\n <body>\n <div class=\"hero-card\">\n <h1>Schedule a Visit<\/h1>\n <p>\n Book a repair appointment at our<br\/> Amman or Irbid service centers. <br\/>Pick a\n slot that suits you and we\u0019ll confirm right away.\n <\/p>\n <button id=\"openBooking\">Book Appointment<\/button>\n <\/div>\n\n <div class=\"modal-backdrop\" id=\"bookingModal\" aria-hidden=\"true\">\n <div class=\"modal\" role=\"dialog\" aria-modal=\"true\">\n <div class=\"modal__header\">\n <div class=\"modal__title\">Appointment booking<\/div>\n <div class=\"spacer\"><\/div>\n <button class=\"ghost1-btn\" id=\"closeBooking\">Close<\/button>\n <\/div>\n <div class=\"modal__body\">\n <div class=\"summary-box\" id=\"selectionSummary\">\n Choose a location and provide your device details to see\n availability.\n <\/div>\n\n <div class=\"grid-two\">\n <div class=\"field\">\n <label for=\"deviceType\">Device type<\/label>\n <select id=\"deviceType\" class=\"text-input\">\n <option value=\"\">Select type<\/option>\n <option>iPhone<\/option>\n <option>iPad<\/option>\n <option>Mac<\/option>\n <option>Apple Watch<\/option>\n <option>AirPods<\/option>\n <option>Apple TV<\/option>\n <option>Other<\/option>\n <\/select>\n <\/div>\n <div class=\"field\">\n <label for=\"deviceModel\">Model<\/label>\n <input\n id=\"deviceModel\"\n class=\"text-input\"\n type=\"text\"\n placeholder=\"Example: iPhone 15 Pro\"\n \/>\n <\/div>\n <\/div>\n\n <div class=\"field\">\n <label for=\"issueDetails\">Describe the issue<\/label>\n <textarea\n id=\"issueDetails\"\n placeholder=\"Screen damage, battery issue, diagnostics needed...\"\n ><\/textarea>\n <\/div>\n\n <div class=\"field\">\n <label>Preferred service center<\/label>\n <div class=\"cards\" id=\"locationCards\">\n <div class=\"card-option\" data-id=\"amman\">\n <strong>365 Solutions Amman<\/strong>\n <span>Mecca Street | Sun-Thu 9:00-21:00<\/span>\n <\/div>\n <div class=\"card-option\" data-id=\"irbid\">\n <strong>365 Solutions Irbid<\/strong>\n <span>Wasfi AlTal Street | Sat-Thu 10:00-21:00<\/span>\n <\/div>\n <\/div>\n <div class=\"location-info\" id=\"locationInfo\"><\/div>\n <\/div>\n\n <div class=\"grid-two\">\n <div class=\"field\">\n <label for=\"custName\">Your name<\/label>\n <input id=\"custName\" class=\"text-input\" type=\"text\" \/>\n <\/div>\n <div class=\"field\">\n <label for=\"custPhone\">Phone number<\/label>\n <input id=\"custPhone\" class=\"text-input\" type=\"tel\" \/>\n <\/div>\n <\/div>\n <div class=\"grid-two\">\n <div class=\"field\">\n <label for=\"custEmail\">Email<\/label>\n <input id=\"custEmail\" class=\"text-input\" type=\"email\" \/>\n <\/div>\n <div class=\"field\">\n <label for=\"custCompany\">Company (optional)<\/label>\n <input id=\"custCompany\" class=\"text-input\" type=\"text\" \/>\n <\/div>\n <\/div>\n\n <div class=\"grid-two\">\n <div class=\"field\">\n <label for=\"apptDate\">Appointment date<\/label>\n <input id=\"apptDate\" class=\"text-input\" type=\"date\" \/>\n <\/div>\n <div class=\"field\">\n <label for=\"apptTime\">Preferred time<\/label>\n <select id=\"apptTime\" class=\"text-input\">\n <option value=\"\">Select time<\/option>\n <\/select>\n <div\n id=\"closedMsg\"\n style=\"\n display: none;\n font-size: 13px;\n color: #b00020;\n margin-top: 6px;\n \"\n ><\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"modal__footer\">\n <button class=\"ghost1-btn\" id=\"resetForm\">Reset<\/button>\n <button class=\"primary-btn\" id=\"submitBooking\">Book now<\/button>\n <\/div>\n <\/div>\n <\/div>\n\n <script type=\"module\">\n import { initializeApp } from \"https:\/\/www.gstatic.com\/firebasejs\/10.13.1\/firebase-app.js\";\n import {\n getFirestore,\n collection,\n addDoc,\n serverTimestamp,\n } from \"https:\/\/www.gstatic.com\/firebasejs\/10.13.1\/firebase-firestore.js\";\n\n const firebaseConfig = {\n apiKey: \"AIzaSyCWSayCLeyr_6aBSNjb4nCY--Lw-DB_4S4\",\n authDomain: \"solutionssystemmain.firebaseapp.com\",\n projectId: \"solutionssystemmain\",\n storageBucket: \"solutionssystemmain.appspot.com\",\n messagingSenderId: \"961697855820\",\n appId: \"1:961697855820:web:a83ed62b1fdacee11f77e9\",\n };\n\n const app = initializeApp(firebaseConfig);\n const db = getFirestore(app);\n window.db = db;\n\n const SCHEDULES = {\n amman: {\n 0: [9, 21],\n 1: [9, 21],\n 2: [9, 21],\n 3: [9, 21],\n 4: [9, 21],\n 5: null,\n 6: [10, 21],\n },\n irbid: {\n 0: [10, 21],\n 1: [10, 21],\n 2: [10, 21],\n 3: [10, 21],\n 4: [10, 21],\n 5: null,\n 6: [10, 21],\n },\n };\n\n const locationDetails = {\n amman: `221 Mecca Street, Amman<br \/>Sun-Thu | 9:00 AM - 9:00 PM<br \/>Sat | 10:00 AM - 9:00 PM`,\n irbid: `Wasfi AlTal Street, Irbid<br \/>Sat-Thu | 10:00 AM - 9:00 PM<br \/>Fri | Closed`,\n };\n\n const openBtn = document.getElementById(\"openBooking\");\n const modal = document.getElementById(\"bookingModal\");\n const closeBtn = document.getElementById(\"closeBooking\");\n const resetBtn = document.getElementById(\"resetForm\");\n const submitBtn = document.getElementById(\"submitBooking\");\n const locationCardsWrap = modal.querySelector(\"#locationCards\");\n const locationCards = Array.from(\n locationCardsWrap?.querySelectorAll(\".card-option\") || []\n );\n const locationInfo = modal.querySelector(\"#locationInfo\");\n const selectionSummary = modal.querySelector(\"#selectionSummary\");\n\n const deviceType = modal.querySelector(\"#deviceType\");\n const deviceModel = modal.querySelector(\"#deviceModel\");\n const issueDetails = modal.querySelector(\"#issueDetails\");\n const custName = modal.querySelector(\"#custName\");\n const custPhone = modal.querySelector(\"#custPhone\");\n const custEmail = modal.querySelector(\"#custEmail\");\n const custCompany = modal.querySelector(\"#custCompany\");\n const apptDate = modal.querySelector(\"#apptDate\");\n const apptTime = modal.querySelector(\"#apptTime\");\n const closedMsg = modal.querySelector(\"#closedMsg\");\n\n let selectedLocation = \"\";\n\n function openModal() {\n modal.classList.add(\"open\");\n modal.setAttribute(\"aria-hidden\", \"false\");\n document.documentElement.style.overflow = \"hidden\";\n const today = new Date();\n apptDate.min = today.toISOString().slice(0, 10);\n if (!selectedLocation) {\n selectLocation(\"amman\");\n } else {\n populateTimes(selectedLocation);\n updateSummary();\n }\n }\n function closeModal() {\n modal.classList.remove(\"open\");\n modal.setAttribute(\"aria-hidden\", \"true\");\n document.documentElement.style.overflow = \"\";\n }\n\n openBtn.addEventListener(\"click\", openModal);\n closeBtn.addEventListener(\"click\", closeModal);\n modal.addEventListener(\"click\", (e) => {\n if (e.target === modal) closeModal();\n });\n\n function selectLocation(id) {\n if (!id) return;\n selectedLocation = id;\n locationCards.forEach((card) => {\n card.classList.toggle(\"active\", card.dataset.id === id);\n });\n if (locationInfo) locationInfo.innerHTML = locationDetails[id] || \"\";\n locationCardsWrap?.classList.remove(\"invalid-field\");\n populateTimes(id);\n updateSummary();\n }\n locationCards.forEach((card) => {\n card.addEventListener(\"click\", () => selectLocation(card.dataset.id));\n card.addEventListener(\"keypress\", (e) => {\n if (e.key === \"Enter\" || e.key === \" \") {\n e.preventDefault();\n selectLocation(card.dataset.id);\n }\n });\n });\n\n function fmt12h(h, m = 0) {\n const ampm = h >= 12 ? \"PM\" : \"AM\";\n let hh = h % 12;\n if (hh === 0) hh = 12;\n return `${hh}:${String(m).padStart(2, \"0\")} ${ampm}`;\n }\n function buildSlots(startHour, endHour, date) {\n const slots = [];\n const now = new Date();\n const isToday = date.toDateString() === now.toDateString();\n for (let h = startHour; h < endHour; h++) {\n for (let m = 0; m < 60; m += 30) {\n const slot = new Date(date);\n slot.setHours(h, m, 0, 0);\n if (isToday && slot <= now) continue;\n slots.push({ val: slot.toISOString(), label: fmt12h(h, m) });\n }\n }\n return slots;\n }\n function nextOpenDateWithSlots(branch) {\n const schedule = SCHEDULES[branch];\n if (!schedule) return null;\n for (let i = 0; i < 30; i++) {\n const d = new Date();\n d.setHours(0, 0, 0, 0);\n d.setDate(d.getDate() + i);\n const hours = schedule[d.getDay()];\n if (!hours) continue;\n const slots = buildSlots(hours[0], hours[1], d);\n if (slots.length) return d;\n }\n return null;\n }\n function populateTimes(branch) {\n const previousValue = apptTime.value;\n apptTime.innerHTML = '<option value=\"\">Select time<\/option>';\n closedMsg.style.display = \"none\";\n closedMsg.textContent = \"\";\n if (!branch || !SCHEDULES[branch]) {\n closedMsg.style.display = \"\";\n closedMsg.textContent = \"Choose a service center first.\";\n return;\n }\n let dateObj;\n if (apptDate.value) {\n dateObj = new Date(apptDate.value + \"T00:00:00\");\n } else {\n dateObj = nextOpenDateWithSlots(branch);\n if (!dateObj) {\n closedMsg.style.display = \"\";\n closedMsg.textContent = \"No available slots in the next 30 days.\";\n return;\n }\n apptDate.valueAsDate = dateObj;\n }\n const hours = SCHEDULES[branch][dateObj.getDay()];\n if (!hours) {\n closedMsg.style.display = \"\";\n closedMsg.textContent = \"Selected day is closed for this location.\";\n return;\n }\n const slots = buildSlots(hours[0], hours[1], dateObj);\n if (!slots.length) {\n closedMsg.style.display = \"\";\n closedMsg.textContent =\n \"No remaining times today; choose another day.\";\n return;\n }\n let restored = false;\n slots.forEach((s) => {\n const opt = document.createElement(\"option\");\n opt.value = s.val;\n opt.textContent = s.label;\n if (s.val === previousValue) {\n opt.selected = true;\n restored = true;\n }\n apptTime.appendChild(opt);\n });\n if (!restored) {\n apptTime.value = \"\";\n }\n }\n\n apptDate.addEventListener(\"change\", () => {\n if (selectedLocation) populateTimes(selectedLocation);\n });\n\n function getLocationName(id) {\n if (id === \"amman\") return \"365 Solutions in Amman\";\n if (id === \"irbid\") return \"365 Solutions in Irbid\";\n return \"\";\n }\n\n function updateSummary() {\n if (!selectionSummary) return;\n selectionSummary.innerHTML = `\n <strong>Location:<\/strong> ${\n getLocationName(selectedLocation) || \"not set\"\n }<br \/>\n <strong>Device:<\/strong> ${deviceType.value || \"-\"} ${\n deviceModel.value || \"\"\n }<br \/>\n <strong>Issue:<\/strong> ${issueDetails.value || \"-\"}\n `;\n }\n [deviceType, deviceModel, issueDetails].forEach((el) => {\n el.addEventListener(\"input\", updateSummary);\n });\n\n resetBtn.addEventListener(\"click\", () => {\n deviceType.value = \"\";\n deviceModel.value = \"\";\n issueDetails.value = \"\";\n custName.value = \"\";\n custPhone.value = \"\";\n custEmail.value = \"\";\n custCompany.value = \"\";\n apptDate.value = \"\";\n apptTime.innerHTML = '<option value=\"\">Select time<\/option>';\n closedMsg.style.display = \"none\";\n selectLocation(\"amman\");\n });\n\n function clearInvalidStates() {\n [\n deviceType,\n deviceModel,\n issueDetails,\n custName,\n custPhone,\n custEmail,\n apptDate,\n apptTime,\n ]\n .filter(Boolean)\n .forEach((el) => el.classList.remove(\"invalid-field\"));\n locationCardsWrap?.classList.remove(\"invalid-field\");\n }\n\n function markInvalid(el) {\n el?.classList.add(\"invalid-field\");\n }\n \n function isValidEmail(email) {\n return \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(email);\n }\n\n function validatePayload(payload) {\n clearInvalidStates();\n const missing = [];\n if (!payload.deviceType) {\n missing.push(\"Device type\");\n markInvalid(deviceType);\n }\n if (!payload.device) {\n missing.push(\"Device model\");\n markInvalid(deviceModel);\n }\n if (!payload.description) {\n missing.push(\"Issue description\");\n markInvalid(issueDetails);\n }\n if (!payload.location) {\n missing.push(\"Service center\");\n locationCardsWrap?.classList.add(\"invalid-field\");\n }\n if (!payload.customer.name) {\n missing.push(\"Your name\");\n markInvalid(custName);\n }\n if (!payload.customer.phone) {\n missing.push(\"Phone number\");\n markInvalid(custPhone);\n }\n if (!payload.customer.email) {\n missing.push(\"Email\");\n markInvalid(custEmail);\n } else if (!isValidEmail(payload.customer.email)) {\n missing.push(\"Valid email format\");\n markInvalid(custEmail);\n }\n if (!payload.appointment.date) {\n missing.push(\"Appointment date\");\n markInvalid(apptDate);\n }\n if (!payload.appointment.time) {\n missing.push(\"Appointment time\");\n markInvalid(apptTime);\n }\n\n if (missing.length) {\n alert(\n `Please complete the following fields before booking: ${missing.join(\n \", \"\n )}`\n );\n return false;\n }\n return true;\n }\n\n const formFields = [\n deviceType,\n deviceModel,\n issueDetails,\n custName,\n custPhone,\n custEmail,\n apptDate,\n apptTime,\n ].filter(Boolean);\n formFields.forEach((field) => {\n [\"input\", \"change\"].forEach((evt) =>\n field.addEventListener(evt, () =>\n field.classList.remove(\"invalid-field\")\n )\n );\n });\n\n async function saveAppointment(payload) {\n await addDoc(collection(db, \"appointments\"), payload);\n }\n\n submitBtn.addEventListener(\"click\", async () => {\n const payload = {\n device: deviceModel.value.trim(),\n deviceType: deviceType.value.trim(),\n services: [],\n description: issueDetails.value.trim(),\n location: selectedLocation,\n locationName:\n selectedLocation === \"amman\"\n ? \"365 Solutions in Amman\"\n : selectedLocation === \"irbid\"\n ? \"365 Solutions in Irbid\"\n : \"\",\n customer: {\n name: custName.value.trim(),\n phone: custPhone.value.trim(),\n email: custEmail.value.trim(),\n company: custCompany.value.trim() || null,\n },\n appointment: {\n date: apptDate.value,\n time: apptTime.value,\n },\n createdAt: serverTimestamp(),\n };\n\n if (!validatePayload(payload)) return;\n\n try {\n submitBtn.disabled = true;\n submitBtn.textContent = \"Booking...\";\n await saveAppointment(payload);\n alert(\"\u2705 Appointment saved! We will confirm shortly.\");\n closeModal();\n resetBtn.click();\n } catch (err) {\n console.error(err);\n alert(err?.message || \"Could not save appointment. Try again.\");\n } finally {\n submitBtn.disabled = false;\n submitBtn.textContent = \"Book now\";\n }\n });\n <\/script>\n <\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-144c8a9 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"144c8a9\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-f084e83\" data-id=\"f084e83\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-9f47a42 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"9f47a42\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-e1fe121 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"e1fe121\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-14a035e\" data-id=\"14a035e\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7230dae elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"7230dae\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-32df6bc\" data-id=\"32df6bc\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1f50885 elementor-widget elementor-widget-html\" data-id=\"1f50885\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"promo-grid\">\n <div class=\"promo-wrap\">\n\n <a class=\"promo-card\" href=\"https:\/\/365solutionsjo.com\/trade-in-upgrade\/\" aria-label=\"Trade in & Upgrade\">\n <div class=\"promo-img\">\n <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/365solutionsjo.com\/wp-content\/uploads\/2025\/12\/Multi-Product_Apple_TV_4K_3rd-Gen_HomePod_2nd-Gen_MacBook_Pro_16-in_iPad_Pro_11-in_Apple_Pencil_Pro_AirPods_Pro_2_iPhone_16_Pro_Max_iPhone_16_Pro_Apple_Watch_Series_10_AirPods_Pro_Max_Screen__USEN.jpg?ssl=1\" alt=\"Trade in & Upgrade\">\n <\/div>\n <h3 class=\"promo-title\">Trade in &<br>Upgrade<\/h3>\n <div class=\"promo-cta\">Click here <span>><\/span><\/div>\n <\/a>\n\n <a class=\"promo-card\" href=\"https:\/\/365solutionsjo.com\/apple-repair-cost-table\/\" aria-label=\"iPhone Repair Cost Estimation\">\n <div class=\"promo-img\">\n <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/365solutionsjo.com\/wp-content\/uploads\/2025\/12\/iPhone_14_Blue_PDP_Image_Position-1_AR2.jpg?ssl=1\" alt=\"iPhone Repair Cost Estimation\">\n <\/div>\n <h3 class=\"promo-title\">iPhone Repair Cost Estimation<\/h3>\n <div class=\"promo-cta\">Learn more <span>><\/span><\/div>\n <\/a>\n\n <\/div>\n<\/section>\n\n<style>\n\/* ===== Centered 2-card promo section (SMALLER) ===== *\/\n.promo-grid{\n --border:#d8d8d8;\n --blue:#3A5ECC;\n padding: 24px 12px;\n}\n\n.promo-grid .promo-wrap{\n max-width: 720px; \/* \u2b05\ufe0f smaller container *\/\n margin: 0 auto;\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 24px;\n justify-content: center;\n}\n\n\/* Card *\/\n.promo-grid .promo-card{\n all: unset;\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n align-items: center;\n\n border: 2px solid var(--border);\n background: #fff;\n padding: 10px 7px 9px; \/* \u2b05\ufe0f tighter padding *\/\n cursor: pointer;\n min-width: 150px;\n max-width: 200px;\n min-height: 200px; \n max-height: 250px;\/* \u2b05\ufe0f shorter card *\/\n text-align: center;\n}\n\n\/* Image *\/\n.promo-grid .promo-img{\n width: 100%;\n height: 200px; \/* \u2b05\ufe0f smaller image area *\/\n display: grid;\n place-items: center;\n}\n.promo-grid .promo-img img{\n max-width: 80%;\n max-height: 100%;\n object-fit: contain;\n}\n\n\/* Title *\/\n.promo-grid .promo-title{\n all: unset;\n margin-top: 10px;\n font-size: 20px; \/* \u2b05\ufe0f smaller title *\/\n line-height: 1.15;\n font-weight: 800;\n color: #000;\n}\n\n\/* CTA *\/\n.promo-grid .promo-cta{\n margin-top: 10px;\n padding-top: 5px;\n font-size: 18px; \/* \u2b05\ufe0f smaller CTA *\/\n font-weight: 700;\n color: var(--blue);\n}\n\n\/* Hover *\/\n.promo-grid .promo-card:hover{\n border-color: #c9c9c9;\n box-shadow: 0 6px 14px rgba(0,0,0,.06);\n}\n\n\/* Mobile *\/\n@media (max-width: 720px){\n .promo-grid .promo-wrap{\n grid-template-columns: 1fr;\n max-width: 380px;\n }\n .promo-grid .promo-card{\n min-height: 320px;\n }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8af3ffd elementor-widget elementor-widget-html\" data-id=\"8af3ffd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!doctype html>\n<html lang=\"en\">\n<head>\n<meta charset=\"utf-8\" \/>\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" \/>\n<title>FAQ Tabs + Accordion<\/title>\n\n<style>\n :root{\n --blue:#3A5ECC;\n --blue-dark:#65BFCA;\n --border:#000;\n --text:#000;\n --muted:#6b7280;\n --row:#f1f3f6;\n --row2:#f6f7f9;\n --row-hover:#e9e9e9;\n --row-active:#e1e1e1;\n }\n \n \n \n\n *{ box-sizing:border-box; }\n body{\n margin:0;\n font-family: system-ui, -apple-system, \"Segoe UI\", Roboto, Arial, sans-serif;\n color:var(--text);\n background:#fff;\n }\n\n .faq-wrap{\n max-width: 1180px;\n margin: 28px auto 60px;\n padding: 0 14px;\n }\n\n \/* Title *\/\n .faq-title{\n text-align:center;\n font-weight:800;\n font-size: 18px;\n margin: 18px 0 10px;\n letter-spacing:.2px;\n }\n .faq-underline{\n width: 420px;\n max-width: 70%;\n height: 2px;\n background: var(--blue);\n margin: 8px auto 26px;\n opacity:.9;\n }\n\n \/* Tabs row *\/\n .tabs{\n display:grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 10px;\n align-items:stretch;\n margin-bottom: 14px;\n }\n\n \/* FAQ Tabs \u2013 fully isolated from theme buttons *\/\n.faq-wrap .tabs .tab-btn{\n all: unset; \/* \ud83d\udd25 removes theme button styles completely *\/\n box-sizing: border-box;\n\n display: block;\n width: 100%;\n\n border: 2px solid var(--border); !important;\n background-color: #ffffff !important;\n \n color: var(--text);\n font-weight: 700;\n font-size: 20px;\n padding: 18px 16px;\n border-radius: 4px 4px 0 0;\n cursor: pointer;\n line-height: 1.15;\n text-align: center;\n\n transition: background-color .15s ease,\n color .15s ease,\n border-color .15s ease;\n}\n\n\/* Hover *\/\n.faq-wrap .tabs .tab-btn:hover{\n background-color: rgba(47,128,237,.08) !important;\n}\n\n\/* Active tab *\/\n.faq-wrap .tabs .tab-btn[aria-selected=\"true\"]{\n background-color: var(--blue-dark) !important;\n color: #ffffff !important;\n border-color: var(--blue-dark) !important;\n}\n \n\n \/* Panel + accordion container *\/\n .panel{\n \n border-top: 2px solid var(--blue);\n background:#fff;\n }\n\n .accordion{\n border: 1px solid #e5e7eb;\n border-radius: 6px;\n overflow:hidden;\n box-shadow: 0 8px 18px rgba(0,0,0,.06);\n }\n\n .acc-item{\n background: var(--row2);\n border-top: 1px solid #e6e7ea;\n }\n .acc-item:first-child{ border-top:0; }\n\n \/* FAQ Accordion Button \u2013 fully isolated from theme *\/\n.faq-wrap .accordion .acc-btn{\n all: unset; \/* \ud83d\udd25 kill theme button styles *\/\n box-sizing: border-box;\n\n width: 100%;\n display: flex;\n align-items: center;\n gap: 14px;\n\n padding: 18px 18px;\n background-color: var(--row2) !important;\n color: #000 !important;\n\n cursor: pointer;\n text-align: left;\n\n font-size: 20px;\n font-weight: 600;\n line-height: 1.2;\n\n transition: background-color .15s ease, color .15s ease;\n}\n\n\/* Hover *\/\n.faq-wrap .accordion .acc-btn:hover{\n background-color: var(--row-hover) !important;\n}\n\n\/* Open state *\/\n.faq-wrap .accordion .acc-btn[aria-expanded=\"true\"]{\n background-color: var(--row-active) !important;\n font-weight: 700;\n}\n\n\/* Plus \/ icon safety *\/\n.faq-wrap .accordion .acc-btn svg,\n.faq-wrap .accordion .acc-btn span,\n.faq-wrap .accordion .acc-btn i{\n pointer-events: none;\n}\n\n \/* Plus icon (like screenshot) *\/\n .acc-icon{\n width: 34px;\n height: 34px;\n display:grid;\n place-items:center;\n color:#111;\n font-weight: 900;\n font-size: 30px;\n line-height: 1;\n flex: 0 0 34px;\n }\n\n .acc-q{\n flex:1;\n }\n\n .acc-panel{\n display:none;\n padding: 0 18px 18px 66px; \/* indent under question (after + icon) *\/\n background: #efefef;\n color:#111;\n border-top: 1px solid #e1e1e1;\n font-size: 16px;\n line-height: 1.6;\n }\n\n .acc-item[data-open=\"true\"] .acc-panel{ display:block; }\n .acc-item[data-open=\"true\"] .acc-btn{ background: #ededed; }\n .acc-item[data-open=\"true\"] .acc-icon::before{ content:\"\u2212\"; }\n .acc-item[data-open=\"false\"] .acc-icon::before{ content:\"+\"; }\n\n \/* Responsive *\/\n @media (max-width: 980px){\n .faq-title{ font-size: 34px; }\n .tab-btn{ font-size: 16px; padding: 14px 12px; }\n .acc-btn{ font-size: 18px; }\n }\n @media (max-width: 720px){\n .tabs{ grid-template-columns: 1fr; }\n .tab-btn{ border-radius: 6px; }\n .panel{ border-top: none; }\n .accordion{ margin-top: 10px; }\n }\n \n \/* === Scroll reveal animation for the whole FAQ section === *\/\n.faq-wrap{\n opacity: 0;\n transform: translateY(24px);\n transition: opacity .7s ease, transform .7s ease;\n will-change: opacity, transform;\n}\n\n.faq-wrap.is-inview{\n opacity: 1;\n transform: translateY(0);\n}\n\n\/* Optional: stagger inside elements *\/\n.faq-wrap .faq-title,\n.faq-wrap .faq-underline,\n.faq-wrap .tabs,\n.faq-wrap .panel{\n opacity: 0;\n transform: translateY(18px);\n transition: opacity .6s ease, transform .6s ease;\n}\n\n.faq-wrap.is-inview .faq-title{ transition-delay:.05s; opacity:1; transform:translateY(0); }\n.faq-wrap.is-inview .faq-underline{ transition-delay:.12s; opacity:1; transform:translateY(0); }\n.faq-wrap.is-inview .tabs{ transition-delay:.18s; opacity:1; transform:translateY(0); }\n.faq-wrap.is-inview .panel{ transition-delay:.26s; opacity:1; transform:translateY(0); }\n\na{\n color: black;\n}\na:hover{\n color: black;\n text-decoration: underline;\n font-weight: 800;\n}\n\n<\/style>\n<\/head>\n\n<body>\n <section class=\"faq-wrap\">\n <h5 class=\"faq-title\">Frequently Asked Questions<\/h5>\n <div class=\"faq-underline\"><\/div>\n\n <!-- Tabs -->\n <div class=\"tabs\" role=\"tablist\" aria-label=\"FAQ categories\">\n <button class=\"tab-btn\" role=\"tab\" aria-selected=\"true\" data-tab=\"t1\">About Apple Authorised service center<\/button>\n <button class=\"tab-btn\" role=\"tab\" aria-selected=\"false\" data-tab=\"t2\">About iPhone Repair<\/button>\n <button class=\"tab-btn\" role=\"tab\" aria-selected=\"false\" data-tab=\"t3\">About iPad Repair<\/button>\n \n <\/div>\n\n <!-- Panels -->\n <div class=\"panel\">\n <!-- TAB 1 -->\n <div class=\"tab-panel\" id=\"t1\" data-active=\"true\">\n <div class=\"accordion\" data-accordion>\n <div class=\"acc-item\" data-open=\"false\">\n <button class=\"acc-btn\" type=\"button\">\n <span class=\"acc-icon\" aria-hidden=\"true\"><\/span>\n <span class=\"acc-q\">Where are the Apple Service Center located?<\/span>\n <\/button>\n <div class=\"acc-panel\"><a href=\"https:\/\/365solutionsjo.com\/our-branches\/\">-365 Solutions, Apple Authorized Service Center, Mecca Street Bldg 221, Amman - Jordan<\/a>\n \n <\/div>\n <div class=\"acc-panel\"><a href=\"https:\/\/365solutionsjo.com\/our-branches\/\">\n -365 Solutions, Apple Authorized Service Center, Wasfi AlTal Street, Irbid - Jordan.<\/a>\n <\/div>\n <\/div>\n\n <div class=\"acc-item\" data-open=\"false\">\n <button class=\"acc-btn\" type=\"button\">\n <span class=\"acc-icon\" aria-hidden=\"true\"><\/span>\n <span class=\"acc-q\">Is the Apple Service Provider open during public holidays?<\/span>\n <\/button>\n <div class=\"acc-panel\">\n Opening hours may change on public holidays. Please call or message us before visiting.\n <\/div>\n <\/div>\n\n <div class=\"acc-item\" data-open=\"false\">\n <button class=\"acc-btn\" type=\"button\">\n <span class=\"acc-icon\" aria-hidden=\"true\"><\/span>\n <span class=\"acc-q\">What are the operating hours of Apple Service Center?<\/span>\n <\/button>\n <div class=\"acc-panel\">\n Apple Service Centers are open from 10 am to 9 pm and Friday is off.\n <\/div>\n <\/div>\n\n <div class=\"acc-item\" data-open=\"false\">\n <button class=\"acc-btn\" type=\"button\">\n <span class=\"acc-icon\" aria-hidden=\"true\"><\/span>\n <span class=\"acc-q\">Is the Apple Service Provider open all 7days in a week?<\/span>\n <\/button>\n <div class=\"acc-panel\">\n Our branches operate 6 days\/week. Please check your branch schedule.\n <\/div>\n <\/div>\n\n <div class=\"acc-item\" data-open=\"false\">\n <button class=\"acc-btn\" type=\"button\">\n <span class=\"acc-icon\" aria-hidden=\"true\"><\/span>\n <span class=\"acc-q\">Can I repair my Apple product from a place which is not Apple approved?<\/span>\n <\/button>\n <div class=\"acc-panel\">\n Non-authorized repairs may affect warranty eligibility and device safety. We recommend authorized service.\n <\/div>\n <\/div>\n\n <div class=\"acc-item\" data-open=\"false\">\n <button class=\"acc-btn\" type=\"button\">\n <span class=\"acc-icon\" aria-hidden=\"true\"><\/span>\n <span class=\"acc-q\">What happens next once I submit my Apple device for repair at your Service Center?<\/span>\n <\/button>\n <div class=\"acc-panel\">\n We diagnose the device, share an estimate, and proceed after your approval.\n <\/div>\n <\/div>\n\n <div class=\"acc-item\" data-open=\"false\">\n <button class=\"acc-btn\" type=\"button\">\n <span class=\"acc-icon\" aria-hidden=\"true\"><\/span>\n <span class=\"acc-q\">Do you have an option to make the payment online?<\/span>\n <\/button>\n <div class=\"acc-panel\">\n No, online payment is not available right now.\n <\/div>\n <\/div>\n\n \n <\/div>\n <\/div>\n\n <!-- TAB 2 -->\n <div class=\"tab-panel\" id=\"t2\" data-active=\"false\" hidden>\n <div class=\"accordion\" data-accordion>\n <div class=\"acc-item\" data-open=\"false\">\n <button class=\"acc-btn\" type=\"button\">\n <span class=\"acc-icon\" aria-hidden=\"true\"><\/span>\n <span class=\"acc-q\">Back Glass Broken, is it replaceable for iPhone?<\/span>\n <\/button>\n <div class=\"acc-panel\">\n Back Glass replacement is applicable for some iPhone models as per Apple standard, while a complete unit replacement is offered for other models.\n <\/div>\n <\/div>\n <div class=\"acc-item\" data-open=\"false\">\n <button class=\"acc-btn\" type=\"button\">\n <span class=\"acc-icon\" aria-hidden=\"true\"><\/span>\n <span class=\"acc-q\">How long does it take to repair my iPhone?<\/span>\n <\/button>\n <div class=\"acc-panel\">\n We can repair the iPhone in 1 hour*\n <br>* subject to availability of part\n <\/div>\n <\/div>\n <div class=\"acc-item\" data-open=\"false\">\n <button class=\"acc-btn\" type=\"button\">\n <span class=\"acc-icon\" aria-hidden=\"true\"><\/span>\n <span class=\"acc-q\">What are the common issues in iPhone?<\/span>\n <\/button>\n <div class=\"acc-panel\">\n \n Most common issues found with \n <a href=\"https:\/\/365solutionsjo.com\/iPhone-service\/?openModal=1\" class=\"iphone-link\">iPhone Broken Screen<\/a> ,\n <a href=\"https:\/\/365solutionsjo.com\/iPhone-service\/?openModal=1\" class=\"iphone-link\">iPhone White Screen of Death,<\/a> \n Lost <a href=\"https:\/\/365solutionsjo.com\/iPhone-service\/?openModal=1\" class=\"iphone-link\">iPhone Data after Upgrade or Jailbreak<\/a> \n , <a href=\"https:\/\/365solutionsjo.com\/iPhone-service\/?openModal=1\" class=\"iphone-link\">Water Damaged iPhone<\/a>,\n <a href=\"https:\/\/365solutionsjo.com\/iPhone-service\/?openModal=1\" class=\"iphone-link\">iPhoneBattery Life Problems<\/a>, \n <a href=\"https:\/\/365solutionsjo.com\/iPhone-service\/?openModal=1\" class=\"iphone-link\">iPhone Black Screen<\/a>, \n <a href=\"https:\/\/365solutionsjo.com\/iPhone-service\/?openModal=1\" class=\"iphone-link\"> Overheating iPhone<\/a>,\n <a href=\"https:\/\/365solutionsjo.com\/iPhone-service\/?openModal=1\" class=\"iphone-link\">iPhone Camera Roll Crash<\/a>.\n\n <\/div>\n <\/div>\n <div class=\"acc-item\" data-open=\"false\">\n <button class=\"acc-btn\" type=\"button\">\n <span class=\"acc-icon\" aria-hidden=\"true\"><\/span>\n <span class=\"acc-q\"> Can I replace the battery of my iPhone without being submitted to the service center?<\/span>\n <\/button>\n <div class=\"acc-panel\">\n We will strictly advise you not to attempt the battery replacement of your iPhone yourself.\nThe battery in iPhone should be replaced at an authorized service Center. Improper replacement or repair could damage the battery, cause overheating, or result in injury. The battery must be recycled or disposed of separately from household waste. So we recommend you visit Apple authorized service center for your iPhone battery replacement.\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- TAB 3 -->\n <div class=\"tab-panel\" id=\"t3\" data-active=\"false\" hidden>\n <div class=\"accordion\" data-accordion>\n <div class=\"acc-item\" data-open=\"false\">\n <button class=\"acc-btn\" type=\"button\">\n <span class=\"acc-icon\" aria-hidden=\"true\"><\/span>\n <span class=\"acc-q\"> Does Apple repair iPad screens?<\/span>\n <\/button>\n <div class=\"acc-panel\">\n Screen replacement is not applicable for Apple iPad as per Apple standard, instead complete unit replacement is offered.\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- TAB 4 -->\n <div class=\"tab-panel\" id=\"t4\" data-active=\"false\" hidden>\n <div class=\"accordion\" data-accordion>\n <div class=\"acc-item\" data-open=\"false\">\n <button class=\"acc-btn\" type=\"button\">\n <span class=\"acc-icon\" aria-hidden=\"true\"><\/span>\n <span class=\"acc-q\">How does AppleCare+ handle cracked screens of Apple iPhone?<\/span>\n <\/button>\n <div class=\"acc-panel\">\n Apple iPhone damaged, cracked screen replacement is covered in AppleCare+.\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"tab-panel\" id=\"t4\" data-active=\"false\" hidden>\n <div class=\"accordion\" data-accordion>\n <div class=\"acc-item\" data-open=\"false\">\n <button class=\"acc-btn\" type=\"button\">\n <span class=\"acc-icon\" aria-hidden=\"true\"><\/span>\n <span class=\"acc-q\">If you have AppleCare+ for Apple iPhone it covers?<\/span>\n <\/button>\n <div class=\"acc-panel\">\n <ul>\n <li>\n 2 years of Apple iPhone repair,\n <\/li>\n <li>\n Covers 2 accidental damages includes liquid damage, physical damage, Standard manufacturing defects etc. (1 accidental damage per year).\n <\/li>\n <li>\n Global warranty support.\n <\/li>\n <li>\n When accidental damage you pay.\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"tab-panel\" id=\"t4\" data-active=\"false\" hidden>\n <div class=\"accordion\" data-accordion>\n <div class=\"acc-item\" data-open=\"false\">\n <button class=\"acc-btn\" type=\"button\">\n <span class=\"acc-icon\" aria-hidden=\"true\"><\/span>\n <span class=\"acc-q\">Can I buy AppleCare+ when the screen of my iPhone is already cracked?<\/span>\n <\/button>\n <div class=\"acc-panel\">\n AppleCare+ can only be bought if the Apple iPhone is in original condition and within 60 days of Apple iPhone purchase.\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"tab-panel\" id=\"t4\" data-active=\"false\" hidden>\n <div class=\"accordion\" data-accordion>\n <div class=\"acc-item\" data-open=\"false\">\n <button class=\"acc-btn\" type=\"button\">\n <span class=\"acc-icon\" aria-hidden=\"true\"><\/span>\n <span class=\"acc-q\"> Will Apple replace a water damaged iPhone?<\/span>\n <\/button>\n <div class=\"acc-panel\">\n Yes, liquid damaged Apple iPhone are eligible for replacement under AppleCare+ or exchange price depending on iPhone model.\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/section>\n\n<script>\n \/\/ Tabs\n const tabButtons = Array.from(document.querySelectorAll('.tab-btn'));\n const panels = Array.from(document.querySelectorAll('.tab-panel'));\n\n tabButtons.forEach(btn=>{\n btn.addEventListener('click', ()=>{\n const target = btn.dataset.tab;\n\n tabButtons.forEach(b=>b.setAttribute('aria-selected','false'));\n btn.setAttribute('aria-selected','true');\n\n panels.forEach(p=>{\n const isTarget = p.id === target;\n p.hidden = !isTarget;\n p.dataset.active = isTarget ? 'true' : 'false';\n });\n });\n });\n\n \/\/ Accordion (one open at a time per accordion)\n document.querySelectorAll('[data-accordion]').forEach(acc=>{\n acc.addEventListener('click', (e)=>{\n const btn = e.target.closest('.acc-btn');\n if(!btn) return;\n\n const item = btn.closest('.acc-item');\n const isOpen = item.dataset.open === 'true';\n\n \/\/ close all\n acc.querySelectorAll('.acc-item').forEach(i=>i.dataset.open='false');\n\n \/\/ open clicked if it was closed\n item.dataset.open = isOpen ? 'false' : 'true';\n });\n });\n \n \/\/ Scroll reveal for FAQ section\n(() => {\n const el = document.querySelector('.faq-wrap');\n if (!el) return;\n\n const io = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n el.classList.add('is-inview');\n } else {\n \/\/ remove when leaving viewport (so it animates again when scrolling back up)\n el.classList.remove('is-inview');\n }\n });\n }, { threshold: 0.15 });\n\n io.observe(el);\n})();\n<\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-57db345 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"57db345\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-cf53460\" data-id=\"cf53460\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-a034887 elementor-widget elementor-widget-html\" data-id=\"a034887\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"repair-tabs-wrap\">\n <style>\n .repair-tabs-wrap{\n --blue:#65BFCA;\n --blue2:#65BFCA; \/* active tab fill like screenshot *\/\n --border:#65BFCA;\n --text:#111;\n --muted:#4b5563;\n --bg:#fff;\n --panel-border:#3A5ECC;\n --radius:6px;\n max-width: 1180px;\n margin: 24px auto;\n padding: 0 14px;\n font-family: system-ui,-apple-system,\"Segoe UI\",Roboto,Arial,sans-serif;\n color: var(--text);\n }\n \n \/* :root{*\/\n \/* --blue:#3A5ECC;*\/\n \/* --blue-dark:#65BFCA;*\/\n \/* --border:#000;*\/\n \/* --text:#000;*\/\n \/* --muted:#6b7280;*\/\n \/* --row:#f1f3f6;*\/\n \/* --row2:#f6f7f9;*\/\n \/* --row-hover:#e9e9e9;*\/\n \/*--row-active:#e1e1e1;*\/\n \/*}*\/\n\n \/* ===== Tabs Row ===== *\/\n .repair-tabs{\n display:grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 6px;\n align-items: stretch;\n margin-bottom: 12px;\n }\n\n \/* isolate from theme buttons *\/\n .repair-tabs .repair-tab-btn{\n all: unset;\n box-sizing: border-box;\n\n width: 100%;\n display: grid;\n place-items: center;\n\n padding: 18px 12px;\n font-size: 18px;\n font-weight: 700;\n line-height: 1.15;\n\n border: 2px solid var(--blue);\n background: #fff;\n color: var(--blue);\n cursor: pointer;\n\n border-radius: 4px 4px 0 0;\n transition: background-color .15s ease, color .15s ease, border-color .15s ease;\n text-align: center;\n }\n\n .repair-tabs .repair-tab-btn:hover{\n background: rgba(58,94,204,.08);\n }\n\n .repair-tabs .repair-tab-btn[aria-selected=\"true\"]{\n background: var(--blue2);\n color: #fff;\n border-color: var(--blue2);\n }\n\n \/* ===== Panel ===== *\/\n .repair-panel{\n border-top: 2px solid var(--panel-border);\n background: var(--bg);\n padding: 18px 22px;\n }\n\n .repair-panel p{\n margin: 0 0 14px;\n font-size: 15px;\n line-height: 1.8;\n color: #111;\n }\n\n \/* ===== Models Title ===== *\/\n .models-title{\n margin: 26px 0 10px;\n font-weight: 800;\n font-size: 18px;\n }\n\n \/* ===== Models Table ===== *\/\n .models-table{\n width: 100%;\n border-collapse: collapse;\n table-layout: fixed;\n background: #fff;\n }\n .models-table th,\n .models-table td{\n border: 1px solid #111;\n padding: 10px 10px;\n text-align: center;\n font-weight: 500;\n font-size: 12px;\n }\n .models-table thead th{\n background: #f6f7f9;\n font-weight: 800;\n }\n\n \/* make table scrollable on mobile *\/\n .models-scroll{\n overflow:auto;\n -webkit-overflow-scrolling: touch;\n border: 1px solid #111;\n }\n .models-scroll .models-table{\n min-width: 900px; \/* so it looks like screenshot with many columns *\/\n }\n\n \/* Responsive *\/\n @media (max-width: 980px){\n .repair-tabs{ grid-template-columns: 1fr; }\n .repair-tabs .repair-tab-btn{\n border-radius: 6px;\n font-size: 16px;\n padding: 14px 12px;\n }\n .repair-panel{ padding: 16px 14px; }\n }\n <\/style>\n <style>\n \/* isolate from theme *\/\n .models-table .model-nav{\n all: unset;\n cursor:pointer;\n }\n .models-table td:hover{ background:#f6f8ff; }\n .models-table .model-nav:focus-visible{ outline:3px solid #0a84ff; outline-offset:-3px; border-radius:6px; }\n<\/style>\n\n <!-- Tabs -->\n <div class=\"repair-tabs\" role=\"tablist\" aria-label=\"Repair categories\">\n <button class=\"repair-tab-btn\" role=\"tab\" aria-selected=\"true\" data-tab=\"iphone\">iPhone Repair<\/button>\n <button class=\"repair-tab-btn\" role=\"tab\" aria-selected=\"false\" data-tab=\"macbook\">MacBook Repair<\/button>\n <button class=\"repair-tab-btn\" role=\"tab\" aria-selected=\"false\" data-tab=\"ipad\">iPad Repair<\/button>\n <button class=\"repair-tab-btn\" role=\"tab\" aria-selected=\"false\" data-tab=\"airpods\">Apple Airpods Repair<\/button>\n <\/div>\n\n <!-- Panel -->\n <div class=\"repair-panel\">\n <!-- iPhone -->\n <div class=\"repair-tab-panel\" id=\"iphone\">\n <p>\n We are the brand recommended service center for iPhone repair service in Jordan. We also provide pickup and delivery services to your home and work location. You can also visit the iPhone Service center directly. The working hours of our service centers are from 9 AM to 9 PM. We are highly skilled to do all Apple repair at affordable prices.<br> You can get all the issues related to your Apple device resolved by us. We are the authorized service center for iPhone repair. Mac repair. iPad repair. Apple TV repair. Apple Watch repair.<br> You can visit our service center for any small issue with your iPhone. Even a small crack on your screen impacts the function of your iPhone. Cracked screens can be frustrating to use. It might work fine at the moment, but there is an increased risk of your phone suddenly becoming difficult to use.\nThere could be various other issues with your iPhone that will need immediate attention. Get a quick check of your iPhone. Here are a few of them. Water Damage. Frozen Screen. iPhone won\u2019t power off. The volume button is stuck.<br>\nYou can also visit our service center if you are unable to connect to the WIFI. If the battery is draining fast. If the Microphone not working. If there is a problem with Bluetooth. Or if the iPhone camera doesn\u2019t work. We are will be happy to provide a complete solution and an excellent Apple repair with the utmost care.<br>\nWe repair iPhone. Anywhere in Jordan. We have introduced our all new pick and drop off option for iPhone repair. Scheduling the repair for you iPhone is easy now through our website, you can follow few simple steps. <br>To book the repair of your iPhone<br>\nAt first, you need to choose the iPhone you want to get repaired. You need to describe in a few lines about the issue with your iPhone. You will have to enter the location from where you want us to pick up the iPhone. You will receive an order confirmation number on placing your order, you will then receive a confirmation call regarding your iPhone repair and once you confirm it our logistic partner we will pick your iPhone on the scheduled date & time.\nAfter your iPhone reaches the iPhone repair center your iPhone will then be inspected and repaired by certified engineers. We will keep you updated about the status and repair servicing charges of your iPhone, if there is any. Your iPhone will be fixed by us in just a day or two and after quality checking, we will start preparing for the delivery of your iPhone.\nAfter the quality check, we will hand over your iPhone to our delivery partner and they will be at your doorstep in a matter of a day or two depending on your location. That\u2019s it! You will receive your iPhone in a much improved and better state contrary to what it was handed over.\nWhile our engineers repair your iPhone, we will also provide a real time tracking status of your iPhone repair through our website where you can check the progress of your iPhone repair. You will have an option to know when our service engineers completed the diagnoses of your iPhone, when did we start the repair of your iPhone and when is your iPhone ready for collection or dispatched to your location in case of delivery service .<br>\nOur iPhone Service center also takes care of the repair of your iPhone if it is eligible for Apple Care, and all other. We being an authorized service center for all your Apple devices, you can ask us to cover the iPhone repair under any of these insurance you carry on your iPhone.\n <\/p>\n \n\n <div class=\"models-title\">iPhone Repair & Replacement Models<\/div>\n <div class=\"models-scroll\">\n <table class=\"models-table\" aria-label=\"iPhone models table\">\n \n <tbody>\n <tr>\n <td><button class=\"model-nav\" type=\"button\" data-model=\"iPhone 17 Pro Max Repair\">iPhone 17 Pro Max Repair<\/button><\/td>\n <td><button class=\"model-nav\" type=\"button\" data-model=\"iPhone 16 Pro Max Repair\">iPhone 16 Pro Max Repair<\/button><\/td>\n <td><button class=\"model-nav\" type=\"button\" data-model=\"iPhone 15 Pro Max Repair\">iPhone 15 Pro Max Repair<\/button><\/td>\n <td><button class=\"model-nav\" type=\"button\" data-model=\"iPhone 14 Pro Max Repair\">iPhone 14 Pro Max Repair<\/button><\/td>\n <td><button class=\"model-nav\" type=\"button\" data-model=\"iPhone 13 Pro Max Repair\">iPhone 13 Pro Max Repair<\/button><\/td>\n <td><button class=\"model-nav\" type=\"button\" data-model=\"iPhone 12 Pro Max Repair\">iPhone 12 Pro Max Repair<\/button><\/td>\n <td><button class=\"model-nav\" type=\"button\" data-model=\"iPhone 11 Pro Max Repair\">iPhone 11 Pro Max Repair<\/button><\/td>\n <\/tr>\n <tr>\n <td><button class=\"model-nav\" type=\"button\" data-model=\"iPhone 17 Pro Repair\">iPhone 17 Pro Repair<\/button><\/td>\n <td><button class=\"model-nav\" type=\"button\" data-model=\"iPhone 16 Pro Repair\">iPhone 16 Pro Repair<\/button><\/td>\n <td><button class=\"model-nav\" type=\"button\" data-model=\"iPhone 15 Pro Repair\">iPhone 15 Pro Repair<\/button><\/td>\n <td><button class=\"model-nav\" type=\"button\" data-model=\"iPhone 14 Pro Repair\">iPhone 14 Pro Repair<\/button><\/td>\n <td><button class=\"model-nav\" type=\"button\" data-model=\"iPhone 13 Pro Repair\">iPhone 13 Pro Repair<\/button><\/td>\n <td><button class=\"model-nav\" type=\"button\" data-model=\"iPhone 12 Pro Repair\">iPhone 12 Pro Repair<\/button><\/td>\n <td><button class=\"model-nav\" type=\"button\" data-model=\"iPhone 11 Pro Repair\">iPhone 11 Pro Repair<\/button><\/td>\n <\/tr>\n\n<tr>\n <td><button class=\"model-nav\" type=\"button\" data-model=\"iPhone 17 Repair\">iPhone 17 Repair<\/button><\/td>\n <td><button class=\"model-nav\" type=\"button\" data-model=\"iPhone 16 Plus Repair\">iPhone 16 Plus Repair<\/button><\/td>\n <td><button class=\"model-nav\" type=\"button\" data-model=\"iPhone 15 Plus Repair\">iPhone 15 Plus Repair<\/button><\/td>\n <td><button class=\"model-nav\" type=\"button\" data-model=\"iPhone 14 Plus Repair\">iPhone 14 Plus Repair<\/button><\/td>\n <td><button class=\"model-nav\" type=\"button\" data-model=\"iPhone 13 Repair\">iPhone 13 Repair<\/button><\/td>\n <td><button class=\"model-nav\" type=\"button\" data-model=\"iPhone 12 Repair\">iPhone 12 Repair<\/button><\/td>\n <td><button class=\"model-nav\" type=\"button\" data-model=\"iPhone 11 Repair\">iPhone 11 Repair<\/button><\/td>\n<\/tr>\n\n<tr>\n <td><button class=\"model-nav\" type=\"button\" data-model=\"iPhone Air Repair\">iPhone Air Repair<\/button><\/td>\n <td><button class=\"model-nav\" type=\"button\" data-model=\"iPhone 16 Repair\">iPhone 16 Repair<\/button><\/td>\n <td><button class=\"model-nav\" type=\"button\" data-model=\"iPhone 15 Repair\">iPhone 15 Repair<\/button><\/td>\n <td><button class=\"model-nav\" type=\"button\" data-model=\"iPhone 14 Repair\">iPhone 14 Repair<\/button><\/td>\n <td><button class=\"model-nav\" type=\"button\" data-model=\"iPhone 13 mini Repair\">iPhone 13 mini Repair<\/button><\/td>\n <td><button class=\"model-nav\" type=\"button\" data-model=\"iPhone 12 mini Repair\">iPhone 12 mini Repair<\/button><\/td>\n <td><button class=\"model-nav\" type=\"button\" data-model=\"iPhone 8 Plus Repair\">iPhone 8 Plus Repair<\/button><\/td>\n<\/tr>\n\n<tr>\n <td><button class=\"model-nav\" type=\"button\" data-model=\"iPhone SE 3rd Gen Repair\">iPhone SE 3rd Gen<\/button><\/td>\n <td><button class=\"model-nav\" type=\"button\" data-model=\"iPhone SE 2nd Gen Repair\">iPhone SE 2nd Gen<\/button><\/td>\n <td><button class=\"model-nav\" type=\"button\" data-model=\"iPhone XS Max Repair\">iPhone XS Max Repair<\/button><\/td>\n <td><button class=\"model-nav\" type=\"button\" data-model=\"iPhone XS Repair\">iPhone XS Repair<\/button><\/td>\n <td><button class=\"model-nav\" type=\"button\" data-model=\"iPhone XR Repair\">iPhone XR Repair<\/button><\/td>\n <td><button class=\"model-nav\" type=\"button\" data-model=\"iPhone X Repair\">iPhone X Repair<\/button><\/td>\n<\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n <\/div>\n\n <!-- MacBook -->\n <div class=\"repair-tab-panel\" id=\"macbook\" hidden>\n <p>We provide one of the best authorized MacBook repair in Jordan. You can visit our service center for your MacBook repair without any appointment. Our MacBook authorized service centers are located in Amman and Irbid. 9 AM to 9 PM.\nYou can even book a repair with us online and we will arrange for the pick and drop facility.\nMacBook is a largely preferred Apple device and most people around the globe own it. In addition to offering unparalleled performance, MacBook is a stylish, compact device that can be carried everywhere. Due to its portability, the device can be used for work purposes while on the move. Although it is brilliant in several ways, it can also have issues like MacBook not turning on, Broken Screen, Battery draining quickly, Overheating, track pad not working, Wi-Fi not working. MacBook should be maintained on a regular basis to keep performing well. Do not wait until your device has severe damage, book your repair with us for your Mac Mini, Mac Pro, MacBook-13- inch and MacBook Air.\nOur Service Engineers for MacBook are Apple certified and are brilliant at their work. They provide utmost care while repairing your MacBook. Starting from the time they receive the device at the service center till they complete the repair they take care each steps of the repair responsibly. Be that be the diagnosis, placing orders for the parts required, fixing the new parts and then the final testing of your MacBook . Our technicians also call and talk to the customers directly if it is needed during the course of your MacBook repair.\nOur MacBook Technician are experienced and customer centric. What else you need when you give your favorite device for repair!<\/p>\n \n <\/div>\n\n <!-- iPad -->\n <div class=\"repair-tab-panel\" id=\"ipad\" hidden>\n <p>iPad is also one of the most used products these days with some hard selling happening for iPad. iPad can do all the things that a laptop or a desktop can do. With an iPad helping you with so many things, it is incline to face certain technical issue sometimes. Certain common issues that you might face with your iPad like iPad Wi-Fi Not Connecting, iPad Screen Keeps Freezing, iPad stuck on Startup Logo, iTunes does not recognize the device, iPad Not Charging, iPad Not Turning On. When you face these issues you might want to look around for a reliable and affordable iPad service center. And here we are. We are one of the most preferred authorized service center for iPad repair in Jordan. We have our iPad service center in Amman and Irbid. Book your iPad repair though our website today and let us take care of it from there.<\/p>\n \n <\/div>\n\n <!-- Airpods -->\n <div class=\"repair-tab-panel\" id=\"airpods\" hidden>\n <p>AirPods are Apple\u2019s completely wire-free headphones, which look a bit like the Apple EarPods from older devices, but without the cables. AirPods come with the AirPods Charging Case, which is used for both charging and storage purposes so the AirPods don\u2019t get lost. The Charging Case is about the size of a container of dental floss, so it is easy to keep it in your pocket. A Lightning port at the bottom helps the AirPods and the case be charged with the Lightning cables, and the wireless charging case helps you charge with a Qi wireless charger.\nBut like anything in this world, they aren\u2019t without their fair share of faults. If you just have a feeling something is not working quite right, we at 365 Solutions Apple Authorize service center will help you diagnose and fix it. The most common AirPods problems are right here:<br>\nAirPod Paring Problem \u2013 If you are running into issue where your AirPod is not connecting to your phone or Tablet , the first thing you should do is to put them back in the charging case , wait for around 10 sec , then take them back and pop them in your ears again.<br>\nIf it does not work the next step is to turn Bluetooth on and off your phone or tablet. In all but most unusual cases, this should be resolved. If it still does not get fixed, we are here to help you rectify the issue<br>\nApart from the issue mentioned above there are other list of issues that you might come across like<br>\nAirPods Call drops<br>\nAirPods Audio issues or static<br>\nAirPods Android Volume trouble (if you are using your AirPod with an Android device)<br>\nOur Apple certified technicians are there to help you diagnose all small and big issues.<\/p>\n \n <\/div>\n\n <script>\n (function(){\n const wrap = document.currentScript.closest('.repair-tabs-wrap');\n const buttons = Array.from(wrap.querySelectorAll('.repair-tab-btn'));\n const panels = Array.from(wrap.querySelectorAll('.repair-tab-panel'));\n\n buttons.forEach(btn=>{\n btn.addEventListener('click', ()=>{\n const target = btn.dataset.tab;\n\n buttons.forEach(b=>b.setAttribute('aria-selected','false'));\n btn.setAttribute('aria-selected','true');\n\n panels.forEach(p=>{\n p.hidden = (p.id !== target);\n });\n });\n });\n })();\n <\/script>\n \n <script>\n document.addEventListener('click', (e)=>{\n const btn = e.target.closest('.model-nav');\n if(!btn) return;\n\n const model = btn.dataset.model || btn.textContent.trim();\n\n \/\/ \u2705 your iPhone repair page URL\n const url = new URL('https:\/\/365solutionsjo.com\/iPhone-service\/');\n\n \/\/ pass selected model + auto open step2\n url.searchParams.set('open', 'step2'); \/\/ tell page to open modal and go step2\n url.searchParams.set('model', model); \/\/ selected model text\n\n window.location.href = url.toString();\n });\n<\/script>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Choose Your Apple Product For Repair We are an Apple Authorised Service Provider in Jordan, providing repair services for Apple products using genuine Apple parts only, serving individuals, corporate clients, and educational institutions with trusted and professional support. iPhone Repair Learn more iPad Repair Learn more MacBook Repair Learn more iPhone Repair Learn more iPad […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"nf_dc_page":"","om_disable_all_campaigns":false,"_uag_custom_page_level_css":"","_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_uf_show_specific_survey":0,"_uf_disable_surveys":false,"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"disabled","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-540","page","type-page","status-publish","hentry"],"aioseo_notices":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Home -<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/365solutionsjo.com\/ar\/\" \/>\n<meta property=\"og:locale\" content=\"ar_AR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Home -\" \/>\n<meta property=\"og:description\" content=\"Choose Your Apple Product For Repair We are an Apple Authorised Service Provider in Jordan, providing repair services for Apple products using genuine Apple parts only, serving individuals, corporate clients, and educational institutions with trusted and professional support. iPhone Repair Learn more iPad Repair Learn more MacBook Repair Learn more iPhone Repair Learn more iPad […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/365solutionsjo.com\/ar\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-01-18T12:53:14+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/365solutionsjo.com\/wp-content\/uploads\/2023\/07\/iPhone-Service.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u0648\u0642\u062a \u0627\u0644\u0642\u0631\u0627\u0621\u0629 \u0627\u0644\u0645\u064f\u0642\u062f\u0651\u0631\" \/>\n\t<meta name=\"twitter:data1\" content=\"14 \u062f\u0642\u064a\u0642\u0629\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/365solutionsjo.com\\\/\",\"url\":\"https:\\\/\\\/365solutionsjo.com\\\/\",\"name\":\"Home -\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/dso.azu.mybluehost.me\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/365solutionsjo.com\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/365solutionsjo.com\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/365solutionsjo.com\\\/wp-content\\\/uploads\\\/2023\\\/07\\\/iPhone-Service.png\",\"datePublished\":\"2018-11-27T09:16:54+00:00\",\"dateModified\":\"2026-01-18T12:53:14+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/365solutionsjo.com\\\/#breadcrumb\"},\"inLanguage\":\"ar\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/365solutionsjo.com\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"ar\",\"@id\":\"https:\\\/\\\/365solutionsjo.com\\\/#primaryimage\",\"url\":\"https:\\\/\\\/365solutionsjo.com\\\/wp-content\\\/uploads\\\/2023\\\/07\\\/iPhone-Service.png\",\"contentUrl\":\"https:\\\/\\\/365solutionsjo.com\\\/wp-content\\\/uploads\\\/2023\\\/07\\\/iPhone-Service.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/365solutionsjo.com\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/365solutionsjo.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Home\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/dso.azu.mybluehost.me\\\/#website\",\"url\":\"https:\\\/\\\/dso.azu.mybluehost.me\\\/\",\"name\":\"\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/dso.azu.mybluehost.me\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"ar\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Home -","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/365solutionsjo.com\/ar\/","og_locale":"ar_AR","og_type":"article","og_title":"Home -","og_description":"Choose Your Apple Product For Repair We are an Apple Authorised Service Provider in Jordan, providing repair services for Apple products using genuine Apple parts only, serving individuals, corporate clients, and educational institutions with trusted and professional support. iPhone Repair Learn more iPad Repair Learn more MacBook Repair Learn more iPhone Repair Learn more iPad […]","og_url":"https:\/\/365solutionsjo.com\/ar\/","article_modified_time":"2026-01-18T12:53:14+00:00","og_image":[{"url":"https:\/\/365solutionsjo.com\/wp-content\/uploads\/2023\/07\/iPhone-Service.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"\u0648\u0642\u062a \u0627\u0644\u0642\u0631\u0627\u0621\u0629 \u0627\u0644\u0645\u064f\u0642\u062f\u0651\u0631":"14 \u062f\u0642\u064a\u0642\u0629"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/365solutionsjo.com\/","url":"https:\/\/365solutionsjo.com\/","name":"Home -","isPartOf":{"@id":"https:\/\/dso.azu.mybluehost.me\/#website"},"primaryImageOfPage":{"@id":"https:\/\/365solutionsjo.com\/#primaryimage"},"image":{"@id":"https:\/\/365solutionsjo.com\/#primaryimage"},"thumbnailUrl":"https:\/\/365solutionsjo.com\/wp-content\/uploads\/2023\/07\/iPhone-Service.png","datePublished":"2018-11-27T09:16:54+00:00","dateModified":"2026-01-18T12:53:14+00:00","breadcrumb":{"@id":"https:\/\/365solutionsjo.com\/#breadcrumb"},"inLanguage":"ar","potentialAction":[{"@type":"ReadAction","target":["https:\/\/365solutionsjo.com\/"]}]},{"@type":"ImageObject","inLanguage":"ar","@id":"https:\/\/365solutionsjo.com\/#primaryimage","url":"https:\/\/365solutionsjo.com\/wp-content\/uploads\/2023\/07\/iPhone-Service.png","contentUrl":"https:\/\/365solutionsjo.com\/wp-content\/uploads\/2023\/07\/iPhone-Service.png"},{"@type":"BreadcrumbList","@id":"https:\/\/365solutionsjo.com\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/365solutionsjo.com\/"},{"@type":"ListItem","position":2,"name":"Home"}]},{"@type":"WebSite","@id":"https:\/\/dso.azu.mybluehost.me\/#website","url":"https:\/\/dso.azu.mybluehost.me\/","name":"","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/dso.azu.mybluehost.me\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ar"}]}},"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"trp-custom-language-flag":false},"uagb_author_info":{"display_name":"admin","author_link":"https:\/\/365solutionsjo.com\/ar\/author\/admin\/"},"uagb_comment_info":0,"uagb_excerpt":"Choose Your Apple Product For Repair We are an Apple Authorised Service Provider in Jordan, providing repair services for Apple products using genuine Apple parts only, serving individuals, corporate clients, and educational institutions with trusted and professional support. iPhone Repair Learn more iPad Repair Learn more MacBook Repair Learn more iPhone Repair Learn more iPad…","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/365solutionsjo.com\/ar\/wp-json\/wp\/v2\/pages\/540","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/365solutionsjo.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/365solutionsjo.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/365solutionsjo.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/365solutionsjo.com\/ar\/wp-json\/wp\/v2\/comments?post=540"}],"version-history":[{"count":608,"href":"https:\/\/365solutionsjo.com\/ar\/wp-json\/wp\/v2\/pages\/540\/revisions"}],"predecessor-version":[{"id":2878,"href":"https:\/\/365solutionsjo.com\/ar\/wp-json\/wp\/v2\/pages\/540\/revisions\/2878"}],"wp:attachment":[{"href":"https:\/\/365solutionsjo.com\/ar\/wp-json\/wp\/v2\/media?parent=540"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}