{"id":1499,"date":"2026-02-20T23:02:01","date_gmt":"2026-02-20T23:02:01","guid":{"rendered":"https:\/\/onayaz.com\/en\/?page_id=1499"},"modified":"2026-02-20T23:44:16","modified_gmt":"2026-02-20T23:44:16","slug":"profile-listing","status":"publish","type":"page","link":"https:\/\/onayaz.com\/en\/profile-listing\/","title":{"rendered":"Create Your Profile"},"content":{"rendered":"\r\n        <style>\r\n            .spf-container { width: 100%; max-width: 600px; margin: 0 auto; padding: 30px 20px; font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif; color: #fff; background: #0f0f11; border-radius: 20px; box-sizing: border-box; box-shadow: 0 10px 40px rgba(0,0,0,0.4); border: 1px solid #2c2c2e; }\r\n            .spf-container h2 { color: #fff; font-size: 26px; font-weight: 800; margin-bottom: 8px; text-align: center; }\r\n            .spf-progress-text { text-align: center; color: #ff2d55; font-weight: 700; font-size: 13px; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 30px; }\r\n            \r\n            .form-step { display: none; opacity: 0; transition: opacity 0.4s ease-in-out; }\r\n            .form-step.active { display: block; opacity: 1; }\r\n\r\n            .spf-group { margin-bottom: 22px; width: 100%; }\r\n            .spf-group label.field-label { display: block; font-size: 15px; font-weight: 600; color: #a1a1aa; margin-bottom: 10px; padding-left: 4px; }\r\n            \r\n            .spf-form input[type=\"text\"], .spf-form input[type=\"number\"], .spf-form input[type=\"email\"], .spf-form textarea, .spf-form select { width: 100%; padding: 16px; font-size: 16px; border: 2px solid #2c2c2e; border-radius: 14px; background-color: #1c1c1e; color: #fff; box-sizing: border-box; -webkit-appearance: none; appearance: none; transition: border-color 0.3s; }\r\n            .spf-form input:focus, .spf-form textarea:focus, .spf-form select:focus { outline: none; border-color: #ff2d55; background-color: #242426; }\r\n            .spf-form select { background-image: url('data:image\/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%2398989d%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'); background-repeat: no-repeat; background-position: right 16px top 50%; background-size: 12px auto; padding-right: 40px; }\r\n            \r\n            \/* BUTON KARTLARI (Dating App Tarz\u0131 Se\u00e7imler) *\/\r\n            .radio-grid { display: flex; gap: 12px; flex-wrap: wrap; }\r\n            .radio-grid.col-2 .radio-card { flex: 1 1 45%; }\r\n            .radio-grid.col-3 .radio-card { flex: 1 1 30%; }\r\n            .radio-card { position: relative; }\r\n            .radio-card input[type=\"radio\"] { position: absolute; opacity: 0; width: 0; height: 0; }\r\n            .radio-card label {\r\n                display: flex; flex-direction: column; align-items: center; justify-content: center;\r\n                background: #1c1c1e; border: 2px solid #2c2c2e; border-radius: 16px; padding: 18px 10px;\r\n                cursor: pointer; transition: all 0.2s ease; color: #a1a1aa; font-weight: 600; font-size: 15px;\r\n                text-align: center; height: 100%; box-sizing: border-box; user-select: none;\r\n            }\r\n            .radio-card label span.emoji { font-size: 28px; margin-bottom: 6px; display: block; }\r\n            .radio-card input[type=\"radio\"]:checked + label {\r\n                border-color: #ff2d55; background: rgba(255, 45, 85, 0.08); color: #fff; transform: translateY(-2px); box-shadow: 0 6px 15px rgba(255, 45, 85, 0.15);\r\n            }\r\n\r\n            .flex-row { display: flex; flex-wrap: wrap; gap: 15px; }\r\n            .flex-row > div { flex: 1 1 100%; }\r\n            @media (min-width: 480px) { .flex-row > div { flex: 1; } }\r\n            \r\n            .date-group { display: flex; gap: 10px; width: 100%; }\r\n            .date-group select { flex: 1; padding: 16px 10px; }\r\n            .phone-group { display: flex; gap: 10px; width: 100%; }\r\n            .phone-group select { width: 35%; flex-shrink: 0; }\r\n            .phone-group input { width: 65%; flex-grow: 1; }\r\n            \r\n            .custom-file-upload { display: block; padding: 25px; background: #1c1c1e; border: 2px dashed #48484a; border-radius: 16px; text-align: center; cursor: pointer; color: #ff2d55; font-weight: 700; font-size: 16px; transition: all 0.3s; }\r\n            .custom-file-upload:hover { border-color: #ff2d55; background: rgba(255, 45, 85, 0.05); }\r\n            .spf-form input[type=\"file\"] { display: none; }\r\n            .spf-photo-preview { margin-top: 15px; text-align: center; display: none; }\r\n            .spf-photo-preview img { width: 100%; max-width: 150px; border-radius: 16px; border: 2px solid #ff2d55; box-shadow: 0 4px 15px rgba(255,45,85,0.2); object-fit: cover; }\r\n            \r\n            .checkbox-label { display: flex; align-items: center; gap: 10px; cursor: pointer; color: #a1a1aa; font-size: 15px; font-weight: normal; margin-bottom: 25px; }\r\n            .checkbox-label input[type=\"checkbox\"] { width: 20px; height: 20px; accent-color: #ff2d55; cursor: pointer; }\r\n            \r\n            .btn-row { display: flex; gap: 12px; margin-top: 30px; }\r\n            .btn-next, .btn-submit { background: linear-gradient(45deg, #ff2d55, #ff3b30); color: white; padding: 18px; font-size: 18px; border: none; flex: 1; border-radius: 14px; cursor: pointer; font-weight: 700; -webkit-appearance: none; box-shadow: 0 4px 15px rgba(255,45,85,0.3); transition: transform 0.1s, box-shadow 0.3s; }\r\n            .btn-prev { background: #2c2c2e; color: white; padding: 18px; font-size: 18px; border: none; width: 30%; border-radius: 14px; cursor: pointer; font-weight: 700; -webkit-appearance: none; transition: background 0.3s; }\r\n            .btn-next:active, .btn-submit:active { transform: scale(0.97); box-shadow: 0 2px 8px rgba(255,45,85,0.3); }\r\n            .btn-prev:active { transform: scale(0.97); background: #3a3a3c; }\r\n        <\/style>\r\n\r\n        <div class=\"spf-container\">\r\n            <h2>Create Your Profile<\/h2>\r\n            <div class=\"spf-progress-text\" id=\"step-indicator\">Step 1 of 4<\/div>\r\n            \r\n            <form class=\"spf-form\" id=\"senior_profile_form\" method=\"post\" enctype=\"multipart\/form-data\">\r\n                \r\n                <div class=\"form-step active\" id=\"step-1\">\r\n                    <div class=\"spf-group\">\r\n                        <label class=\"field-label\">Full Name<\/label>\r\n                        <input type=\"text\" name=\"profile_name\" value=\"\" placeholder=\"John Doe\" required>\r\n                    <\/div>\r\n\r\n                    <div class=\"spf-group\">\r\n                        <label class=\"field-label\">Date of Birth<\/label>\r\n                        <div class=\"date-group\">\r\n                            <select name=\"profile_dob_day\" required>\r\n                                <option value=\"\">Day<\/option>\r\n                                <option value='1'>1<\/option><option value='2'>2<\/option><option value='3'>3<\/option><option value='4'>4<\/option><option value='5'>5<\/option><option value='6'>6<\/option><option value='7'>7<\/option><option value='8'>8<\/option><option value='9'>9<\/option><option value='10'>10<\/option><option value='11'>11<\/option><option value='12'>12<\/option><option value='13'>13<\/option><option value='14'>14<\/option><option value='15'>15<\/option><option value='16'>16<\/option><option value='17'>17<\/option><option value='18'>18<\/option><option value='19'>19<\/option><option value='20'>20<\/option><option value='21'>21<\/option><option value='22'>22<\/option><option value='23'>23<\/option><option value='24'>24<\/option><option value='25'>25<\/option><option value='26'>26<\/option><option value='27'>27<\/option><option value='28'>28<\/option><option value='29'>29<\/option><option value='30'>30<\/option><option value='31'>31<\/option>                            <\/select>\r\n                            <select name=\"profile_dob_month\" required>\r\n                                <option value=\"\">Month<\/option>\r\n                                <option value='1'>Jan<\/option><option value='2'>Feb<\/option><option value='3'>Mar<\/option><option value='4'>Apr<\/option><option value='5'>May<\/option><option value='6'>Jun<\/option><option value='7'>Jul<\/option><option value='8'>Aug<\/option><option value='9'>Sep<\/option><option value='10'>Oct<\/option><option value='11'>Nov<\/option><option value='12'>Dec<\/option>                            <\/select>\r\n                            <select name=\"profile_dob_year\" required>\r\n                                <option value=\"\">Year<\/option>\r\n                                <option value='1976'>1976<\/option><option value='1975'>1975<\/option><option value='1974'>1974<\/option><option value='1973'>1973<\/option><option value='1972'>1972<\/option><option value='1971'>1971<\/option><option value='1970'>1970<\/option><option value='1969'>1969<\/option><option value='1968'>1968<\/option><option value='1967'>1967<\/option><option value='1966'>1966<\/option><option value='1965'>1965<\/option><option value='1964'>1964<\/option><option value='1963'>1963<\/option><option value='1962'>1962<\/option><option value='1961'>1961<\/option><option value='1960'>1960<\/option><option value='1959'>1959<\/option><option value='1958'>1958<\/option><option value='1957'>1957<\/option><option value='1956'>1956<\/option><option value='1955'>1955<\/option><option value='1954'>1954<\/option><option value='1953'>1953<\/option><option value='1952'>1952<\/option><option value='1951'>1951<\/option><option value='1950'>1950<\/option><option value='1949'>1949<\/option><option value='1948'>1948<\/option><option value='1947'>1947<\/option><option value='1946'>1946<\/option><option value='1945'>1945<\/option><option value='1944'>1944<\/option><option value='1943'>1943<\/option><option value='1942'>1942<\/option><option value='1941'>1941<\/option><option value='1940'>1940<\/option><option value='1939'>1939<\/option><option value='1938'>1938<\/option><option value='1937'>1937<\/option><option value='1936'>1936<\/option><option value='1935'>1935<\/option><option value='1934'>1934<\/option><option value='1933'>1933<\/option><option value='1932'>1932<\/option><option value='1931'>1931<\/option><option value='1930'>1930<\/option><option value='1929'>1929<\/option><option value='1928'>1928<\/option><option value='1927'>1927<\/option>                            <\/select>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"spf-group\">\r\n                        <label class=\"field-label\">I am a...<\/label>\r\n                        <div class=\"radio-grid col-2\">\r\n                            <div class=\"radio-card\">\r\n                                <input type=\"radio\" id=\"g_male\" name=\"profile_gender\" value=\"Male\" required>\r\n                                <label for=\"g_male\"><span class=\"emoji\">\ud83d\udc68<\/span> Man<\/label>\r\n                            <\/div>\r\n                            <div class=\"radio-card\">\r\n                                <input type=\"radio\" id=\"g_female\" name=\"profile_gender\" value=\"Female\" required>\r\n                                <label for=\"g_female\"><span class=\"emoji\">\ud83d\udc69<\/span> Woman<\/label>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"btn-row\">\r\n                        <button type=\"button\" class=\"btn-next\" onclick=\"nextStep(1)\">Continue<\/button>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"form-step\" id=\"step-2\">\r\n                    <div class=\"spf-group\">\r\n                        <label class=\"field-label\">Profile Headline<\/label>\r\n                        <input type=\"text\" name=\"profile_title\" value=\"\" placeholder=\"e.g., Looking for a true friend\" required>\r\n                    <\/div>\r\n\r\n                    <div class=\"spf-group\">\r\n                        <label class=\"field-label\">Marital Status<\/label>\r\n                        <div class=\"radio-grid col-3\">\r\n                            <div class=\"radio-card\">\r\n                                <input type=\"radio\" id=\"m_single\" name=\"profile_marital\" value=\"Single\" required>\r\n                                <label for=\"m_single\"><span class=\"emoji\">\u2728<\/span> Single<\/label>\r\n                            <\/div>\r\n                            <div class=\"radio-card\">\r\n                                <input type=\"radio\" id=\"m_divorced\" name=\"profile_marital\" value=\"Divorced\" required>\r\n                                <label for=\"m_divorced\"><span class=\"emoji\">\ud83d\udd4a\ufe0f<\/span> Divorced<\/label>\r\n                            <\/div>\r\n                            <div class=\"radio-card\">\r\n                                <input type=\"radio\" id=\"m_widowed\" name=\"profile_marital\" value=\"Widowed\" required>\r\n                                <label for=\"m_widowed\"><span class=\"emoji\">\ud83d\udd6f\ufe0f<\/span> Widowed<\/label>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"spf-group\">\r\n                        <label class=\"field-label\">Looking For<\/label>\r\n                        <div class=\"radio-grid col-3\">\r\n                            <div class=\"radio-card\">\r\n                                <input type=\"radio\" id=\"s_friend\" name=\"profile_seeking\" value=\"Friendship\" required>\r\n                                <label for=\"s_friend\"><span class=\"emoji\">\ud83d\udc4b<\/span> Friendship<\/label>\r\n                            <\/div>\r\n                            <div class=\"radio-card\">\r\n                                <input type=\"radio\" id=\"s_relation\" name=\"profile_seeking\" value=\"Relationship\" required>\r\n                                <label for=\"s_relation\"><span class=\"emoji\">\u2764\ufe0f<\/span> Romance<\/label>\r\n                            <\/div>\r\n                            <div class=\"radio-card\">\r\n                                <input type=\"radio\" id=\"s_marriage\" name=\"profile_seeking\" value=\"Marriage\" required>\r\n                                <label for=\"s_marriage\"><span class=\"emoji\">\ud83d\udc8d<\/span> Marriage<\/label>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"btn-row\">\r\n                        <button type=\"button\" class=\"btn-prev\" onclick=\"prevStep(2)\">Back<\/button>\r\n                        <button type=\"button\" class=\"btn-next\" onclick=\"nextStep(2)\">Continue<\/button>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"form-step\" id=\"step-3\">\r\n                    <div class=\"spf-group\">\r\n                        <label class=\"field-label\">Country<\/label>\r\n                        <select name=\"profile_country\" id=\"spf_country\" required>\r\n                            <option value=\"United States\">United States<\/option>\r\n                            <option value=\"United Kingdom\">United Kingdom<\/option>\r\n                            <option value=\"Canada\">Canada<\/option>\r\n                            <option value=\"Australia\">Australia<\/option>\r\n                            <option disabled>\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500<\/option>\r\n                            <option value=\"Afghanistan\">Afghanistan<\/option><option value=\"Albania\">Albania<\/option><option value=\"Algeria\">Algeria<\/option><option value=\"Andorra\">Andorra<\/option><option value=\"Angola\">Angola<\/option><option value=\"Argentina\">Argentina<\/option><option value=\"Armenia\">Armenia<\/option><option value=\"Austria\">Austria<\/option><option value=\"Azerbaijan\">Azerbaijan<\/option><option value=\"Bahamas\">Bahamas<\/option><option value=\"Bahrain\">Bahrain<\/option><option value=\"Bangladesh\">Bangladesh<\/option><option value=\"Barbados\">Barbados<\/option><option value=\"Belarus\">Belarus<\/option><option value=\"Belgium\">Belgium<\/option><option value=\"Belize\">Belize<\/option><option value=\"Benin\">Benin<\/option><option value=\"Bhutan\">Bhutan<\/option><option value=\"Bolivia\">Bolivia<\/option><option value=\"Bosnia and Herzegovina\">Bosnia and Herzegovina<\/option><option value=\"Botswana\">Botswana<\/option><option value=\"Brazil\">Brazil<\/option><option value=\"Bulgaria\">Bulgaria<\/option><option value=\"Burkina Faso\">Burkina Faso<\/option><option value=\"Burundi\">Burundi<\/option><option value=\"Cambodia\">Cambodia<\/option><option value=\"Cameroon\">Cameroon<\/option><option value=\"Chile\">Chile<\/option><option value=\"China\">China<\/option><option value=\"Colombia\">Colombia<\/option><option value=\"Costa Rica\">Costa Rica<\/option><option value=\"Croatia\">Croatia<\/option><option value=\"Cuba\">Cuba<\/option><option value=\"Cyprus\">Cyprus<\/option><option value=\"Czech Republic\">Czech Republic<\/option><option value=\"Denmark\">Denmark<\/option><option value=\"Dominican Republic\">Dominican Republic<\/option><option value=\"Ecuador\">Ecuador<\/option><option value=\"Egypt\">Egypt<\/option><option value=\"El Salvador\">El Salvador<\/option><option value=\"Estonia\">Estonia<\/option><option value=\"Ethiopia\">Ethiopia<\/option><option value=\"Fiji\">Fiji<\/option><option value=\"Finland\">Finland<\/option><option value=\"France\">France<\/option><option value=\"Georgia\">Georgia<\/option><option value=\"Germany\">Germany<\/option><option value=\"Ghana\">Ghana<\/option><option value=\"Greece\">Greece<\/option><option value=\"Guatemala\">Guatemala<\/option><option value=\"Haiti\">Haiti<\/option><option value=\"Honduras\">Honduras<\/option><option value=\"Hungary\">Hungary<\/option><option value=\"Iceland\">Iceland<\/option><option value=\"India\">India<\/option><option value=\"Indonesia\">Indonesia<\/option><option value=\"Iran\">Iran<\/option><option value=\"Iraq\">Iraq<\/option><option value=\"Ireland\">Ireland<\/option><option value=\"Israel\">Israel<\/option><option value=\"Italy\">Italy<\/option><option value=\"Jamaica\">Jamaica<\/option><option value=\"Japan\">Japan<\/option><option value=\"Jordan\">Jordan<\/option><option value=\"Kazakhstan\">Kazakhstan<\/option><option value=\"Kenya\">Kenya<\/option><option value=\"Kuwait\">Kuwait<\/option><option value=\"Lebanon\">Lebanon<\/option><option value=\"Libya\">Libya<\/option><option value=\"Lithuania\">Lithuania<\/option><option value=\"Luxembourg\">Luxembourg<\/option><option value=\"Madagascar\">Madagascar<\/option><option value=\"Malaysia\">Malaysia<\/option><option value=\"Maldives\">Maldives<\/option><option value=\"Mali\">Mali<\/option><option value=\"Malta\">Malta<\/option><option value=\"Mexico\">Mexico<\/option><option value=\"Moldova\">Moldova<\/option><option value=\"Monaco\">Monaco<\/option><option value=\"Mongolia\">Mongolia<\/option><option value=\"Montenegro\">Montenegro<\/option><option value=\"Morocco\">Morocco<\/option><option value=\"Nepal\">Nepal<\/option><option value=\"Netherlands\">Netherlands<\/option><option value=\"New Zealand\">New Zealand<\/option><option value=\"Nicaragua\">Nicaragua<\/option><option value=\"Nigeria\">Nigeria<\/option><option value=\"Norway\">Norway<\/option><option value=\"Oman\">Oman<\/option><option value=\"Pakistan\">Pakistan<\/option><option value=\"Panama\">Panama<\/option><option value=\"Paraguay\">Paraguay<\/option><option value=\"Peru\">Peru<\/option><option value=\"Philippines\">Philippines<\/option><option value=\"Poland\">Poland<\/option><option value=\"Portugal\">Portugal<\/option><option value=\"Qatar\">Qatar<\/option><option value=\"Romania\">Romania<\/option><option value=\"Russia\">Russia<\/option><option value=\"Saudi Arabia\">Saudi Arabia<\/option><option value=\"Senegal\">Senegal<\/option><option value=\"Serbia\">Serbia<\/option><option value=\"Singapore\">Singapore<\/option><option value=\"Slovakia\">Slovakia<\/option><option value=\"Slovenia\">Slovenia<\/option><option value=\"Somalia\">Somalia<\/option><option value=\"South Africa\">South Africa<\/option><option value=\"South Korea\">South Korea<\/option><option value=\"Spain\">Spain<\/option><option value=\"Sri Lanka\">Sri Lanka<\/option><option value=\"Sudan\">Sudan<\/option><option value=\"Sweden\">Sweden<\/option><option value=\"Switzerland\">Switzerland<\/option><option value=\"Syria\">Syria<\/option><option value=\"Tanzania\">Tanzania<\/option><option value=\"Thailand\">Thailand<\/option><option value=\"Tunisia\">Tunisia<\/option><option value=\"Turkey\">Turkey<\/option><option value=\"Uganda\">Uganda<\/option><option value=\"Ukraine\">Ukraine<\/option><option value=\"United Arab Emirates\">United Arab Emirates<\/option><option value=\"Uruguay\">Uruguay<\/option><option value=\"Uzbekistan\">Uzbekistan<\/option><option value=\"Venezuela\">Venezuela<\/option><option value=\"Vietnam\">Vietnam<\/option><option value=\"Yemen\">Yemen<\/option><option value=\"Zambia\">Zambia<\/option><option value=\"Zimbabwe\">Zimbabwe<\/option>                        <\/select>\r\n                    <\/div>\r\n\r\n                    <div class=\"spf-group\" id=\"group_state_dropdown\" style=\"display:none;\">\r\n                        <label class=\"field-label\">State \/ Province<\/label>\r\n                        <select name=\"profile_state_dropdown\" id=\"spf_state_dropdown\"><\/select>\r\n                    <\/div>\r\n\r\n                    <div class=\"spf-group\" id=\"group_state_other\" style=\"display:none;\">\r\n                        <label class=\"field-label\">City \/ Region<\/label>\r\n                        <input type=\"text\" name=\"profile_state_other\" id=\"spf_state_other\" placeholder=\"Enter city\">\r\n                    <\/div>\r\n\r\n                    <div style=\"margin-top: 30px;\">\r\n                        <label class=\"checkbox-label\">\r\n                            <input type=\"checkbox\" id=\"skip_contact\" name=\"skip_contact\" value=\"1\">\r\n                            I prefer not to provide my email and phone number\r\n                        <\/label>\r\n\r\n                        <div id=\"contact_fields_wrapper\">\r\n                            <div class=\"spf-group\">\r\n                                <label class=\"field-label\">Email Address<\/label>\r\n                                <input type=\"email\" id=\"email_input\" name=\"profile_email\" value=\"\" placeholder=\"your@email.com\" required>\r\n                            <\/div>\r\n                            \r\n                            <div class=\"spf-group\">\r\n                                <label class=\"field-label\">Phone Number<\/label>\r\n                                <div class=\"phone-group\">\r\n                                    <select name=\"profile_phone_code\" id=\"phone_code_input\" required>\r\n                                        <option value=\"+1\">+1 (US\/CA)<\/option><option value=\"+44\">+44 (UK)<\/option><option value=\"+90\">+90 (TR)<\/option><option value=\"+49\">+49 (DE)<\/option><option value=\"+33\">+33 (FR)<\/option><option value=\"+61\">+61 (AU)<\/option><option value=\"+39\">+39 (IT)<\/option><option value=\"+34\">+34 (ES)<\/option><option value=\"+7\">+7 (RU\/KZ)<\/option><option value=\"+81\">+81 (JP)<\/option><option value=\"+86\">+86 (CN)<\/option><option value=\"+91\">+91 (IN)<\/option><option value=\"+971\">+971 (AE)<\/option><option value=\"+966\">+966 (SA)<\/option>                                    <\/select>\r\n                                    <input type=\"number\" inputmode=\"numeric\" id=\"phone_input\" name=\"profile_phone\" value=\"\" placeholder=\"555 123 4567\" required>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"btn-row\">\r\n                        <button type=\"button\" class=\"btn-prev\" onclick=\"prevStep(3)\">Back<\/button>\r\n                        <button type=\"button\" class=\"btn-next\" onclick=\"nextStep(3)\">Continue<\/button>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"form-step\" id=\"step-4\">\r\n                    <div class=\"spf-group\">\r\n                        <label class=\"field-label\">About Me<\/label>\r\n                        <textarea name=\"profile_desc\" rows=\"4\" placeholder=\"Tell us about yourself, your hobbies, what you enjoy doing...\" required><\/textarea>\r\n                    <\/div>\r\n\r\n                    <div class=\"spf-group\">\r\n                        <label class=\"field-label\">Profile Photo<\/label>\r\n                        <label class=\"custom-file-upload\">\r\n                            <input type=\"file\" id=\"spf_photo\" name=\"profile_photo\" accept=\"image\/jpeg, image\/png\" required>\r\n                            \ud83d\udcf8 Tap to Add Your Best Photo\r\n                        <\/label>\r\n                        <div class=\"spf-photo-preview\" id=\"spf_preview_container\">\r\n                            <img decoding=\"async\" id=\"spf_img_preview\" src=\"#\" alt=\"Preview\">\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"btn-row\">\r\n                        <button type=\"button\" class=\"btn-prev\" onclick=\"prevStep(4)\">Back<\/button>\r\n                        <button type=\"submit\" name=\"spf_submit\" class=\"btn-submit\">Publish Profile<\/button>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/form>\r\n        <\/div>\r\n\r\n        <script>\r\n            const totalSteps = 4;\r\n            const stepIndicator = document.getElementById('step-indicator');\r\n\r\n            function nextStep(currentStepNum) {\r\n                const currentStepDiv = document.getElementById('step-' + currentStepNum);\r\n                \r\n                \/\/ Sadece ge\u00e7erli ad\u0131m\u0131n required inputlar\u0131n\u0131 kontrol et, radio gruplar\u0131 dahil\r\n                const inputs = currentStepDiv.querySelectorAll('input[required], select[required], textarea[required]');\r\n                let isValid = true;\r\n                \r\n                for (let i = 0; i < inputs.length; i++) {\r\n                    if (!inputs[i].checkValidity()) {\r\n                        inputs[i].reportValidity(); \r\n                        isValid = false;\r\n                        break;\r\n                    }\r\n                }\r\n\r\n                if (isValid) {\r\n                    currentStepDiv.classList.remove('active');\r\n                    setTimeout(() => {\r\n                        currentStepDiv.style.display = 'none';\r\n                        const nextDiv = document.getElementById('step-' + (currentStepNum + 1));\r\n                        nextDiv.style.display = 'block';\r\n                        setTimeout(() => nextDiv.classList.add('active'), 10);\r\n                        stepIndicator.innerText = 'Step ' + (currentStepNum + 1) + ' of ' + totalSteps;\r\n                    }, 200);\r\n                }\r\n            }\r\n\r\n            function prevStep(currentStepNum) {\r\n                const currentStepDiv = document.getElementById('step-' + currentStepNum);\r\n                currentStepDiv.classList.remove('active');\r\n                \r\n                setTimeout(() => {\r\n                    currentStepDiv.style.display = 'none';\r\n                    const prevDiv = document.getElementById('step-' + (currentStepNum - 1));\r\n                    prevDiv.style.display = 'block';\r\n                    setTimeout(() => prevDiv.classList.add('active'), 10);\r\n                    stepIndicator.innerText = 'Step ' + (currentStepNum - 1) + ' of ' + totalSteps;\r\n                }, 200);\r\n            }\r\n\r\n            const skipCb = document.getElementById('skip_contact');\r\n            const contactWrapper = document.getElementById('contact_fields_wrapper');\r\n            const emailInput = document.getElementById('email_input');\r\n            const phoneCodeInput = document.getElementById('phone_code_input');\r\n            const phoneInput = document.getElementById('phone_input');\r\n\r\n            skipCb.addEventListener('change', function() {\r\n                if(this.checked) {\r\n                    contactWrapper.style.display = 'none';\r\n                    emailInput.required = false;\r\n                    phoneCodeInput.required = false;\r\n                    phoneInput.required = false;\r\n                } else {\r\n                    contactWrapper.style.display = 'block';\r\n                    emailInput.required = true;\r\n                    phoneCodeInput.required = true;\r\n                    phoneInput.required = true;\r\n                }\r\n            });\r\n\r\n            const statesData = {\r\n                \"United States\": { \"AL\":\"Alabama\",\"AK\":\"Alaska\",\"AZ\":\"Arizona\",\"AR\":\"Arkansas\",\"CA\":\"California\",\"CO\":\"Colorado\",\"CT\":\"Connecticut\",\"DE\":\"Delaware\",\"FL\":\"Florida\",\"GA\":\"Georgia\",\"HI\":\"Hawaii\",\"ID\":\"Idaho\",\"IL\":\"Illinois\",\"IN\":\"Indiana\",\"IA\":\"Iowa\",\"KS\":\"Kansas\",\"KY\":\"Kentucky\",\"LA\":\"Louisiana\",\"ME\":\"Maine\",\"MD\":\"Maryland\",\"MA\":\"Massachusetts\",\"MI\":\"Michigan\",\"MN\":\"Minnesota\",\"MS\":\"Mississippi\",\"MO\":\"Missouri\",\"MT\":\"Montana\",\"NE\":\"Nebraska\",\"NV\":\"Nevada\",\"NH\":\"New Hampshire\",\"NJ\":\"New Jersey\",\"NM\":\"New Mexico\",\"NY\":\"New York\",\"NC\":\"North Carolina\",\"ND\":\"North Dakota\",\"OH\":\"Ohio\",\"OK\":\"Oklahoma\",\"OR\":\"Oregon\",\"PA\":\"Pennsylvania\",\"RI\":\"Rhode Island\",\"SC\":\"South Carolina\",\"SD\":\"South Dakota\",\"TN\":\"Tennessee\",\"TX\":\"Texas\",\"UT\":\"Utah\",\"VT\":\"Vermont\",\"VA\":\"Virginia\",\"WA\":\"Washington\",\"WV\":\"West Virginia\",\"WI\":\"Wisconsin\",\"WY\":\"Wyoming\" },\r\n                \"Canada\": { \"AB\":\"Alberta\",\"BC\":\"British Columbia\",\"MB\":\"Manitoba\",\"NB\":\"New Brunswick\",\"NL\":\"Newfoundland and Labrador\",\"NS\":\"Nova Scotia\",\"ON\":\"Ontario\",\"PE\":\"Prince Edward Island\",\"QC\":\"Quebec\",\"SK\":\"Saskatchewan\",\"NT\":\"Northwest Territories\",\"NU\":\"Nunavut\",\"YT\":\"Yukon\" },\r\n                \"United Kingdom\": { \"ENG\":\"England\",\"SCT\":\"Scotland\",\"WLS\":\"Wales\",\"NIR\":\"Northern Ireland\" },\r\n                \"Australia\": { \"NSW\":\"New South Wales\",\"VIC\":\"Victoria\",\"QLD\":\"Queensland\",\"WA\":\"Western Australia\",\"SA\":\"South Australia\",\"TAS\":\"Tasmania\",\"ACT\":\"Australian Capital Territory\",\"NT\":\"Northern Territory\" }\r\n            };\r\n\r\n            const countrySelect = document.getElementById('spf_country');\r\n            const groupDropdown = document.getElementById('group_state_dropdown');\r\n            const groupOther = document.getElementById('group_state_other');\r\n            const inputDropdown = document.getElementById('spf_state_dropdown');\r\n            const inputOther = document.getElementById('spf_state_other');\r\n\r\n            function toggleStateInput() {\r\n                const selectedCountry = countrySelect.value;\r\n                if (statesData[selectedCountry]) {\r\n                    groupDropdown.style.display = 'block';\r\n                    groupOther.style.display = 'none';\r\n                    inputDropdown.required = true;\r\n                    inputOther.required = false;\r\n                    \r\n                    inputDropdown.innerHTML = '<option value=\"\">Select state\/province...<\/option>';\r\n                    for (const [code, name] of Object.entries(statesData[selectedCountry])) {\r\n                        inputDropdown.innerHTML += `<option value=\"${name}\">${name}<\/option>`;\r\n                    }\r\n                } else {\r\n                    groupDropdown.style.display = 'none';\r\n                    groupOther.style.display = 'block';\r\n                    inputDropdown.required = false;\r\n                    inputOther.required = true;\r\n                }\r\n            }\r\n            \r\n            countrySelect.addEventListener('change', toggleStateInput);\r\n            toggleStateInput();\r\n\r\n            document.getElementById('spf_photo').onchange = function (evt) {\r\n                var tgt = evt.target || window.event.srcElement, files = tgt.files;\r\n                if (FileReader && files && files.length) {\r\n                    var fr = new FileReader();\r\n                    fr.onload = function () {\r\n                        document.getElementById('spf_img_preview').src = fr.result;\r\n                        document.getElementById('spf_preview_container').style.display = 'block';\r\n                    }\r\n                    fr.readAsDataURL(files[0]);\r\n                }\r\n            }\r\n        <\/script>\r\n        \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1499","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/onayaz.com\/en\/wp-json\/wp\/v2\/pages\/1499","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/onayaz.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/onayaz.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/onayaz.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/onayaz.com\/en\/wp-json\/wp\/v2\/comments?post=1499"}],"version-history":[{"count":2,"href":"https:\/\/onayaz.com\/en\/wp-json\/wp\/v2\/pages\/1499\/revisions"}],"predecessor-version":[{"id":1511,"href":"https:\/\/onayaz.com\/en\/wp-json\/wp\/v2\/pages\/1499\/revisions\/1511"}],"wp:attachment":[{"href":"https:\/\/onayaz.com\/en\/wp-json\/wp\/v2\/media?parent=1499"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}