{"id":231,"date":"2025-09-22T20:51:45","date_gmt":"2025-09-22T17:51:45","guid":{"rendered":"https:\/\/lo-ms.com\/?page_id=231"},"modified":"2025-09-22T20:51:46","modified_gmt":"2025-09-22T17:51:46","slug":"%d8%aa%d8%b3%d8%ac%d9%8a%d9%84-%d8%af%d8%ae%d9%88%d9%84-%d8%a5%d9%86%d8%b4%d8%a7%d8%a1-%d8%ad%d8%b3%d8%a7%d8%a8-2","status":"publish","type":"page","link":"https:\/\/lo-ms.com\/?page_id=231","title":{"rendered":"\u062a\u0633\u062c\u064a\u0644 \u062f\u062e\u0648\u0644 \/ \u0625\u0646\u0634\u0627\u0621 \u062d\u0633\u0627\u0628"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"ar\" dir=\"rtl\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>\u0646\u0638\u0627\u0645 \u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u0642\u0636\u0627\u064a\u0627 &#8211; \u0645\u0643\u062a\u0628 \u0627\u0644\u0645\u062d\u0627\u0645\u064a \u0645\u062d\u0645\u062f \u062d\u0645\u0648\u062f \u0634\u062c\u0627\u0639 \u0627\u0644\u062f\u064a\u0646<\/title>\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n    <style>\n        :root {\n            --primary-color: #1a3a5f;\n            --secondary-color: #e9ecef;\n            --accent-color: #d4af37;\n            --text-color: #333;\n            --light-text: #fff;\n            --error-color: #dc3545;\n            --success-color: #28a745;\n            --warning-color: #ffc107;\n        }\n        \n        * {\n            box-sizing: border-box;\n            margin: 0;\n            padding: 0;\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n        }\n        \n        body {\n            background-color: #f8f9fa;\n            color: var(--text-color);\n            line-height: 1.6;\n            background-image: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), \n                              url('data:image\/svg+xml;utf8,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"100\" height=\"100\" viewBox=\"0 0 100 100\"><rect fill=\"%231a3a5f\" x=\"0\" y=\"0\" width=\"100\" height=\"100\"\/><path fill=\"%23d4af37\" d=\"M0 0L100 100M100 0L0 100\" stroke-width=\"1\"\/><\/svg>');\n            background-size: 300px;\n        }\n        \n        .container {\n            width: 100%;\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 0 15px;\n        }\n        \n        header {\n            background-color: var(--primary-color);\n            color: var(--light-text);\n            padding: 1rem 0;\n            box-shadow: 0 2px 10px rgba(0,0,0,0.2);\n        }\n        \n        nav {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n        }\n        \n        .logo {\n            font-size: 1.5rem;\n            font-weight: bold;\n            display: flex;\n            align-items: center;\n        }\n        \n        .logo i {\n            margin-left: 10px;\n            color: var(--accent-color);\n        }\n        \n        .nav-links {\n            display: flex;\n            list-style: none;\n        }\n        \n        .nav-links li {\n            margin-left: 1.5rem;\n        }\n        \n        .nav-links a {\n            color: var(--light-text);\n            text-decoration: none;\n            transition: color 0.3s;\n            display: flex;\n            align-items: center;\n        }\n        \n        .nav-links a i {\n            margin-left: 5px;\n        }\n        \n        .nav-links a:hover {\n            color: var(--accent-color);\n        }\n        \n        .auth-forms {\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            min-height: 80vh;\n            padding: 2rem 0;\n        }\n        \n        .form-container {\n            background: white;\n            border-radius: 8px;\n            box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);\n            width: 100%;\n            max-width: 500px;\n            padding: 2rem;\n            border-top: 5px solid var(--accent-color);\n            position: relative;\n        }\n        \n        .form-header {\n            text-align: center;\n            margin-bottom: 1.5rem;\n            color: var(--primary-color);\n        }\n        \n        .form-header h2 {\n            margin-bottom: 0.5rem;\n        }\n        \n        .form-toggle {\n            display: flex;\n            margin-bottom: 1.5rem;\n            border-radius: 5px;\n            overflow: hidden;\n            border: 1px solid var(--primary-color);\n        }\n        \n        .form-toggle button {\n            flex: 1;\n            padding: 0.75rem;\n            border: none;\n            background: var(--secondary-color);\n            cursor: pointer;\n            font-weight: bold;\n            transition: all 0.3s;\n            font-size: 1rem;\n        }\n        \n        .form-toggle button.active {\n            background: var(--primary-color);\n            color: white;\n        }\n        \n        .form-group {\n            margin-bottom: 1.5rem;\n            position: relative;\n        }\n        \n        .form-group label {\n            display: block;\n            margin-bottom: 0.5rem;\n            font-weight: 500;\n            color: var(--primary-color);\n        }\n        \n        .form-group input, .form-group select {\n            width: 100%;\n            padding: 0.75rem;\n            border: 1px solid #ddd;\n            border-radius: 4px;\n            font-size: 1rem;\n            transition: border 0.3s;\n        }\n        \n        .form-group input:focus, .form-group select:focus {\n            border-color: var(--primary-color);\n            outline: none;\n        }\n        \n        .password-toggle {\n            position: absolute;\n            left: 10px;\n            top: 55%;\n            transform: translateY(-50%);\n            cursor: pointer;\n            color: #777;\n        }\n        \n        .btn {\n            display: inline-block;\n            background: var(--primary-color);\n            color: white;\n            padding: 0.75rem 1.5rem;\n            border: none;\n            border-radius: 4px;\n            cursor: pointer;\n            font-size: 1rem;\n            font-weight: bold;\n            transition: background 0.3s;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n        \n        .btn i {\n            margin-left: 5px;\n        }\n        \n        .btn:hover {\n            background: #0f2842;\n        }\n        \n        .btn-block {\n            display: block;\n            width: 100%;\n        }\n        \n        .btn-accent {\n            background: var(--accent-color);\n        }\n        \n        .btn-accent:hover {\n            background: #b8941f;\n        }\n        \n        .btn-link {\n            background: none;\n            color: var(--primary-color);\n            text-decoration: underline;\n            padding: 0;\n            font-weight: normal;\n        }\n        \n        .btn-link:hover {\n            background: none;\n            color: #0f2842;\n        }\n        \n        .hidden {\n            display: none;\n        }\n        \n        .message {\n            padding: 0.75rem;\n            border-radius: 4px;\n            margin-bottom: 1rem;\n            display: flex;\n            align-items: center;\n        }\n        \n        .message i {\n            margin-left: 5px;\n        }\n        \n        .error {\n            background: #ffebee;\n            color: var(--error-color);\n            border: 1px solid #f5c6cb;\n        }\n        \n        .success {\n            background: #e8f5e9;\n            color: var(--success-color);\n            border: 1px solid #c3e6cb;\n        }\n        \n        .warning {\n            background: #fff3cd;\n            color: var(--warning-color);\n            border: 1px solid #ffeaa7;\n        }\n        \n        .cases-container {\n            padding: 2rem 0;\n        }\n        \n        .welcome-message {\n            background: white;\n            padding: 1.5rem;\n            border-radius: 8px;\n            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n            margin-bottom: 2rem;\n            border-right: 4px solid var(--accent-color);\n        }\n        \n        .user-menu {\n            display: flex;\n            align-items: center;\n            gap: 1rem;\n            margin-bottom: 1.5rem;\n        }\n        \n        .user-info {\n            display: flex;\n            align-items: center;\n            gap: 0.5rem;\n            background: var(--secondary-color);\n            padding: 0.5rem 1rem;\n            border-radius: 20px;\n        }\n        \n        .user-avatar {\n            width: 40px;\n            height: 40px;\n            background: var(--primary-color);\n            color: white;\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-weight: bold;\n        }\n        \n        .cases-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));\n            gap: 1.5rem;\n            margin-top: 1.5rem;\n        }\n        \n        .case-card {\n            background: white;\n            border-radius: 8px;\n            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n            padding: 1.5rem;\n            transition: transform 0.3s;\n            border-top: 4px solid var(--primary-color);\n            position: relative;\n            overflow: hidden;\n        }\n        \n        .case-card:before {\n            content: \"\";\n            position: absolute;\n            top: 0;\n            right: 0;\n            border-width: 0 20px 20px 0;\n            border-style: solid;\n            border-color: var(--secondary-color) var(--secondary-color) transparent transparent;\n        }\n        \n        .case-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);\n        }\n        \n        .case-title {\n            font-size: 1.25rem;\n            margin-bottom: 0.5rem;\n            color: var(--primary-color);\n        }\n        \n        .case-status {\n            display: inline-block;\n            padding: 0.25rem 0.75rem;\n            border-radius: 20px;\n            font-size: 0.875rem;\n            margin-bottom: 1rem;\n        }\n        \n        .status-active {\n            background: #e8f5e9;\n            color: var(--success-color);\n        }\n        \n        .status-pending {\n            background: #fff3cd;\n            color: #856404;\n        }\n        \n        .status-closed {\n            background: #f8d7da;\n            color: var(--error-color);\n        }\n        \n        .case-details {\n            margin-top: 1.5rem;\n            padding: 1.5rem;\n            background: white;\n            border-radius: 8px;\n            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n            border-right: 4px solid var(--accent-color);\n        }\n        \n        .case-details h2 {\n            color: var(--primary-color);\n            margin-bottom: 1rem;\n            padding-bottom: 0.5rem;\n            border-bottom: 1px solid #eee;\n        }\n        \n        .detail-row {\n            display: flex;\n            margin-bottom: 1rem;\n            border-bottom: 1px solid #eee;\n            padding-bottom: 0.5rem;\n        }\n        \n        .detail-label {\n            flex: 1;\n            font-weight: bold;\n            color: var(--primary-color);\n        }\n        \n        .detail-value {\n            flex: 2;\n        }\n        \n        .back-button {\n            margin-bottom: 1.5rem;\n            cursor: pointer;\n            color: var(--primary-color);\n            font-weight: bold;\n            display: inline-flex;\n            align-items: center;\n        }\n        \n        .back-button i {\n            margin-right: 5px;\n        }\n        \n        .no-cases {\n            text-align: center;\n            padding: 2rem;\n            background: white;\n            border-radius: 8px;\n            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n            grid-column: 1 \/ -1;\n        }\n        \n        .no-cases i {\n            font-size: 3rem;\n            color: var(--secondary-color);\n            margin-bottom: 1rem;\n        }\n        \n        footer {\n            background: var(--primary-color);\n            color: white;\n            text-align: center;\n            padding: 1.5rem 0;\n            margin-top: 2rem;\n        }\n        \n        .contact-info {\n            display: flex;\n            justify-content: center;\n            gap: 2rem;\n            margin-top: 1rem;\n        }\n        \n        .contact-info div {\n            display: flex;\n            align-items: center;\n        }\n        \n        .contact-info i {\n            margin-left: 5px;\n            color: var(--accent-color);\n        }\n        \n        @media (max-width: 768px) {\n            .nav-links {\n                flex-direction: column;\n                gap: 0.5rem;\n                display: none;\n            }\n            \n            .form-container {\n                padding: 1.5rem;\n                margin: 1rem;\n            }\n            \n            .cases-grid {\n                grid-template-columns: 1fr;\n            }\n            \n            .detail-row {\n                flex-direction: column;\n            }\n            \n            .detail-label {\n                margin-bottom: 0.5rem;\n            }\n            \n            .contact-info {\n                flex-direction: column;\n                gap: 1rem;\n            }\n            \n            .form-toggle button {\n                padding: 0.5rem;\n                font-size: 0.9rem;\n            }\n            \n            .user-menu {\n                flex-direction: column;\n                align-items: flex-start;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n    <header>\n        <div class=\"container\">\n            <nav>\n                <div class=\"logo\">\n                    <i class=\"fas fa-balance-scale\"><\/i>\n                    \u0645\u0643\u062a\u0628 \u0627\u0644\u0645\u062d\u0627\u0645\u064a \u0645\u062d\u0645\u062f \u062d\u0645\u0648\u062f \u0634\u062c\u0627\u0639 \u0627\u0644\u062f\u064a\u0646\n                <\/div>\n                <ul class=\"nav-links\">\n                    <li><a href=\"#\" id=\"home-link\"><i class=\"fas fa-home\"><\/i> \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629<\/a><\/li>\n                    <li><a href=\"#\" id=\"cases-link\"><i class=\"fas fa-gavel\"><\/i> \u0642\u0636\u0627\u064a\u0627\u064a<\/a><\/li>\n                    <li><a href=\"#\" id=\"logout-link\" class=\"hidden\"><i class=\"fas fa-sign-out-alt\"><\/i> \u062a\u0633\u062c\u064a\u0644 \u062e\u0631\u0648\u062c<\/a><\/li>\n                    <li><a href=\"#\" id=\"login-link\"><i class=\"fas fa-sign-in-alt\"><\/i> \u062a\u0633\u062c\u064a\u0644 \u062f\u062e\u0648\u0644<\/a><\/li>\n                <\/ul>\n            <\/nav>\n        <\/div>\n    <\/header>\n\n    <main class=\"container\">\n        <section id=\"auth-section\" class=\"auth-forms\">\n            <div class=\"form-container\">\n                <div class=\"form-header\">\n                    <h2><i class=\"fas fa-balance-scale\"><\/i> \u0646\u0638\u0627\u0645 \u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u0642\u0636\u0627\u064a\u0627<\/h2>\n                    <p>\u0645\u0643\u062a\u0628 \u0627\u0644\u0645\u062d\u0627\u0645\u064a \u0645\u062d\u0645\u062f \u062d\u0645\u0648\u062f \u0634\u062c\u0627\u0639 \u0627\u0644\u062f\u064a\u0646<\/p>\n                <\/div>\n                \n                <div class=\"form-toggle\">\n                    <button id=\"login-toggle\" class=\"active\">\u062a\u0633\u062c\u064a\u0644 \u0627\u0644\u062f\u062e\u0648\u0644<\/button>\n                    <button id=\"register-toggle\">\u0625\u0646\u0634\u0627\u0621 \u062d\u0633\u0627\u0628<\/button>\n                <\/div>\n                \n                <div id=\"login-form\">\n                    <div id=\"login-message\" class=\"message hidden\"><\/div>\n                    <div class=\"form-group\">\n                        <label for=\"login-email\"><i class=\"fas fa-envelope\"><\/i> \u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a<\/label>\n                        <input type=\"email\" id=\"login-email\" required>\n                    <\/div>\n                    <div class=\"form-group\">\n                        <label for=\"login-password\"><i class=\"fas fa-lock\"><\/i> \u0643\u0644\u0645\u0629 \u0627\u0644\u0645\u0631\u0648\u0631<\/label>\n                        <input type=\"password\" id=\"login-password\" required>\n                        <i class=\"fas fa-eye password-toggle\" id=\"login-password-toggle\"><\/i>\n                    <\/div>\n                    <div style=\"text-align: left; margin-bottom: 1rem;\">\n                        <button class=\"btn btn-link\" id=\"forgot-password-btn\">\u0646\u0633\u064a\u062a \u0643\u0644\u0645\u0629 \u0627\u0644\u0645\u0631\u0648\u0631\u061f<\/button>\n                    <\/div>\n                    <button class=\"btn btn-block\" id=\"login-btn\"><i class=\"fas fa-sign-in-alt\"><\/i> \u062a\u0633\u062c\u064a\u0644 \u0627\u0644\u062f\u062e\u0648\u0644<\/button>\n                <\/div>\n                \n                <div id=\"register-form\" class=\"hidden\">\n                    <div id=\"register-message\" class=\"message hidden\"><\/div>\n                    <div class=\"form-group\">\n                        <label for=\"register-name\"><i class=\"fas fa-user\"><\/i> \u0627\u0644\u0627\u0633\u0645 \u0627\u0644\u0643\u0627\u0645\u0644<\/label>\n                        <input type=\"text\" id=\"register-name\" placeholder=\"\u0627\u0644\u0627\u0633\u0645 \u0627\u0644\u062b\u0644\u0627\u062b\u064a \u0623\u0648 \u0627\u0644\u0631\u0628\u0627\u0639\u064a\" required>\n                    <\/div>\n                    <div class=\"form-group\">\n                        <label for=\"register-email\"><i class=\"fas fa-envelope\"><\/i> \u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a<\/label>\n                        <input type=\"email\" id=\"register-email\" required>\n                    <\/div>\n                    <div class=\"form-group\">\n                        <label for=\"register-phone\"><i class=\"fas fa-phone\"><\/i> \u0631\u0642\u0645 \u0627\u0644\u0647\u0627\u062a\u0641<\/label>\n                        <input type=\"tel\" id=\"register-phone\" required>\n                    <\/div>\n                    <div class=\"form-group\">\n                        <label for=\"register-password\"><i class=\"fas fa-lock\"><\/i> \u0643\u0644\u0645\u0629 \u0627\u0644\u0645\u0631\u0648\u0631<\/label>\n                        <input type=\"password\" id=\"register-password\" required>\n                        <i class=\"fas fa-eye password-toggle\" id=\"register-password-toggle\"><\/i>\n                    <\/div>\n                    <div class=\"form-group\">\n                        <label for=\"register-confirm-password\"><i class=\"fas fa-lock\"><\/i> \u062a\u0623\u0643\u064a\u062f \u0643\u0644\u0645\u0629 \u0627\u0644\u0645\u0631\u0648\u0631<\/label>\n                        <input type=\"password\" id=\"register-confirm-password\" required>\n                        <i class=\"fas fa-eye password-toggle\" id=\"register-confirm-password-toggle\"><\/i>\n                    <\/div>\n                    <button class=\"btn btn-block\" id=\"register-btn\"><i class=\"fas fa-user-plus\"><\/i> \u0625\u0646\u0634\u0627\u0621 \u062d\u0633\u0627\u0628<\/button>\n                <\/div>\n\n                <div id=\"forgot-password-form\" class=\"hidden\">\n                    <div id=\"forgot-password-message\" class=\"message hidden\"><\/div>\n                    <div class=\"form-group\">\n                        <label for=\"forgot-password-email\"><i class=\"fas fa-envelope\"><\/i> \u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a<\/label>\n                        <input type=\"email\" id=\"forgot-password-email\" required>\n                    <\/div>\n                    <button class=\"btn btn-block\" id=\"reset-password-btn\"><i class=\"fas fa-key\"><\/i> \u0625\u0639\u0627\u062f\u0629 \u062a\u0639\u064a\u064a\u0646 \u0643\u0644\u0645\u0629 \u0627\u0644\u0645\u0631\u0648\u0631<\/button>\n                    <div style=\"text-align: center; margin-top: 1rem;\">\n                        <button class=\"btn btn-link\" id=\"back-to-login\">\u0627\u0644\u0639\u0648\u062f\u0629 \u0644\u062a\u0633\u062c\u064a\u0644 \u0627\u0644\u062f\u062e\u0648\u0644<\/button>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <section id=\"cases-section\" class=\"cases-container hidden\">\n            <div class=\"user-menu\">\n                <div class=\"user-info\">\n                    <div class=\"user-avatar\" id=\"user-avatar\">\u0645<\/div>\n                    <div>\n                        <div id=\"user-fullname\">\u0645\u062d\u0645\u062f \u0623\u062d\u0645\u062f<\/div>\n                        <div id=\"user-email\">user@example.com<\/div>\n                    <\/div>\n                <\/div>\n                <button class=\"btn btn-accent\" id=\"profile-btn\"><i class=\"fas fa-user\"><\/i> \u0627\u0644\u0645\u0644\u0641 \u0627\u0644\u0634\u062e\u0635\u064a<\/button>\n                <button class=\"btn\" id=\"logout-btn\"><i class=\"fas fa-sign-out-alt\"><\/i> \u062a\u0633\u062c\u064a\u0644 \u062e\u0631\u0648\u062c<\/button>\n            <\/div>\n\n            <div class=\"welcome-message\">\n                <h2 id=\"welcome-user\">\u0645\u0631\u062d\u0628\u0627\u064b \u0628\u0643 \u0641\u064a \u0646\u0638\u0627\u0645 \u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u0642\u0636\u0627\u064a\u0627<\/h2>\n                <p>\u064a\u0645\u0643\u0646\u0643 \u0647\u0646\u0627 \u0645\u062a\u0627\u0628\u0639\u0629 \u062d\u0627\u0644\u0629 \u0642\u0636\u0627\u064a\u0627\u0643 \u0648\u0627\u0644\u0627\u0637\u0644\u0627\u0639 \u0639\u0644\u0649 \u0622\u062e\u0631 \u0627\u0644\u062a\u062d\u062f\u064a\u062b\u0627\u062a. \u0625\u0630\u0627 \u0644\u0645 \u062a\u0638\u0647\u0631 \u0642\u0636\u0627\u064a\u0627\u0643 \u0628\u0639\u062f\u060c \u0641\u064a\u0631\u062c\u0649 \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0645\u0639 \u0627\u0644\u0645\u0643\u062a\u0628 \u0644\u062a\u062d\u062f\u064a\u062b \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a.<\/p>\n            <\/div>\n            \n            <h1><i class=\"fas fa-gavel\"><\/i> \u0642\u0636\u0627\u064a\u0627\u064a<\/h1>\n            <div id=\"cases-list\" class=\"cases-grid\">\n                <!-- \u0633\u064a\u062a\u0645 \u0645\u0644\u0624\u0647\u0627 \u062f\u064a\u0646\u0627\u0645\u064a\u0643\u064a\u064b\u0627 -->\n            <\/div>\n        <\/section>\n\n        <section id=\"case-details-section\" class=\"hidden\">\n            <div class=\"back-button\" id=\"back-to-cases\"><i class=\"fas fa-arrow-right\"><\/i> \u0627\u0644\u0639\u0648\u062f\u0629 \u0625\u0644\u0649 \u0642\u0627\u0626\u0645\u0629 \u0627\u0644\u0642\u0636\u0627\u064a\u0627<\/div>\n            <div id=\"case-details\" class=\"case-details\">\n                <!-- \u0633\u064a\u062a\u0645 \u0645\u0644\u0624\u0647\u0627 \u062f\u064a\u0646\u0627\u0645\u064a\u0643\u064a\u064b\u0627 -->\n            <\/div>\n        <\/section>\n\n        <section id=\"profile-section\" class=\"cases-container hidden\">\n            <div class=\"back-button\" id=\"back-to-cases-from-profile\"><i class=\"fas fa-arrow-right\"><\/i> \u0627\u0644\u0639\u0648\u062f\u0629 \u0625\u0644\u0649 \u0642\u0627\u0626\u0645\u0629 \u0627\u0644\u0642\u0636\u0627\u064a\u0627<\/div>\n            <div class=\"case-details\">\n                <h2><i class=\"fas fa-user\"><\/i> \u0627\u0644\u0645\u0644\u0641 \u0627\u0644\u0634\u062e\u0635\u064a<\/h2>\n                <div id=\"profile-info\">\n                    <!-- \u0633\u064a\u062a\u0645 \u0645\u0644\u0624\u0647\u0627 \u062f\u064a\u0646\u0627\u0645\u064a\u0643\u064a\u064b\u0627 -->\n                <\/div>\n                <button class=\"btn btn-accent\" id=\"change-password-btn\"><i class=\"fas fa-lock\"><\/i> \u062a\u063a\u064a\u064a\u0631 \u0643\u0644\u0645\u0629 \u0627\u0644\u0645\u0631\u0648\u0631<\/button>\n            <\/div>\n\n            <div id=\"change-password-form\" class=\"case-details hidden\">\n                <h2><i class=\"fas fa-lock\"><\/i> \u062a\u063a\u064a\u064a\u0631 \u0643\u0644\u0645\u0629 \u0627\u0644\u0645\u0631\u0648\u0631<\/h2>\n                <div id=\"change-password-message\" class=\"message hidden\"><\/div>\n                <div class=\"form-group\">\n                    <label for=\"current-password\"><i class=\"fas fa-lock\"><\/i> \u0643\u0644\u0645\u0629 \u0627\u0644\u0645\u0631\u0648\u0631 \u0627\u0644\u062d\u0627\u0644\u064a\u0629<\/label>\n                    <input type=\"password\" id=\"current-password\" required>\n                    <i class=\"fas fa-eye password-toggle\" id=\"current-password-toggle\"><\/i>\n                <\/div>\n                <div class=\"form-group\">\n                    <label for=\"new-password\"><i class=\"fas fa-lock\"><\/i> \u0643\u0644\u0645\u0629 \u0627\u0644\u0645\u0631\u0648\u0631 \u0627\u0644\u062c\u062f\u064a\u062f\u0629<\/label>\n                    <input type=\"password\" id=\"new-password\" required>\n                    <i class=\"fas fa-eye password-toggle\" id=\"new-password-toggle\"><\/i>\n                <\/div>\n                <div class=\"form-group\">\n                    <label for=\"confirm-new-password\"><i class=\"fas fa-lock\"><\/i> \u062a\u0623\u0643\u064a\u062f \u0643\u0644\u0645\u0629 \u0627\u0644\u0645\u0631\u0648\u0631 \u0627\u0644\u062c\u062f\u064a\u062f\u0629<\/label>\n                    <input type=\"password\" id=\"confirm-new-password\" required>\n                    <i class=\"fas fa-eye password-toggle\" id=\"confirm-new-password-toggle\"><\/i>\n                <\/div>\n                <button class=\"btn btn-block\" id=\"save-password-btn\"><i class=\"fas fa-save\"><\/i> \u062d\u0641\u0638 \u0643\u0644\u0645\u0629 \u0627\u0644\u0645\u0631\u0648\u0631<\/button>\n                <div style=\"text-align: center; margin-top: 1rem;\">\n                    <button class=\"btn btn-link\" id=\"cancel-change-password\">\u0625\u0644\u063a\u0627\u0621<\/button>\n                <\/div>\n            <\/div>\n        <\/section>\n    <\/main>\n\n    <footer>\n        <div class=\"container\">\n            <p>\u062c\u0645\u064a\u0639 \u0627\u0644\u062d\u0642\u0648\u0642 \u0645\u062d\u0641\u0648\u0638\u0629 \u00a9 \u0645\u0643\u062a\u0628 \u0627\u0644\u0645\u062d\u0627\u0645\u064a \u0645\u062d\u0645\u062f \u062d\u0645\u0648\u062f \u0634\u062c\u0627\u0639 \u0627\u0644\u062f\u064a\u0646 2023<\/p>\n            <div class=\"contact-info\">\n                <div><i class=\"fas fa-map-marker-alt\"><\/i> \u0635\u0646\u0639\u0627\u0621\u060c \u0627\u0644\u064a\u0645\u0646<\/div>\n                <div><i class=\"fas fa-phone\"><\/i> 00967735015018<\/div>\n                <div><i class=\"fas fa-envelope\"><\/i> Legal.Counsel.Yemen@Gmail.com<\/div>\n            <\/div>\n        <\/div>\n    <\/footer>\n\n    <script>\n        \/\/ \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0645\u062d\u0627\u0643\u0645 \u0648\u0627\u0644\u0646\u064a\u0627\u0628\u0627\u062a \u0627\u0644\u064a\u0645\u0646\u064a\u0629\n        const yemeniCourts = [\n            \"\u0645\u062d\u0643\u0645\u0629 \u0627\u0644\u0627\u0633\u062a\u0626\u0646\u0627\u0641 \u0627\u0644\u0639\u0644\u064a\u0627 - \u0635\u0646\u0639\u0627\u0621\",\n            \"\u0645\u062d\u0643\u0645\u0629 \u0627\u0644\u0627\u0633\u062a\u0626\u0646\u0627\u0641 - \u0635\u0646\u0639\u0627\u0621\",\n            \"\u0627\u0644\u0645\u062d\u0643\u0645\u0629 \u0627\u0644\u062c\u0632\u0627\u0626\u064a\u0629 \u0627\u0644\u0645\u062a\u062e\u0635\u0635\u0629 - \u0635\u0646\u0639\u0627\u0621\",\n            \"\u0645\u062d\u0643\u0645\u0629 \u0623\u0648\u0644 \u062f\u0631\u062c\u0629 - \u0635\u0646\u0639\u0627\u0621\",\n            \"\u0645\u062d\u0643\u0645\u0629 \u0627\u0633\u062a\u0626\u0646\u0627\u0641 - \u0639\u062f\u0646\",\n            \"\u0645\u062d\u0643\u0645\u0629 \u0623\u0648\u0644 \u062f\u0631\u062c\u0629 - \u0639\u062f\u0646\",\n            \"\u0645\u062d\u0643\u0645\u0629 \u0627\u0633\u062a\u0626\u0646\u0627\u0641 - \u062a\u0639\u0632\",\n            \"\u0645\u062d\u0643\u0645\u0629 \u0623\u0648\u0644 \u062f\u0631\u062c\u0629 - \u062a\u0639\u0632\",\n            \"\u0645\u062d\u0643\u0645\u0629 \u0627\u0633\u062a\u0626\u0646\u0627\u0641 - \u0627\u0644\u062d\u062f\u064a\u062f\u0629\",\n            \"\u0645\u062d\u0643\u0645\u0629 \u0623\u0648\u0644 \u062f\u0631\u062c\u0629 - \u0627\u0644\u062d\u062f\u064a\u062f\u0629\",\n            \"\u0645\u062d\u0643\u0645\u0629 \u0627\u0633\u062a\u0626\u0646\u0627\u0641 - \u062d\u0636\u0631\u0645\u0648\u062a\",\n            \"\u0645\u062d\u0643\u0645\u0629 \u0623\u0648\u0644 \u062f\u0631\u062c\u0629 - \u0627\u0644\u0645\u0643\u0644\u0627\",\n            \"\u0645\u062d\u0643\u0645\u0629 \u0623\u0648\u0644 \u062f\u0631\u062c\u0629 - \u0633\u064a\u0626\u0648\u0646\",\n            \"\u0645\u062d\u0643\u0645\u0629 \u0627\u0633\u062a\u0626\u0646\u0627\u0641 - \u0625\u0628\",\n            \"\u0645\u062d\u0643\u0645\u0629 \u0623\u0648\u0644 \u062f\u0631\u062c\u0629 - \u0625\u0628\",\n            \"\u0645\u062d\u0643\u0645\u0629 \u0627\u0633\u062a\u0626\u0646\u0627\u0641 - \u0630\u0645\u0627\u0631\",\n            \"\u0645\u062d\u0643\u0645\u0629 \u0623\u0648\u0644 \u062f\u0631\u062c\u0629 - \u0630\u0645\u0627\u0631\",\n            \"\u0645\u062d\u0643\u0645\u0629 \u0627\u0633\u062a\u0626\u0646\u0627\u0641 - \u0645\u0623\u0631\u0628\",\n            \"\u0645\u062d\u0643\u0645\u0629 \u0623\u0648\u0644 \u062f\u0631\u062c\u0629 - \u0645\u0623\u0631\u0628\"\n        ];\n\n        const yemeniProsecutions = [\n            \"\u0627\u0644\u0646\u064a\u0627\u0628\u0629 \u0627\u0644\u0639\u0627\u0645\u0629 - \u0635\u0646\u0639\u0627\u0621\",\n            \"\u0646\u064a\u0627\u0628\u0629 \u0627\u0644\u0623\u0645\u0648\u0627\u0644 \u0627\u0644\u0639\u0627\u0645\u0629 - \u0635\u0646\u0639\u0627\u0621\",\n            \"\u0646\u064a\u0627\u0628\u0629 \u0627\u0644\u0623\u062d\u062f\u0627\u062b - \u0635\u0646\u0639\u0627\u0621\",\n            \"\u0627\u0644\u0646\u064a\u0627\u0628\u0629 \u0627\u0644\u0639\u0627\u0645\u0629 - \u0639\u062f\u0646\",\n            \"\u0627\u0644\u0646\u064a\u0627\u0628\u0629 \u0627\u0644\u0639\u0627\u0645\u0629 - \u062a\u0639\u0632\",\n            \"\u0627\u0644\u0646\u06cc\u0627\u0628\u0629 \u0627\u0644\u0639\u0627\u0645\u0629 - \u0627\u0644\u062d\u062f\u064a\u062f\u0629\",\n            \"\u0627\u0644\u0646\u06cc\u0627\u0628\u0629 \u0627\u0644\u0639\u0627\u0645\u0629 - \u0627\u0644\u0645\u0643\u0644\u0627\",\n            \"\u0627\u0644\u0646\u06cc\u0627\u0628\u0629 \u0627\u0644\u0639\u0627\u0645\u0629 - \u0625\u0628\",\n            \"\u0627\u0644\u0646\u06cc\u0627\u0628\u0629 \u0627\u0644\u0639\u0627\u0645\u0629 - \u0630\u0645\u0627\u0631\",\n            \"\u0627\u0644\u0646\u06cc\u0627\u0628\u0629 \u0627\u0644\u0639\u0627\u0645\u0629 - \u0645\u0623\u0631\u0628\"\n        ];\n\n        \/\/ \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0642\u0636\u0627\u064a\u0627 - \u0633\u064a\u062a\u0645 \u0645\u0644\u0624\u0647\u0627 \u0644\u0627\u062d\u0642\u0627\u064b \u0645\u0646 \u0642\u0628\u0644 \u0645\u0627\u0644\u0643 \u0627\u0644\u0645\u0648\u0642\u0639\n        let casesData = JSON.parse(localStorage.getItem('lawyerCases')) || [];\n\n        \/\/ \u0627\u0644\u0639\u0646\u0627\u0635\u0631 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 \u0641\u064a \u0627\u0644\u0635\u0641\u062d\u0629\n        const authSection = document.getElementById('auth-section');\n        const casesSection = document.getElementById('cases-section');\n        const caseDetailsSection = document.getElementById('case-details-section');\n        const profileSection = document.getElementById('profile-section');\n        const loginForm = document.getElementById('login-form');\n        const registerForm = document.getElementById('register-form');\n        const forgotPasswordForm = document.getElementById('forgot-password-form');\n        const changePasswordForm = document.getElementById('change-password-form');\n        const loginToggle = document.getElementById('login-toggle');\n        const registerToggle = document.getElementById('register-toggle');\n        const loginLink = document.getElementById('login-link');\n        const casesLink = document.getElementById('cases-link');\n        const homeLink = document.getElementById('home-link');\n        const logoutLink = document.getElementById('logout-link');\n        const logoutBtn = document.getElementById('logout-btn');\n        const backToCases = document.getElementById('back-to-cases');\n        const backToCasesFromProfile = document.getElementById('back-to-cases-from-profile');\n        const welcomeUser = document.getElementById('welcome-user');\n        const profileBtn = document.getElementById('profile-btn');\n        const changePasswordBtn = document.getElementById('change-password-btn');\n        const cancelChangePassword = document.getElementById('cancel-change-password');\n        const forgotPasswordBtn = document.getElementById('forgot-password-btn');\n        const backToLogin = document.getElementById('back-to-login');\n\n        \/\/ \u062a\u0647\u064a\u0626\u0629 \u0627\u0644\u062a\u0637\u0628\u064a\u0642\n        document.addEventListener('DOMContentLoaded', function() {\n            \/\/ \u0627\u0644\u062a\u062d\u0642\u0642 \u0645\u0646 \u0648\u062c\u0648\u062f \u0645\u0633\u062a\u062e\u062f\u0645 \u0645\u0633\u062c\u0644 \u062f\u062e\u0648\u0644\u0647\n            const currentUser = JSON.parse(localStorage.getItem('currentLawyerUser'));\n            if (currentUser) {\n                showCasesSection();\n            }\n\n            \/\/ \u0625\u0639\u062f\u0627\u062f \u0645\u0639\u0627\u0644\u062c\u064a \u0627\u0644\u0623\u062d\u062f\u0627\u062b\n            loginToggle.addEventListener('click', () => toggleForm('login'));\n            registerToggle.addEventListener('click', () => toggleForm('register'));\n            \n            document.getElementById('login-btn').addEventListener('click', login);\n            document.getElementById('register-btn').addEventListener('click', register);\n            document.getElementById('reset-password-btn').addEventListener('click', resetPassword);\n            document.getElementById('save-password-btn').addEventListener('click', changePassword);\n            \n            loginLink.addEventListener('click', showAuthSection);\n            casesLink.addEventListener('click', showCasesSection);\n            homeLink.addEventListener('click', showAuthSection);\n            logoutLink.addEventListener('click', logout);\n            logoutBtn.addEventListener('click', logout);\n            backToCases.addEventListener('click', showCasesSection);\n            backToCasesFromProfile.addEventListener('click', showCasesSection);\n            profileBtn.addEventListener('click', showProfileSection);\n            changePasswordBtn.addEventListener('click', showChangePasswordForm);\n            cancelChangePassword.addEventListener('click', hideChangePasswordForm);\n            forgotPasswordBtn.addEventListener('click', showForgotPasswordForm);\n            backToLogin.addEventListener('click', showLoginForm);\n            \n            \/\/ \u0625\u0639\u062f\u0627\u062f \u0623\u062d\u062f\u0627\u062b \u0625\u0638\u0647\u0627\u0631\/\u0625\u062e\u0641\u0627\u0621 \u0643\u0644\u0645\u0629 \u0627\u0644\u0645\u0631\u0648\u0631\n            setupPasswordToggle('login-password', 'login-password-toggle');\n            setupPasswordToggle('register-password', 'register-password-toggle');\n            setupPasswordToggle('register-confirm-password', 'register-confirm-password-toggle');\n            setupPasswordToggle('current-password', 'current-password-toggle');\n            setupPasswordToggle('new-password', 'new-password-toggle');\n            setupPasswordToggle('confirm-new-password', 'confirm-new-password-toggle');\n            \n            \/\/ \u062a\u0647\u064a\u0626\u0629 \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u064a\u0646 \u0625\u0630\u0627 \u0644\u0645 \u062a\u0643\u0646 \u0645\u0648\u062c\u0648\u062f\u0629\n            if (!localStorage.getItem('lawyerUsers')) {\n                localStorage.setItem('lawyerUsers', JSON.stringify([]));\n            }\n        });\n\n        \/\/ \u0625\u0639\u062f\u0627\u062f \u0625\u0638\u0647\u0627\u0631\/\u0625\u062e\u0641\u0627\u0621 \u0643\u0644\u0645\u0629 \u0627\u0644\u0645\u0631\u0648\u0631\n        function setupPasswordToggle(passwordFieldId, toggleIconId) {\n            const passwordField = document.getElementById(passwordFieldId);\n            const toggleIcon = document.getElementById(toggleIconId);\n            \n            if (passwordField && toggleIcon) {\n                toggleIcon.addEventListener('click', function() {\n                    if (passwordField.type === 'password') {\n                        passwordField.type = 'text';\n                        toggleIcon.classList.remove('fa-eye');\n                        toggleIcon.classList.add('fa-eye-slash');\n                    } else {\n                        passwordField.type = 'password';\n                        toggleIcon.classList.remove('fa-eye-slash');\n                        toggleIcon.classList.add('fa-eye');\n                    }\n                });\n            }\n        }\n\n        \/\/ \u062a\u0628\u062f\u064a\u0644 \u0628\u064a\u0646 \u0646\u0645\u0627\u0630\u062c \u0627\u0644\u062a\u0633\u062c\u064a\u0644 \u0648\u0627\u0644\u062f\u062e\u0648\u0644\n        function toggleForm(formType) {\n            if (formType === 'login') {\n                loginForm.classList.remove('hidden');\n                registerForm.classList.add('hidden');\n                forgotPasswordForm.classList.add('hidden');\n                loginToggle.classList.add('active');\n                registerToggle.classList.remove('active');\n            } else if (formType === 'register') {\n                loginForm.classList.add('hidden');\n                registerForm.classList.remove('hidden');\n                forgotPasswordForm.classList.add('hidden');\n                loginToggle.classList.remove('active');\n                registerToggle.classList.add('active');\n            } else if (formType === 'forgot') {\n                loginForm.classList.add('hidden');\n                registerForm.classList.add('hidden');\n                forgotPasswordForm.classList.remove('hidden');\n            }\n        }\n\n        \/\/ \u0625\u0638\u0647\u0627\u0631 \u0646\u0645\u0648\u0630\u062c \u0646\u0633\u064a\u062a \u0643\u0644\u0645\u0629 \u0627\u0644\u0645\u0631\u0648\u0631\n        function showForgotPasswordForm() {\n            toggleForm('forgot');\n        }\n\n        \/\/ \u0625\u0638\u0647\u0627\u0631 \u0646\u0645\u0648\u0630\u062c \u062a\u0633\u062c\u064a\u0644 \u0627\u0644\u062f\u062e\u0648\u0644\n        function showLoginForm() {\n            toggleForm('login');\n        }\n\n        \/\/ \u0645\u0639\u0627\u0644\u062c\u0629 \u062a\u0633\u062c\u064a\u0644 \u0627\u0644\u062f\u062e\u0648\u0644\n        function login() {\n            const email = document.getElementById('login-email').value;\n            const password = document.getElementById('login-password').value;\n            const messageEl = document.getElementById('login-message');\n            \n            \/\/ \u0627\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u064a\u0646 \u0645\u0646 localStorage\n            const users = JSON.parse(localStorage.getItem('lawyerUsers')) || [];\n            const user = users.find(u => u.email === email && u.password === password);\n            \n            if (user) {\n                \/\/ \u062d\u0641\u0638 \u062d\u0627\u0644\u0629 \u062a\u0633\u062c\u064a\u0644 \u0627\u0644\u062f\u062e\u0648\u0644\n                localStorage.setItem('currentLawyerUser', JSON.stringify(user));\n                showCasesSection();\n            } else {\n                showMessage(messageEl, '\u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a \u0623\u0648 \u0643\u0644\u0645\u0629 \u0627\u0644\u0645\u0631\u0648\u0631 \u063a\u064a\u0631 \u0635\u062d\u064a\u062d\u0629', 'error');\n            }\n        }\n\n        \/\/ \u0645\u0639\u0627\u0644\u062c\u0629 \u0625\u0646\u0634\u0627\u0621 \u062d\u0633\u0627\u0628 \u062c\u062f\u064a\u062f\n        function register() {\n            const name = document.getElementById('register-name').value;\n            const email = document.getElementById('register-email').value;\n            const phone = document.getElementById('register-phone').value;\n            const password = document.getElementById('register-password').value;\n            const confirmPassword = document.getElementById('register-confirm-password').value;\n            const messageEl = document.getElementById('register-message');\n            \n            \/\/ \u0627\u0644\u062a\u062d\u0642\u0642 \u0645\u0646 \u0635\u062d\u0629 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a\n            if (password !== confirmPassword) {\n                showMessage(messageEl, '\u0643\u0644\u0645\u0629 \u0627\u0644\u0645\u0631\u0648\u0631 \u063a\u064a\u0631 \u0645\u062a\u0637\u0627\u0628\u0642\u0629', 'error');\n                return;\n            }\n            \n            if (password.length < 6) {\n                showMessage(messageEl, '\u0643\u0644\u0645\u0629 \u0627\u0644\u0645\u0631\u0648\u0631 \u064a\u062c\u0628 \u0623\u0646 \u062a\u0643\u0648\u0646\u81f3\u5c11 6 \u0623\u062d\u0631\u0641', 'error');\n                return;\n            }\n            \n            \/\/ \u0627\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u064a\u0646 \u0627\u0644\u062d\u0627\u0644\u064a\u064a\u0646 \u0645\u0646 localStorage\n            const users = JSON.parse(localStorage.getItem('lawyerUsers')) || [];\n            \n            \/\/ \u0627\u0644\u062a\u062d\u0642\u0642 \u0625\u0630\u0627 \u0643\u0627\u0646 \u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a \u0645\u0633\u062a\u062e\u062f\u0645\u064b\u0627 \u0645\u0633\u0628\u0642\u064b\u0627\n            if (users.some(user => user.email === email)) {\n                showMessage(messageEl, '\u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a \u0645\u0633\u062c\u0644 \u0645\u0633\u0628\u0642\u064b\u0627', 'error');\n                return;\n            }\n            \n            \/\/ \u0627\u0633\u062a\u062e\u0631\u0627\u062c \u0627\u0644\u0627\u0633\u0645 \u0627\u0644\u0623\u062e\u064a\u0631 \u0645\u0646 \u0627\u0644\u0627\u0633\u0645 \u0627\u0644\u0643\u0627\u0645\u0644\n            const nameParts = name.trim().split(' ');\n            const lastName = nameParts.length > 1 ? nameParts[nameParts.length - 1] : nameParts[0];\n            \n            \/\/ \u0625\u0646\u0634\u0627\u0621 \u0645\u0633\u062a\u062e\u062f\u0645 \u062c\u062f\u064a\u062f\n            const newUser = { \n                id: Date.now(), \n                name, \n                lastName,\n                email, \n                phone, \n                password,\n                registrationDate: new Date().toLocaleDateString('ar-YE')\n            };\n            users.push(newUser);\n            localStorage.setItem('lawyerUsers', JSON.stringify(users));\n            \n            \/\/ \u062a\u0633\u062c\u064a\u0644 \u0627\u0644\u062f\u062e\u0648\u0644 \u062a\u0644\u0642\u0627\u0626\u064a\u064b\u0627\n            localStorage.setItem('currentLawyerUser', JSON.stringify(newUser));\n            showMessage(messageEl, '\u062a\u0645 \u0625\u0646\u0634\u0627\u0621 \u0627\u0644\u062d\u0633\u0627\u0628 \u0628\u0646\u062c\u0627\u062d. \u064a\u0631\u062c\u0649 \u0627\u0644\u0627\u0646\u062a\u0638\u0627\u0631 \u062d\u062a\u0649 \u064a\u0642\u0648\u0645 \u0627\u0644\u0645\u062d\u0627\u0645\u064a \u0628\u0625\u0636\u0627\u0641\u0629 \u0642\u0636\u0627\u064a\u0627\u0643 \u0625\u0644\u0649 \u0627\u0644\u0646\u0638\u0627\u0645.', 'success');\n            \n            \/\/ \u0627\u0644\u0627\u0646\u062a\u0642\u0627\u0644 \u0625\u0644\u0649 \u0642\u0633\u0645 \u0627\u0644\u0642\u0636\u0627\u064a\u0627 \u0628\u0639\u062f \u062a\u0623\u062e\u064a\u0631 \u0628\u0633\u064a\u0637\n            setTimeout(showCasesSection, 3000);\n        }\n\n        \/\/ \u0645\u0639\u0627\u0644\u062c\u0629 \u0625\u0639\u0627\u062f\u0629 \u062a\u0639\u064a\u064a\u0646 \u0643\u0644\u0645\u0629 \u0627\u0644\u0645\u0631\u0648\u0631\n        function resetPassword() {\n            const email = document.getElementById('forgot-password-email').value;\n            const messageEl = document.getElementById('forgot-password-message');\n            \n            \/\/ \u0627\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u064a\u0646 \u0645\u0646 localStorage\n            const users = JSON.parse(localStorage.getItem('lawyerUsers')) || [];\n            const userIndex = users.findIndex(u => u.email === email);\n            \n            if (userIndex !== -1) {\n                \/\/ \u0641\u064a \u0646\u0638\u0627\u0645 \u062d\u0642\u064a\u0642\u064a\u060c \u0647\u0646\u0627 \u0646\u0631\u0633\u0644 \u0631\u0633\u0627\u0644\u0629 \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629 \u062a\u062d\u062a\u0648\u064a \u0639\u0644\u0649 \u0631\u0627\u0628\u0637 \u0625\u0639\u0627\u062f\u0629 \u0627\u0644\u062a\u0639\u064a\u064a\u0646\n                \/\/ \u0644\u0643\u0646 \u0641\u064a \u0647\u0630\u0627 \u0627\u0644\u0646\u0645\u0648\u0630\u062c\u060c \u0633\u0646\u0642\u0648\u0645 \u0628\u0639\u0631\u0636 \u0631\u0633\u0627\u0644\u0629 \u062a\u0648\u0636\u064a\u062d\u064a\u0629\n                showMessage(messageEl, '\u062a\u0645 \u0625\u0631\u0633\u0627\u0644 \u0631\u0627\u0628\u0637 \u0625\u0639\u0627\u062f\u0629 \u062a\u0639\u064a\u064a\u0646 \u0643\u0644\u0645\u0629 \u0627\u0644\u0645\u0631\u0648\u0631 \u0625\u0644\u0649 \u0628\u0631\u064a\u062f\u0643 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a', 'success');\n                \n                \/\/ \u0625\u062e\u0641\u0627\u0621 \u0627\u0644\u0646\u0645\u0648\u0630\u062c \u0628\u0639\u062f \u062b\u0648\u0627\u0646\u064d\n                setTimeout(() => {\n                    toggleForm('login');\n                }, 3000);\n            } else {\n                showMessage(messageEl, '\u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a \u063a\u064a\u0631 \u0645\u0633\u062c\u0644 \u0641\u064a \u0627\u0644\u0646\u0638\u0627\u0645', 'error');\n            }\n        }\n\n        \/\/ \u0645\u0639\u0627\u0644\u062c\u0629 \u062a\u063a\u064a\u064a\u0631 \u0643\u0644\u0645\u0629 \u0627\u0644\u0645\u0631\u0648\u0631\n        function changePassword() {\n            const currentPassword = document.getElementById('current-password').value;\n            const newPassword = document.getElementById('new-password').value;\n            const confirmNewPassword = document.getElementById('confirm-new-password').value;\n            const messageEl = document.getElementById('change-password-message');\n            \n            const currentUser = JSON.parse(localStorage.getItem('currentLawyerUser'));\n            const users = JSON.parse(localStorage.getItem('lawyerUsers')) || [];\n            const userIndex = users.findIndex(u => u.email === currentUser.email);\n            \n            \/\/ \u0627\u0644\u062a\u062d\u0642\u0642 \u0645\u0646 \u0643\u0644\u0645\u0629 \u0627\u0644\u0645\u0631\u0648\u0631 \u0627\u0644\u062d\u0627\u0644\u064a\u0629\n            if (users[userIndex].password !== currentPassword) {\n                showMessage(messageEl, '\u0643\u0644\u0645\u0629 \u0627\u0644\u0645\u0631\u0648\u0631 \u0627\u0644\u062d\u0627\u0644\u064a\u0629 \u063a\u064a\u0631 \u0635\u062d\u064a\u062d\u0629', 'error');\n                return;\n            }\n            \n            \/\/ \u0627\u0644\u062a\u062d\u0642\u0642 \u0645\u0646 \u062a\u0637\u0627\u0628\u0642 \u0643\u0644\u0645\u0629 \u0627\u0644\u0645\u0631\u0648\u0631 \u0627\u0644\u062c\u062f\u064a\u062f\u0629\n            if (newPassword !== confirmNewPassword) {\n                showMessage(messageEl, '\u0643\u0644\u0645\u0629 \u0627\u0644\u0645\u0631\u0648\u0631 \u0627\u0644\u062c\u062f\u064a\u062f\u0629 \u063a\u064a\u0631 \u0645\u062a\u0637\u0627\u0628\u0642\u0629', 'error');\n                return;\n            }\n            \n            \/\/ \u062a\u062d\u062f\u064a\u062b \u0643\u0644\u0645\u0629 \u0627\u0644\u0645\u0631\u0648\u0631\n            users[userIndex].password = newPassword;\n            localStorage.setItem('lawyerUsers', JSON.stringify(users));\n            \n            \/\/ \u062a\u062d\u062f\u064a\u062b \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645 \u0627\u0644\u062d\u0627\u0644\u064a\n            currentUser.password = newPassword;\n            localStorage.setItem('currentLawyerUser', JSON.stringify(currentUser));\n            \n            showMessage(messageEl, '\u062a\u0645 \u062a\u063a\u064a\u064a\u0631 \u0643\u0644\u0645\u0629 \u0627\u0644\u0645\u0631\u0648\u0631 \u0628\u0646\u062c\u0627\u062d', 'success');\n            \n            \/\/ \u0625\u062e\u0641\u0627\u0621 \u0627\u0644\u0646\u0645\u0648\u0630\u062c \u0628\u0639\u062f \u062b\u0648\u0627\u0646\u064d\n            setTimeout(() => {\n                hideChangePasswordForm();\n            }, 2000);\n        }\n\n        \/\/ \u0639\u0631\u0636 \u0642\u0633\u0645 \u0627\u0644\u0642\u0636\u0627\u064a\u0627\n        function showCasesSection() {\n            const currentUser = JSON.parse(localStorage.getItem('currentLawyerUser'));\n            if (!currentUser) {\n                showAuthSection();\n                return;\n            }\n            \n            authSection.classList.add('hidden');\n            casesSection.classList.remove('hidden');\n            caseDetailsSection.classList.add('hidden');\n            profileSection.classList.add('hidden');\n            changePasswordForm.classList.add('hidden');\n            \n            loginLink.classList.add('hidden');\n            logoutLink.classList.remove('hidden');\n            \n            \/\/ \u062a\u062d\u062f\u064a\u062b \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\n            document.getElementById('user-fullname').textContent = currentUser.name;\n            document.getElementById('user-email').textContent = currentUser.email;\n            document.getElementById('user-avatar').textContent = currentUser.name.charAt(0);\n            \n            \/\/ \u062a\u062d\u062f\u064a\u062b \u0631\u0633\u0627\u0644\u0629 \u0627\u0644\u062a\u0631\u062d\u064a\u0628 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0627\u0633\u0645 \u0627\u0644\u0623\u062e\u064a\u0631 \u0641\u0642\u0637\n            welcomeUser.textContent = `\u0645\u0631\u062d\u0628\u0627\u064b \u0628\u0643 \u0623\u0633\u062a\u0627\u0630 ${currentUser.lastName}`;\n            \n            \/\/ \u0639\u0631\u0636 \u0627\u0644\u0642\u0636\u0627\u064a\u0627\n            renderCases();\n        }\n\n        \/\/ \u0639\u0631\u0636 \u0642\u0633\u0645 \u0627\u0644\u0645\u0644\u0641 \u0627\u0644\u0634\u062e\u0635\u064a\n        function showProfileSection() {\n            casesSection.classList.add('hidden');\n            profileSection.classList.remove('hidden');\n            \n            const currentUser = JSON.parse(localStorage.getItem('currentLawyerUser'));\n            const profileInfo = document.getElementById('profile-info');\n            \n            profileInfo.innerHTML = `\n                <div class=\"detail-row\">\n                    <div class=\"detail-label\">\u0627\u0644\u0627\u0633\u0645 \u0627\u0644\u0643\u0627\u0645\u0644:<\/div>\n                    <div class=\"detail-value\">${currentUser.name}<\/div>\n                <\/div>\n                <div class=\"detail-row\">\n                    <div class=\"detail-label\">\u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a:<\/div>\n                    <div class=\"detail-value\">${currentUser.email}<\/div>\n                <\/div>\n                <div class=\"detail-row\">\n                    <div class=\"detail-label\">\u0631\u0642\u0645 \u0627\u0644\u0647\u0627\u062a\u0641:<\/div>\n                    <div class=\"detail-value\">${currentUser.phone}<\/div>\n                <\/div>\n                <div class=\"detail-row\">\n                    <div class=\"detail-label\">\u062a\u0627\u0631\u064a\u062e \u0627\u0644\u062a\u0633\u062c\u064a\u0644:<\/div>\n                    <div class=\"detail-value\">${currentUser.registrationDate}<\/div>\n                <\/div>\n            `;\n        }\n\n        \/\/ \u0625\u0638\u0647\u0627\u0631 \u0646\u0645\u0648\u0630\u062c \u062a\u063a\u064a\u064a\u0631 \u0643\u0644\u0645\u0629 \u0627\u0644\u0645\u0631\u0648\u0631\n        function showChangePasswordForm() {\n            document.getElementById('change-password-form').classList.remove('hidden');\n        }\n\n        \/\/ \u0625\u062e\u0641\u0627\u0621 \u0646\u0645\u0648\u0630\u062c \u062a\u063a\u064a\u064a\u0631 \u0643\u0644\u0645\u0629 \u0627\u0644\u0645\u0631\u0648\u0631\n        function hideChangePasswordForm() {\n            document.getElementById('change-password-form').classList.add('hidden');\n            document.getElementById('change-password-message').classList.add('hidden');\n            document.getElementById('current-password').value = '';\n            document.getElementById('new-password').value = '';\n            document.getElementById('confirm-new-password').value = '';\n        }\n\n        \/\/ \u0639\u0631\u0636 \u0642\u0633\u0645 \u0627\u0644\u0645\u0635\u0627\u062f\u0642\u0629\n        function showAuthSection() {\n            authSection.classList.remove('hidden');\n            casesSection.classList.add('hidden');\n            caseDetailsSection.classList.add('hidden');\n            profileSection.classList.add('hidden');\n            \n            loginLink.classList.remove('hidden');\n            logoutLink.classList.add('hidden');\n            \n            \/\/ \u0625\u0639\u0627\u062f\u0629 \u062a\u0639\u064a\u064a\u0646 \u0627\u0644\u0646\u0645\u0627\u0630\u062c\n            toggleForm('login');\n            document.getElementById('login-email').value = '';\n            document.getElementById('login-password').value = '';\n            document.getElementById('register-name').value = '';\n            document.getElementById('register-email').value = '';\n            document.getElementById('register-phone').value = '';\n            document.getElementById('register-password').value = '';\n            document.getElementById('register-confirm-password').value = '';\n            document.getElementById('forgot-password-email').value = '';\n        }\n\n        \/\/ \u062a\u0633\u062c\u064a\u0644 \u0627\u0644\u062e\u0631\u0648\u062c\n        function logout() {\n            localStorage.removeItem('currentLawyerUser');\n            showAuthSection();\n        }\n\n        \/\/ \u0639\u0631\u0636 \u0627\u0644\u0642\u0636\u0627\u064a\u0627\n        function renderCases() {\n            const casesList = document.getElementById('cases-list');\n            casesList.innerHTML = '';\n            \n            const currentUser = JSON.parse(localStorage.getItem('currentLawyerUser'));\n            const casesData = JSON.parse(localStorage.getItem('lawyerCases')) || [];\n            const userCases = casesData.filter(c => c.clientEmail === currentUser.email);\n            \n            if (userCases.length === 0) {\n                casesList.innerHTML = `\n                    <div class=\"no-cases\">\n                        <i class=\"fas fa-folder-open\"><\/i>\n                        <h3>\u0644\u0627 \u062a\u0648\u062c\u062f \u0642\u0636\u0627\u064a\u0627 \u0645\u0633\u062c\u0644\u0629 \u0644\u062d\u0633\u0627\u0628\u0643 \u0628\u0639\u062f<\/h3>\n                        <p>\u064a\u0631\u062c\u0649 \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0645\u0639 \u0627\u0644\u0645\u0643\u062a\u0628 \u0639\u0644\u0649 \u0627\u0644\u0631\u0642\u0645 00967735015018<\/p>\n                        <p>\u0623\u0648 \u0639\u0628\u0631 \u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a Legal.Counsel.Yemen@Gmail.com<\/p>\n                        <p>\u0644\u0625\u0636\u0627\u0641\u0629 \u0642\u0636\u0627\u064a\u0627\u0643 \u0625\u0644\u0649 \u0627\u0644\u0646\u0638\u0627\u0645<\/p>\n                    <\/div>\n                `;\n                return;\n            }\n            \n            userCases.forEach(caseItem => {\n                const statusClass = `status-${caseItem.status}`;\n                const statusText = caseItem.status === 'active' ? '\u0642\u064a\u062f \u0627\u0644\u0646\u0638\u0631' : \n                                 caseItem.status === 'pending' ? '\u0642\u064a\u062f \u0627\u0644\u0627\u0646\u062a\u0638\u0627\u0631' : '\u0645\u0646\u062a\u0647\u064a\u0629';\n                \n                const caseCard = document.createElement('div');\n                caseCard.className = 'case-card';\n                caseCard.innerHTML = `\n                    <h3 class=\"case-title\">${caseItem.title}<\/h3>\n                    <span class=\"case-status ${statusClass}\">${statusText}<\/span>\n                    <p><strong>\u0631\u0642\u0645 \u0627\u0644\u0642\u0636\u064a\u0629:<\/strong> ${caseItem.caseNumber}<\/p>\n                    <p><strong>\u0627\u0644\u0645\u062d\u0643\u0645\u0629:<\/strong> ${caseItem.court}<\/p>\n                    <p><strong>\u0627\u0644\u062c\u0644\u0633\u0629 \u0627\u0644\u0642\u0627\u062f\u0645\u0629:<\/strong> ${caseItem.nextHearing}<\/p>\n                    <button class=\"btn btn-accent view-case-btn\" data-id=\"${caseItem.id}\"><i class=\"fas fa-info-circle\"><\/i> \u0639\u0631\u0636 \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644<\/button>\n                `;\n                \n                casesList.appendChild(caseCard);\n            });\n            \n            \/\/ \u0625\u0636\u0627\u0641\u0629 \u0645\u0639\u0627\u0644\u062c\u064a \u0627\u0644\u0623\u062d\u062f\u0627\u062b \u0644\u0623\u0632\u0631\u0627\u0631 \u0639\u0631\u0636 \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644\n            document.querySelectorAll('.view-case-btn').forEach(btn => {\n                btn.addEventListener('click', function() {\n                    const caseId = this.getAttribute('data-id');\n                    showCaseDetails(caseId);\n                });\n            });\n        }\n\n        \/\/ \u0639\u0631\u0636 \u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u0642\u0636\u064a\u0629\n        function showCaseDetails(caseId) {\n            const casesData = JSON.parse(localStorage.getItem('lawyerCases')) || [];\n            const caseItem = casesData.find(c => c.id === caseId);\n            \n            if (!caseItem) return;\n            \n            const statusClass = `status-${caseItem.status}`;\n            const statusText = caseItem.status === 'active' ? '\u0642\u064a\u062f \u0627\u0644\u0646\u0638\u0631' : \n                             caseItem.status === 'pending' ? '\u0642\u064a\u062f \u0627\u0644\u0627\u0646\u062a\u0638\u0627\u0631' : '\u0645\u0646\u062a\u0647\u064a\u0629';\n            \n            casesSection.classList.add('hidden');\n            caseDetailsSection.classList.remove('hidden');\n            \n            const caseDetails = document.getElementById('case-details');\n            caseDetails.innerHTML = `\n                <h2>${caseItem.title}<\/h2>\n                <div class=\"detail-row\">\n                    <div class=\"detail-label\">\u062d\u0627\u0644\u0629 \u0627\u0644\u0642\u0636\u064a\u0629:<\/div>\n                    <div class=\"detail-value\"><span class=\"case-status ${statusClass}\">${statusText}<\/span><\/div>\n                <\/div>\n                <div class=\"detail-row\">\n                    <div class=\"detail-label\">\u0631\u0642\u0645 \u0627\u0644\u0642\u0636\u064a\u0629:<\/div>\n                    <div class=\"detail-value\">${caseItem.caseNumber}<\/div>\n                <\/div>\n                <div class=\"detail-row\">\n                    <div class=\"detail-label\">\u0627\u0644\u0645\u062d\u0643\u0645\u0629:<\/div>\n                    <div class=\"detail-value\">${caseItem.court}<\/div>\n                <\/div>\n                <div class=\"detail-row\">\n                    <div class=\"detail-label\">\u0627\u0644\u0642\u0627\u0636\u064a:<\/div>\n                    <div class=\"detail-value\">${caseItem.judge || \"\u0644\u0645 \u064a\u062a\u0645 \u0627\u0644\u062a\u0639\u064a\u064a\u0646 \u0628\u0639\u062f\"}<\/div>\n                <\/div>\n                <div class=\"detail-row\">\n                    <div class=\"detail-label\">\u0627\u0644\u062e\u0635\u0645:<\/div>\n                    <div class=\"detail-value\">${caseItem.opponent || \"\u0644\u0645 \u064a\u062a\u0645 \u0625\u0636\u0627\u0641\u0629 \u0627\u0644\u062e\u0635\u0645 \u0628\u0639\u062f\"}<\/div>\n                <\/div>\n                <div class=\"detail-row\">\n                    <div class=\"detail-label\">\u0645\u0648\u0639\u062f \u0627\u0644\u062c\u0644\u0633\u0629 \u0627\u0644\u0642\u0627\u062f\u0645\u0629:<\/div>\n                    <div class=\"detail-value\">${caseItem.nextHearing || \"\u0644\u0645 \u064a\u062a\u0645 \u062a\u062d\u062f\u064a\u062f \u0645\u0648\u0639\u062f \u0628\u0639\u062f\"}<\/div>\n                <\/div>\n                <div class=\"detail-row\">\n                    <div class=\"detail-label\">\u0648\u0635\u0641 \u0627\u0644\u0642\u0636\u064a\u0629:<\/div>\n                    <div class=\"detail-value\">${caseItem.description || \"\u0644\u0645 \u064a\u062a\u0645 \u0625\u0636\u0627\u0641\u0629 \u0648\u0635\u0641 \u0628\u0639\u062f\"}<\/div>\n                <\/div>\n                <div class=\"detail-row\">\n                    <div class=\"detail-label\">\u0622\u062e\u0631 \u0627\u0644\u062a\u0637\u0648\u0631\u0627\u062a:<\/div>\n                    <div class=\"detail-value\">${caseItem.progress || \"\u0644\u0627 \u062a\u0648\u062c\u062f \u062a\u062d\u062f\u064a\u062b\u0627\u062a \u062d\u0627\u0644\u064a\u0629\"}<\/div>\n                <\/div>\n                <div class=\"detail-row\">\n                    <div class=\"detail-label\">\u062a\u0627\u0631\u064a\u062e \u0631\u0641\u0639 \u0627\u0644\u0642\u0636\u064a\u0629:<\/div>\n                    <div class=\"detail-value\">${caseItem.createdDate || \"\u063a\u064a\u0631 \u0645\u062d\u062f\u062f\"}<\/div>\n                <\/div>\n            `;\n        }\n\n        \/\/ \u0648\u0638\u064a\u0641\u0629 \u0645\u0633\u0627\u0639\u062f\u0629 \u0644\u0639\u0631\u0636 \u0627\u0644\u0631\u0633\u0627\u0626\u0644\n        function showMessage(element, message, type) {\n            element.textContent = message;\n            element.classList.remove('hidden', 'error', 'success', 'warning');\n            element.classList.add(type);\n            \n            \/\/ \u0625\u062e\u0641\u0627\u0621 \u0627\u0644\u0631\u0633\u0627\u0644\u0629 \u0628\u0639\u062f 5 \u062b\u0648\u0627\u0646\u064d\n            setTimeout(() => {\n                element.classList.add('hidden');\n            }, 5000);\n        }\n\n        \/\/ \u0648\u0638\u0627\u0626\u0641 \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0642\u0636\u0627\u064a\u0627 \u0644\u0644\u0645\u062d\u0627\u0645\u064a (\u064a\u0645\u0643\u0646 \u0625\u0636\u0627\u0641\u062a\u0647\u0627 \u0644\u0648\u062d\u0629 \u062a\u062d\u0643\u0645 \u0645\u0646\u0641\u0635\u0644\u0629 \u0644\u0644\u0645\u062d\u0627\u0645\u064a)\n        function addCaseToClient(clientEmail, caseData) {\n            const cases = JSON.parse(localStorage.getItem('lawyerCases')) || [];\n            const newCase = {\n                id: Date.now().toString(),\n                clientEmail,\n                ...caseData,\n                status: caseData.status || 'pending',\n                createdDate: new Date().toLocaleDateString('ar-YE')\n            };\n            cases.push(newCase);\n            localStorage.setItem('lawyerCases', JSON.stringify(cases));\n            return newCase;\n        }\n\n        function getClientCases(clientEmail) {\n            const cases = JSON.parse(localStorage.getItem('lawyerCases')) || [];\n            return cases.filter(c => c.clientEmail === clientEmail);\n        }\n\n        function updateCase(caseId, updates) {\n            const cases = JSON.parse(localStorage.getItem('lawyerCases')) || [];\n            const caseIndex = cases.findIndex(c => c.id === caseId);\n            if (caseIndex !== -1) {\n                cases[caseIndex] = { ...cases[caseIndex], ...updates };\n                localStorage.setItem('lawyerCases', JSON.stringify(cases));\n                return cases[caseIndex];\n            }\n            return null;\n        }\n\n        \/\/ \u0648\u0638\u064a\u0641\u0629 \u0644\u0627\u0633\u062a\u062e\u0631\u0627\u062c \u0627\u0644\u0627\u0633\u0645 \u0627\u0644\u0623\u062e\u064a\u0631\n        function extractLastName(fullName) {\n            const nameParts = fullName.trim().split(' ');\n            return nameParts.length > 1 ? nameParts[nameParts.length - 1] : nameParts[0];\n        }\n    <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u0646\u0638\u0627\u0645 \u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u0642\u0636\u0627\u064a\u0627 &#8211; \u0645\u0643\u062a\u0628 \u0627\u0644\u0645\u062d\u0627\u0645\u064a \u0645\u062d\u0645\u062f \u062d\u0645\u0648\u062f \u0634\u062c\u0627\u0639 \u0627\u0644\u062f\u064a\u0646 \u0645\u0643\u062a\u0628 \u0627\u0644\u0645\u062d\u0627\u0645\u064a \u0645\u062d\u0645\u062f \u062d\u0645\u0648\u062f \u0634\u062c\u0627\u0639 \u0627\u0644\u062f\u064a\u0646 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 \u0642\u0636\u0627\u064a\u0627\u064a \u062a\u0633\u062c\u064a\u0644 \u062e\u0631\u0648\u062c \u062a\u0633\u062c\u064a\u0644 \u062f\u062e\u0648\u0644 \u0646\u0638\u0627\u0645 \u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u0642\u0636\u0627\u064a\u0627 \u0645\u0643\u062a\u0628 \u0627\u0644\u0645\u062d\u0627\u0645\u064a \u0645\u062d\u0645\u062f \u062d\u0645\u0648\u062f \u0634\u062c\u0627\u0639 \u0627\u0644\u062f\u064a\u0646 \u062a\u0633\u062c\u064a\u0644 \u0627\u0644\u062f\u062e\u0648\u0644 \u0625\u0646\u0634\u0627\u0621 \u062d\u0633\u0627\u0628 \u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a \u0643\u0644\u0645\u0629 \u0627\u0644\u0645\u0631\u0648\u0631 \u0646\u0633\u064a\u062a \u0643\u0644\u0645\u0629 \u0627\u0644\u0645\u0631\u0648\u0631\u061f \u062a\u0633\u062c\u064a\u0644 \u0627\u0644\u062f\u062e\u0648\u0644 \u0627\u0644\u0627\u0633\u0645 \u0627\u0644\u0643\u0627\u0645\u0644 \u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a \u0631\u0642\u0645 \u0627\u0644\u0647\u0627\u062a\u0641 \u0643\u0644\u0645\u0629 \u0627\u0644\u0645\u0631\u0648\u0631 \u062a\u0623\u0643\u064a\u062f \u0643\u0644\u0645\u0629 \u0627\u0644\u0645\u0631\u0648\u0631 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-231","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.8 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>\u062a\u0633\u062c\u064a\u0644 \u062f\u062e\u0648\u0644 \/ \u0625\u0646\u0634\u0627\u0621 \u062d\u0633\u0627\u0628 - lo-ms.com<\/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:\/\/lo-ms.com\/?page_id=231\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u062a\u0633\u062c\u064a\u0644 \u062f\u062e\u0648\u0644 \/ \u0625\u0646\u0634\u0627\u0621 \u062d\u0633\u0627\u0628 - lo-ms.com\" \/>\n<meta property=\"og:description\" content=\"\u0646\u0638\u0627\u0645 \u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u0642\u0636\u0627\u064a\u0627 &#8211; \u0645\u0643\u062a\u0628 \u0627\u0644\u0645\u062d\u0627\u0645\u064a \u0645\u062d\u0645\u062f \u062d\u0645\u0648\u062f \u0634\u062c\u0627\u0639 \u0627\u0644\u062f\u064a\u0646 \u0645\u0643\u062a\u0628 \u0627\u0644\u0645\u062d\u0627\u0645\u064a \u0645\u062d\u0645\u062f \u062d\u0645\u0648\u062f \u0634\u062c\u0627\u0639 \u0627\u0644\u062f\u064a\u0646 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 \u0642\u0636\u0627\u064a\u0627\u064a \u062a\u0633\u062c\u064a\u0644 \u062e\u0631\u0648\u062c \u062a\u0633\u062c\u064a\u0644 \u062f\u062e\u0648\u0644 \u0646\u0638\u0627\u0645 \u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u0642\u0636\u0627\u064a\u0627 \u0645\u0643\u062a\u0628 \u0627\u0644\u0645\u062d\u0627\u0645\u064a \u0645\u062d\u0645\u062f \u062d\u0645\u0648\u062f \u0634\u062c\u0627\u0639 \u0627\u0644\u062f\u064a\u0646 \u062a\u0633\u062c\u064a\u0644 \u0627\u0644\u062f\u062e\u0648\u0644 \u0625\u0646\u0634\u0627\u0621 \u062d\u0633\u0627\u0628 \u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a \u0643\u0644\u0645\u0629 \u0627\u0644\u0645\u0631\u0648\u0631 \u0646\u0633\u064a\u062a \u0643\u0644\u0645\u0629 \u0627\u0644\u0645\u0631\u0648\u0631\u061f \u062a\u0633\u062c\u064a\u0644 \u0627\u0644\u062f\u062e\u0648\u0644 \u0627\u0644\u0627\u0633\u0645 \u0627\u0644\u0643\u0627\u0645\u0644 \u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a \u0631\u0642\u0645 \u0627\u0644\u0647\u0627\u062a\u0641 \u0643\u0644\u0645\u0629 \u0627\u0644\u0645\u0631\u0648\u0631 \u062a\u0623\u0643\u064a\u062f \u0643\u0644\u0645\u0629 \u0627\u0644\u0645\u0631\u0648\u0631 [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/lo-ms.com\/?page_id=231\" \/>\n<meta property=\"og:site_name\" content=\"lo-ms.com\" \/>\n<meta property=\"article:modified_time\" content=\"2025-09-22T17:51:46+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/lo-ms.com\/?page_id=231\",\"url\":\"https:\/\/lo-ms.com\/?page_id=231\",\"name\":\"\u062a\u0633\u062c\u064a\u0644 \u062f\u062e\u0648\u0644 \/ \u0625\u0646\u0634\u0627\u0621 \u062d\u0633\u0627\u0628 - lo-ms.com\",\"isPartOf\":{\"@id\":\"https:\/\/lo-ms.com\/#website\"},\"datePublished\":\"2025-09-22T17:51:45+00:00\",\"dateModified\":\"2025-09-22T17:51:46+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/lo-ms.com\/?page_id=231#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/lo-ms.com\/?page_id=231\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/lo-ms.com\/?page_id=231#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/lo-ms.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u062a\u0633\u062c\u064a\u0644 \u062f\u062e\u0648\u0644 \/ \u0625\u0646\u0634\u0627\u0621 \u062d\u0633\u0627\u0628\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/lo-ms.com\/#website\",\"url\":\"https:\/\/lo-ms.com\/\",\"name\":\"lo-ms.com\",\"description\":\"\u0645\u0643\u062a\u0628 \u0627\u0644\u0645\u064f\u062d\u0627\u0645\u064a \u0627\u0644\u064a\u0645\u0646\u064a \u0645\u062d\u0645\u062f \u062d\u0645\u0648\u062f \u0634\u064f\u062c\u0627\u0639 \u0627\u0644\u062f\u064a\u0646\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/lo-ms.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\u062a\u0633\u062c\u064a\u0644 \u062f\u062e\u0648\u0644 \/ \u0625\u0646\u0634\u0627\u0621 \u062d\u0633\u0627\u0628 - lo-ms.com","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:\/\/lo-ms.com\/?page_id=231","og_locale":"en_US","og_type":"article","og_title":"\u062a\u0633\u062c\u064a\u0644 \u062f\u062e\u0648\u0644 \/ \u0625\u0646\u0634\u0627\u0621 \u062d\u0633\u0627\u0628 - lo-ms.com","og_description":"\u0646\u0638\u0627\u0645 \u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u0642\u0636\u0627\u064a\u0627 &#8211; \u0645\u0643\u062a\u0628 \u0627\u0644\u0645\u062d\u0627\u0645\u064a \u0645\u062d\u0645\u062f \u062d\u0645\u0648\u062f \u0634\u062c\u0627\u0639 \u0627\u0644\u062f\u064a\u0646 \u0645\u0643\u062a\u0628 \u0627\u0644\u0645\u062d\u0627\u0645\u064a \u0645\u062d\u0645\u062f \u062d\u0645\u0648\u062f \u0634\u062c\u0627\u0639 \u0627\u0644\u062f\u064a\u0646 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 \u0642\u0636\u0627\u064a\u0627\u064a \u062a\u0633\u062c\u064a\u0644 \u062e\u0631\u0648\u062c \u062a\u0633\u062c\u064a\u0644 \u062f\u062e\u0648\u0644 \u0646\u0638\u0627\u0645 \u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u0642\u0636\u0627\u064a\u0627 \u0645\u0643\u062a\u0628 \u0627\u0644\u0645\u062d\u0627\u0645\u064a \u0645\u062d\u0645\u062f \u062d\u0645\u0648\u062f \u0634\u062c\u0627\u0639 \u0627\u0644\u062f\u064a\u0646 \u062a\u0633\u062c\u064a\u0644 \u0627\u0644\u062f\u062e\u0648\u0644 \u0625\u0646\u0634\u0627\u0621 \u062d\u0633\u0627\u0628 \u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a \u0643\u0644\u0645\u0629 \u0627\u0644\u0645\u0631\u0648\u0631 \u0646\u0633\u064a\u062a \u0643\u0644\u0645\u0629 \u0627\u0644\u0645\u0631\u0648\u0631\u061f \u062a\u0633\u062c\u064a\u0644 \u0627\u0644\u062f\u062e\u0648\u0644 \u0627\u0644\u0627\u0633\u0645 \u0627\u0644\u0643\u0627\u0645\u0644 \u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a \u0631\u0642\u0645 \u0627\u0644\u0647\u0627\u062a\u0641 \u0643\u0644\u0645\u0629 \u0627\u0644\u0645\u0631\u0648\u0631 \u062a\u0623\u0643\u064a\u062f \u0643\u0644\u0645\u0629 \u0627\u0644\u0645\u0631\u0648\u0631 [&hellip;]","og_url":"https:\/\/lo-ms.com\/?page_id=231","og_site_name":"lo-ms.com","article_modified_time":"2025-09-22T17:51:46+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/lo-ms.com\/?page_id=231","url":"https:\/\/lo-ms.com\/?page_id=231","name":"\u062a\u0633\u062c\u064a\u0644 \u062f\u062e\u0648\u0644 \/ \u0625\u0646\u0634\u0627\u0621 \u062d\u0633\u0627\u0628 - lo-ms.com","isPartOf":{"@id":"https:\/\/lo-ms.com\/#website"},"datePublished":"2025-09-22T17:51:45+00:00","dateModified":"2025-09-22T17:51:46+00:00","breadcrumb":{"@id":"https:\/\/lo-ms.com\/?page_id=231#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/lo-ms.com\/?page_id=231"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/lo-ms.com\/?page_id=231#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/lo-ms.com\/"},{"@type":"ListItem","position":2,"name":"\u062a\u0633\u062c\u064a\u0644 \u062f\u062e\u0648\u0644 \/ \u0625\u0646\u0634\u0627\u0621 \u062d\u0633\u0627\u0628"}]},{"@type":"WebSite","@id":"https:\/\/lo-ms.com\/#website","url":"https:\/\/lo-ms.com\/","name":"lo-ms.com","description":"\u0645\u0643\u062a\u0628 \u0627\u0644\u0645\u064f\u062d\u0627\u0645\u064a \u0627\u0644\u064a\u0645\u0646\u064a \u0645\u062d\u0645\u062f \u062d\u0645\u0648\u062f \u0634\u064f\u062c\u0627\u0639 \u0627\u0644\u062f\u064a\u0646","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/lo-ms.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"}]}},"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/lo-ms.com\/index.php?rest_route=\/wp\/v2\/pages\/231","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lo-ms.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lo-ms.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lo-ms.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lo-ms.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=231"}],"version-history":[{"count":1,"href":"https:\/\/lo-ms.com\/index.php?rest_route=\/wp\/v2\/pages\/231\/revisions"}],"predecessor-version":[{"id":232,"href":"https:\/\/lo-ms.com\/index.php?rest_route=\/wp\/v2\/pages\/231\/revisions\/232"}],"wp:attachment":[{"href":"https:\/\/lo-ms.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=231"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}