{"id":32,"date":"2026-08-14T05:19:05","date_gmt":"2026-08-14T05:19:05","guid":{"rendered":"https:\/\/vakiladvocate.com\/?page_id=32"},"modified":"2026-08-14T05:28:43","modified_gmt":"2026-08-14T05:28:43","slug":"advocate-profile","status":"publish","type":"page","link":"https:\/\/vakiladvocate.com\/index.php\/advocate-profile\/","title":{"rendered":"Advocate profile"},"content":{"rendered":"\n    <div id=\"vakil-advocate-profile\">\n        <div class=\"vakil-profile-loading\">\n            Loading advocate profile...\n        <\/div>\n    <\/div>\n\n    <style>\n        #vakil-advocate-profile {\n            max-width: 1000px;\n            margin: 60px auto;\n            padding: 0 20px;\n        }\n\n        .vakil-profile-card {\n            background: #ffffff;\n            border-radius: 20px;\n            padding: 45px;\n            box-shadow: 0 15px 45px rgba(0, 0, 0, 0.08);\n        }\n\n        .vakil-profile-header {\n            text-align: center;\n            margin-bottom: 35px;\n        }\n\n        .vakil-profile-badge {\n            display: inline-block;\n            margin-bottom: 15px;\n            padding: 7px 16px;\n            border-radius: 30px;\n            font-size: 13px;\n            font-weight: 700;\n            letter-spacing: 0.5px;\n        }\n\n        .vakil-profile-header h1 {\n            margin: 0 0 10px;\n            font-size: 38px;\n        }\n\n        .vakil-profile-practice {\n            font-size: 18px;\n            opacity: 0.75;\n        }\n\n        .vakil-profile-grid {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr);\n            gap: 20px;\n            margin: 30px 0;\n        }\n\n        .vakil-profile-info {\n            padding: 20px;\n            border-radius: 12px;\n        }\n\n        .vakil-profile-info strong {\n            display: block;\n            margin-bottom: 7px;\n            font-size: 13px;\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n            opacity: 0.65;\n        }\n\n        .vakil-profile-info span {\n            font-size: 17px;\n            font-weight: 600;\n        }\n\n        .vakil-profile-fee {\n            text-align: center;\n            margin: 35px 0;\n        }\n\n        .vakil-profile-fee-label {\n            display: block;\n            font-size: 13px;\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n            opacity: 0.65;\n            margin-bottom: 5px;\n        }\n\n        .vakil-profile-fee-amount {\n            font-size: 32px;\n            font-weight: 800;\n        }\n\n        .vakil-profile-action {\n            text-align: center;\n            margin-top: 35px;\n        }\n\n        .vakil-proceed-btn {\n            display: inline-block;\n            border: none;\n            padding: 15px 32px;\n            border-radius: 10px;\n            font-size: 16px;\n            font-weight: 700;\n            cursor: pointer;\n            text-decoration: none;\n        }\n\n        .vakil-profile-loading,\n        .vakil-profile-error {\n            text-align: center;\n            padding: 60px 20px;\n        }\n\n        @media (max-width: 700px) {\n\n            .vakil-profile-card {\n                padding: 30px 20px;\n            }\n\n            .vakil-profile-grid {\n                grid-template-columns: 1fr;\n            }\n\n            .vakil-profile-header h1 {\n                font-size: 30px;\n            }\n\n        }\n    <\/style>\n\n    <script>\n    document.addEventListener('DOMContentLoaded', function () {\n\n        const container =\n            document.getElementById('vakil-advocate-profile');\n\n        if (!container) return;\n\n        const params =\n            new URLSearchParams(window.location.search);\n\n        const advocateId =\n            params.get('id');\n\n        if (!advocateId || !\/^\\d+$\/.test(advocateId)) {\n\n            container.innerHTML = `\n                <div class=\"vakil-profile-error\">\n                    <h2>Advocate profile not found<\/h2>\n                    <p>Please return to Vakil Circle and select an advocate.<\/p>\n                <\/div>\n            `;\n\n            return;\n        }\n\n        fetch(\n            `\/wp-json\/vakil\/v1\/advocate-profile\/${advocateId}`,\n            {\n                method: 'GET',\n                headers: {\n                    'Accept': 'application\/json'\n                }\n            }\n        )\n        .then(function (response) {\n            return response.json()\n                .then(function (data) {\n                    return {\n                        ok: response.ok,\n                        data: data\n                    };\n                });\n        })\n        .then(function (result) {\n\n            if (\n                !result.ok ||\n                !result.data.success ||\n                !result.data.advocate\n            ) {\n                throw new Error(\n                    result.data.message ||\n                    'Unable to load advocate profile.'\n                );\n            }\n\n            const advocate =\n                result.data.advocate;\n\n            const safe = function (value) {\n\n                const div =\n                    document.createElement('div');\n\n                div.textContent =\n                    value == null ? '' : String(value);\n\n                return div.innerHTML;\n            };\n\n            container.innerHTML = `\n\n                <div class=\"vakil-profile-card\">\n\n                    <div class=\"vakil-profile-header\">\n\n                        <span class=\"vakil-profile-badge\">\n                            \u2713 VERIFIED ADVOCATE\n                        <\/span>\n\n                        <h1>\n                            ${safe(advocate.name)}\n                        <\/h1>\n\n                        <div class=\"vakil-profile-practice\">\n                            ${safe(advocate.practice_area)}\n                        <\/div>\n\n                    <\/div>\n\n\n                    <div class=\"vakil-profile-grid\">\n\n                        <div class=\"vakil-profile-info\">\n\n                            <strong>\n                                Practice Area\n                            <\/strong>\n\n                            <span>\n                                ${safe(advocate.practice_area)}\n                            <\/span>\n\n                        <\/div>\n\n\n                        <div class=\"vakil-profile-info\">\n\n                            <strong>\n                                Bar Council Enrollment\n                            <\/strong>\n\n                            <span>\n                                ${safe(\n                                    advocate.bar_council_enrollment_no\n                                )}\n                            <\/span>\n\n                        <\/div>\n\n\n                        <div class=\"vakil-profile-info\">\n\n                            <strong>\n                                Bar Council ID\n                            <\/strong>\n\n                            <span>\n                                ${safe(\n                                    advocate.bar_council_id\n                                )}\n                            <\/span>\n\n                        <\/div>\n\n\n                        <div class=\"vakil-profile-info\">\n\n                            <strong>\n                                Advocate Status\n                            <\/strong>\n\n                            <span>\n                                Verified\n                            <\/span>\n\n                        <\/div>\n\n                    <\/div>\n\n\n                    <div class=\"vakil-profile-fee\">\n\n                        <span class=\"vakil-profile-fee-label\">\n                            Consultation Fee\n                        <\/span>\n\n                        <span class=\"vakil-profile-fee-amount\">\n                            \u20b9${safe(advocate.charge)}\n                        <\/span>\n\n                    <\/div>\n\n\n                    <div class=\"vakil-profile-action\">\n\n                        <button\n                            type=\"button\"\n                            class=\"vakil-proceed-btn\"\n                            id=\"vakilProceedToConsultation\"\n                        >\n                            Proceed to Consultation\n                        <\/button>\n\n                    <\/div>\n\n                <\/div>\n\n            `;\n\n\n            const proceedButton =\n                document.getElementById(\n                    'vakilProceedToConsultation'\n                );\n\n            if (proceedButton) {\n\n                proceedButton.addEventListener(\n                    'click',\n                    function () {\n\n                        \/*\n                         * Payment and final advocate assignment\n                         * will be connected here later.\n                         *\/\n\n                        console.log(\n                            'Proceeding with advocate:',\n                            advocate.id\n                        );\n\n                    }\n                );\n\n            }\n\n        })\n        .catch(function (error) {\n\n            console.error(\n                'Vakil Advocate Profile:',\n                error\n            );\n\n            container.innerHTML = `\n                <div class=\"vakil-profile-error\">\n\n                    <h2>\n                        Unable to load profile\n                    <\/h2>\n\n                    <p>\n                        Please try again later.\n                    <\/p>\n\n                <\/div>\n            `;\n\n        });\n\n    });\n    <\/script>\n\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":{"iawp_total_views":1,"footnotes":""},"class_list":["post-32","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/vakiladvocate.com\/index.php\/wp-json\/wp\/v2\/pages\/32","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vakiladvocate.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/vakiladvocate.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/vakiladvocate.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/vakiladvocate.com\/index.php\/wp-json\/wp\/v2\/comments?post=32"}],"version-history":[{"count":2,"href":"https:\/\/vakiladvocate.com\/index.php\/wp-json\/wp\/v2\/pages\/32\/revisions"}],"predecessor-version":[{"id":35,"href":"https:\/\/vakiladvocate.com\/index.php\/wp-json\/wp\/v2\/pages\/32\/revisions\/35"}],"wp:attachment":[{"href":"https:\/\/vakiladvocate.com\/index.php\/wp-json\/wp\/v2\/media?parent=32"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}