\u062a\u0642\u0631\u064a\u0631 \u062a\u0642\u064a\u064a\u0645 \u0634\u0631\u0643\u0629 \u0627\u0644\u062a\u0633\u0648\u064a\u0642<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/tone\/14.8.49\/Tone.min.js\"><\/script>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;500;700&display=swap\" rel=\"stylesheet\">\n <style>\n body {\n font-family: 'Tajawal', sans-serif;\n scroll-behavior: smooth;\n }\n \/* \u0625\u062e\u0641\u0627\u0621 \u0627\u0644\u0639\u0646\u0627\u0635\u0631 \u063a\u064a\u0631 \u0627\u0644\u0645\u0631\u063a\u0648\u0628 \u0641\u064a\u0647\u0627 \u0639\u0646\u062f \u0627\u0644\u0637\u0628\u0627\u0639\u0629 *\/\n @media print {\n body {\n font-family: 'Tajawal', sans-serif !important;\n }\n .no-print {\n display: none !important;\n }\n .print-container {\n width: 100% !important;\n max-width: 100% !important;\n box-shadow: none !important;\n border: none !important;\n margin: 0 !important;\n padding: 0 !important;\n }\n .print-section {\n border-bottom: 2px solid #ccc;\n padding-bottom: 10px;\n margin-bottom: 10px;\n page-break-inside: avoid;\n }\n .print-item {\n display: flex;\n justify-content: space-between;\n padding: 5px;\n border-bottom: 1px dashed #eee;\n }\n .print-item-label {\n font-weight: bold;\n }\n .print-item-score {\n font-weight: bold;\n }\n .print-item-notes {\n background-color: #f9f9f9;\n border: 1px solid #eee;\n padding: 8px;\n margin-top: 5px;\n border-radius: 4px;\n font-style: italic;\n }\n .print-item-notes:empty::before {\n content: \"\u0644\u0627 \u062a\u0648\u062c\u062f \u0645\u0644\u0627\u062d\u0638\u0627\u062a.\";\n color: #999;\n }\n .print-header {\n display: block !important;\n text-align: center;\n margin-bottom: 20px;\n border-bottom: 2px solid #000;\n padding-bottom: 10px;\n }\n .print-summary {\n display: block !important;\n margin-top: 20px;\n padding: 15px;\n background-color: #f0f0f0;\n border-radius: 8px;\n }\n .print-summary h2 {\n font-size: 1.5rem;\n font-weight: 700;\n }\n }\n \/* Custom Styles for Theme *\/\n input[type=range] {\n -webkit-appearance: none;\n background: transparent;\n width: 100%;\n }\n input[type=range]:focus {\n outline: none;\n }\n input[type=range]::-webkit-slider-thumb {\n -webkit-appearance: none;\n height: 18px;\n width: 18px;\n border-radius: 50%;\n background: #fdd85d;\n cursor: pointer;\n margin-top: -7.5px; \/* (height\/2) - (track-height\/2) *\/\n border: 1px solid #000;\n }\n input[type=range]::-moz-range-thumb {\n height: 18px;\n width: 18px;\n border-radius: 50%;\n background: #fdd85d;\n cursor: pointer;\n border: 1px solid #000;\n }\n input[type=range]::-webkit-slider-runnable-track {\n width: 100%;\n height: 3px;\n cursor: pointer;\n background: #000;\n border-radius: 3px;\n }\n input[type=range]::-moz-range-track {\n width: 100%;\n height: 3px;\n cursor: pointer;\n background: #000;\n border-radius: 3px;\n }\n <\/style>\n<\/head>\n<body class=\"bg-white text-black\">\n\n \n <div id=\"report-container\" class=\"max-w-4xl mx-auto p-4 sm:p-8 bg-white rounded-lg border border-black shadow-xl my-8 print-container\">\n \n \n <div id=\"print-header\" class=\"hidden print-header\">\n <h1 class=\"text-3xl font-bold\">\u062a\u0642\u0631\u064a\u0631 \u062a\u0642\u064a\u064a\u0645 \u0634\u0631\u0643\u0629 \u0627\u0644\u062a\u0633\u0648\u064a\u0642<\/h1>\n <h2 id=\"print-agency-name\" class=\"text-2xl text-gray-600\"><\/h2>\n <\/div>\n\n \n <div class=\"flex justify-between items-center mb-6 no-print\">\n <h1 class=\"text-3xl font-bold text-gray-900\">\u062a\u0642\u0631\u064a\u0631 \u062a\u0642\u064a\u064a\u0645 \u0634\u0631\u0643\u0629 \u0627\u0644\u062a\u0633\u0648\u064a\u0642<\/h1>\n <button onclick=\"window.print()\" class=\"no-print bg-[#fdd85d] text-black px-6 py-2 rounded-lg font-medium hover:bg-yellow-400 transition-colors\">\n \u0637\u0628\u0627\u0639\u0629 \u0627\u0644\u062a\u0642\u0631\u064a\u0631\n <\/button>\n <\/div>\n <p class=\"mb-8 text-gray-600 no-print\">\n \u0627\u0633\u062a\u062e\u062f\u0645 \u0647\u0630\u0647 \u0627\u0644\u0623\u062f\u0627\u0629 \u0644\u062a\u0642\u064a\u064a\u0645 \u0634\u0631\u0643\u0627\u062a \u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0627\u0644\u0645\u062d\u062a\u0645\u0644\u0629 \u0628\u0646\u0627\u0621\u064b \u0639\u0644\u0649 \u0627\u0644\u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629. \u0623\u0639\u0637\u0650 \u062f\u0631\u062c\u0629 \u0645\u0646 0 (\u0633\u064a\u0621 \u062c\u062f\u0627\u064b) \u0625\u0644\u0649 5 (\u0645\u0645\u062a\u0627\u0632) \u0644\u0643\u0644 \u0645\u0639\u064a\u0627\u0631.\n <\/p>\n\n \n <div class=\"mb-6\">\n <label for=\"agency-name\" class=\"block text-lg font-medium text-gray-700 mb-2\">\u0627\u0633\u0645 \u0634\u0631\u0643\u0629 \u0627\u0644\u062a\u0633\u0648\u064a\u0642:<\/label>\n <input type=\"text\" id=\"agency-name\" class=\"w-full px-4 py-2 border border-black rounded-lg focus:outline-none focus:ring-2 focus:ring-[#fdd85d]\" placeholder=\"\u0627\u062f\u062e\u0644 \u0627\u0633\u0645 \u0627\u0644\u0634\u0631\u0643\u0629 \u0647\u0646\u0627...\">\n <\/div>\n\n \n <div id=\"evaluation-form\">\n\n \n <details open class=\"mb-4 bg-white rounded-lg shadow-sm border border-black print-section\">\n <summary class=\"text-xl font-bold cursor-pointer p-4 text-black no-print\">\n 1. \u0627\u0644\u062e\u0628\u0631\u0629 \u0648\u0627\u0644\u0633\u0645\u0639\u0629\n <\/summary>\n <h2 class=\"hidden print-section-header text-2xl font-bold mb-2\">1. \u0627\u0644\u062e\u0628\u0631\u0629 \u0648\u0627\u0644\u0633\u0645\u0639\u0629<\/h2>\n <div class=\"p-4 bg-gray-100 rounded-b-lg space-y-6\">\n \n <div class=\"criterion-item grid grid-cols-1 md:grid-cols-3 gap-4 print-item-container\">\n <div class=\"md:col-span-1\">\n <label class=\"font-semibold print-item-label\">\u062f\u0631\u0627\u0633\u0627\u062a \u0627\u0644\u062d\u0627\u0644\u0629<\/label>\n <p class=\"text-sm text-gray-600\">\u0645\u062f\u0649 \u062a\u0641\u0635\u064a\u0644 \u0648\u0635\u0644\u0629 \u062f\u0631\u0627\u0633\u0627\u062a \u0627\u0644\u062d\u0627\u0644\u0629 \u0627\u0644\u0645\u0642\u062f\u0645\u0629 \u0628\u0645\u062c\u0627\u0644\u0643.<\/p>\n <\/div>\n <div class=\"md:col-span-1 flex items-center space-x-2 space-x-reverse no-print\">\n <input type=\"range\" min=\"0\" max=\"5\" value=\"0\" class=\"score-slider w-full\" data-label=\"\u062f\u0631\u0627\u0633\u0627\u062a \u0627\u0644\u062d\u0627\u0644\u0629\">\n <span class=\"score-display font-bold text-lg text-[#fdd85d] w-4 text-center\">0<\/span>\n <\/div>\n <div class=\"md:col-span-1\">\n <textarea class=\"notes-input w-full p-2 border border-black rounded-lg text-sm no-print\" rows=\"2\" placeholder=\"\u0645\u0644\u0627\u062d\u0638\u0627\u062a...\"><\/textarea>\n <div class=\"hidden print-item-details\">\n <span class=\"print-item-score\">0\/5<\/span>\n <div class=\"print-item-notes\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"criterion-item grid grid-cols-1 md:grid-cols-3 gap-4 print-item-container\">\n <div class=\"md:col-span-1\">\n <label class=\"font-semibold print-item-label\">\u0622\u0631\u0627\u0621 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0648\u0627\u0644\u0645\u0631\u0627\u062c\u0639<\/label>\n <p class=\"text-sm text-gray-600\">\u0633\u0647\u0648\u0644\u0629 \u0627\u0644\u0648\u0635\u0648\u0644 \u0644\u0645\u0631\u0627\u062c\u0639 \u0648\u0639\u0645\u0644\u0627\u0621 \u0633\u0627\u0628\u0642\u064a\u0646 \u0648\u0627\u0644\u062a\u062d\u062f\u062b \u0645\u0639\u0647\u0645.<\/p>\n <\/div>\n <div class=\"md:col-span-1 flex items-center space-x-2 space-x-reverse no-print\">\n <input type=\"range\" min=\"0\" max=\"5\" value=\"0\" class=\"score-slider w-full\" data-label=\"\u0622\u0631\u0627\u0621 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0648\u0627\u0644\u0645\u0631\u0627\u062c\u0639\">\n <span class=\"score-display font-bold text-lg text-[#fdd85d] w-4 text-center\">0<\/span>\n <\/div>\n <div class=\"md:col-span-1\">\n <textarea class=\"notes-input w-full p-2 border border-black rounded-lg text-sm no-print\" rows=\"2\" placeholder=\"\u0645\u0644\u0627\u062d\u0638\u0627\u062a...\"><\/textarea>\n <div class=\"hidden print-item-details\">\n <span class=\"print-item-score\">0\/5<\/span>\n <div class=\"print-item-notes\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"criterion-item grid grid-cols-1 md:grid-cols-3 gap-4 print-item-container\">\n <div class=\"md:col-span-1\">\n <label class=\"font-semibold print-item-label\">\u0627\u0644\u062a\u062e\u0635\u0635 \u0641\u064a \u0645\u062c\u0627\u0644\u0643<\/label>\n <p class=\"text-sm text-gray-600\">\u0645\u062f\u0649 \u0641\u0647\u0645\u0647\u0645 \u0644\u0645\u0635\u0637\u0644\u062d\u0627\u062a \u0648\u062c\u0645\u0647\u0648\u0631 \u0648\u062a\u062d\u062f\u064a\u0627\u062a \u0645\u062c\u0627\u0644\u0643.<\/p>\n <\/div>\n <div class=\"md:col-span-1 flex items-center space-x-2 space-x-reverse no-print\">\n <input type=\"range\" min=\"0\" max=\"5\" value=\"0\" class=\"score-slider w-full\" data-label=\"\u0627\u0644\u062a\u062e\u0635\u0635 \u0641\u064a \u0645\u062c\u0627\u0644\u0643\">\n <span class=\"score-display font-bold text-lg text-[#fdd85d] w-4 text-center\">0<\/span>\n <\/div>\n <div class=\"md:col-span-1\">\n <textarea class=\"notes-input w-full p-2 border border-black rounded-lg text-sm no-print\" rows=\"2\" placeholder=\"\u0645\u0644\u0627\u062d\u0638\u0627\u062a...\"><\/textarea>\n <div class=\"hidden print-item-details\">\n <span class=\"print-item-score\">0\/5<\/span>\n <div class=\"print-item-notes\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/details>\n\n \n <details open class=\"mb-4 bg-white rounded-lg shadow-sm border border-black print-section\">\n <summary class=\"text-xl font-bold cursor-pointer p-4 text-black no-print\">\n 2. \u0627\u0644\u0634\u0641\u0627\u0641\u064a\u0629\n <\/summary>\n <h2 class=\"hidden print-section-header text-2xl font-bold mb-2\">2. \u0627\u0644\u0634\u0641\u0627\u0641\u064a\u0629<\/h2>\n <div class=\"p-4 bg-gray-100 rounded-b-lg space-y-6\">\n \n <div class=\"criterion-item grid grid-cols-1 md:grid-cols-3 gap-4 print-item-container\">\n <div class=\"md:col-span-1\">\n <label class=\"font-semibold print-item-label\">\u0634\u0641\u0627\u0641\u064a\u0629 \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629<\/label>\n <p class=\"text-sm text-gray-600\">\u0648\u0636\u0648\u062d \u0634\u0631\u062d “\u0644\u0645\u0627\u0630\u0627” \u0648 “\u0643\u064a\u0641” \u0633\u064a\u062a\u0645 \u062a\u0646\u0641\u064a\u0630 \u0627\u0644\u062e\u0637\u0629.<\/p>\n <\/div>\n <div class=\"md:col-span-1 flex items-center space-x-2 space-x-reverse no-print\">\n <input type=\"range\" min=\"0\" max=\"5\" value=\"0\" class=\"score-slider w-full\" data-label=\"\u0634\u0641\u0627\u0641\u064a\u0629 \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629\">\n <span class=\"score-display font-bold text-lg text-[#fdd85d] w-4 text-center\">0<\/span>\n <\/div>\n <div class=\"md:col-span-1\">\n <textarea class=\"notes-input w-full p-2 border border-black rounded-lg text-sm no-print\" rows=\"2\" placeholder=\"\u0645\u0644\u0627\u062d\u0638\u0627\u062a...\"><\/textarea>\n <div class=\"hidden print-item-details\">\n <span class=\"print-item-score\">0\/5<\/span>\n <div class=\"print-item-notes\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"criterion-item grid grid-cols-1 md:grid-cols-3 gap-4 print-item-container\">\n <div class=\"md:col-span-1\">\n <label class=\"font-semibold print-item-label\">\u0634\u0641\u0627\u0641\u064a\u0629 \u0627\u0644\u062a\u0633\u0639\u064a\u0631<\/label>\n <p class=\"text-sm text-gray-600\">\u062a\u0641\u0635\u064a\u0644 \u0639\u0631\u0636 \u0627\u0644\u0633\u0639\u0631 \u0648\u0645\u0639\u0631\u0641\u0629 \u0645\u0627 \u062a\u0634\u0645\u0644\u0647 \u0648\u0645\u0627 \u0644\u0627 \u062a\u0634\u0645\u0644\u0647.<\/p>\n <\/div>\n <div class=\"md:col-span-1 flex items-center space-x-2 space-x-reverse no-print\">\n <input type=\"range\" min=\"0\" max=\"5\" value=\"0\" class=\"score-slider w-full\" data-label=\"\u0634\u0641\u0627\u0641\u064a\u0629 \u0627\u0644\u062a\u0633\u0639\u064a\u0631\">\n <span class=\"score-display font-bold text-lg text-[#fdd85d] w-4 text-center\">0<\/span>\n <\/div>\n <div class=\"md:col-span-1\">\n <textarea class=\"notes-input w-full p-2 border border-black rounded-lg text-sm no-print\" rows=\"2\" placeholder=\"\u0645\u0644\u0627\u062d\u0638\u0627\u062a...\"><\/textarea>\n <div class=\"hidden print-item-details\">\n <span class=\"print-item-score\">0\/5<\/span>\n <div class=\"print-item-notes\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"criterion-item grid grid-cols-1 md:grid-cols-3 gap-4 print-item-container\">\n <div class=\"md:col-span-1\">\n <label class=\"font-semibold print-item-label\">\u0634\u0641\u0627\u0641\u064a\u0629 \u0627\u0644\u0645\u0644\u0643\u064a\u0629<\/label>\n <p class=\"text-sm text-gray-600\">\u0627\u0644\u062a\u0623\u0643\u064a\u062f \u0639\u0644\u0649 \u0623\u0646\u0643 (\u0627\u0644\u0639\u0645\u064a\u0644) \u0627\u0644\u0645\u0627\u0644\u0643 \u0644\u0644\u062d\u0633\u0627\u0628\u0627\u062a \u0648\u0627\u0644\u0623\u0635\u0648\u0644.<\/p>\n <\/div>\n <div class=\"md:col-span-1 flex items-center space-x-2 space-x-reverse no-print\">\n <input type=\"range\" min=\"0\" max=\"5\" value=\"0\" class=\"score-slider w-full\" data-label=\"\u0634\u0641\u0627\u0641\u064a\u0629 \u0627\u0644\u0645\u0644\u0643\u064a\u0629\">\n <span class=\"score-display font-bold text-lg text-[#fdd85d] w-4 text-center\">0<\/span>\n <\/div>\n <div class=\"md:col-span-1\">\n <textarea class=\"notes-input w-full p-2 border border-black rounded-lg text-sm no-print\" rows=\"2\" placeholder=\"\u0645\u0644\u0627\u062d\u0638\u0627\u062a...\"><\/textarea>\n <div class=\"hidden print-item-details\">\n <span class=\"print-item-score\">0\/5<\/span>\n <div class=\"print-item-notes\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/details>\n\n \n <details open class=\"mb-4 bg-white rounded-lg shadow-sm border border-black print-section\">\n <summary class=\"text-xl font-bold cursor-pointer p-4 text-black no-print\">\n 3. \u0622\u0644\u064a\u0627\u062a \u0627\u0644\u0639\u0645\u0644 \u0648\u0627\u0644\u062a\u0648\u0627\u0635\u0644\n <\/summary>\n <h2 class=\"hidden print-section-header text-2xl font-bold mb-2\">3. \u0622\u0644\u064a\u0627\u062a \u0627\u0644\u0639\u0645\u0644 \u0648\u0627\u0644\u062a\u0648\u0627\u0635\u0644<\/h2>\n <div class=\"p-4 bg-gray-100 rounded-b-lg space-y-6\">\n \n <div class=\"criterion-item grid grid-cols-1 md:grid-cols-3 gap-4 print-item-container\">\n <div class=\"md:col-span-1\">\n <label class=\"font-semibold print-item-label\">\u0627\u0644\u0627\u0633\u062a\u0645\u0627\u0639 \u0648\u0627\u0644\u0641\u0647\u0645<\/label>\n <p class=\"text-sm text-gray-600\">\u0647\u0644 \u064a\u0642\u0636\u0648\u0646 \u0648\u0642\u062a\u0627\u064b \u0643\u0627\u0641\u064a\u0627\u064b \u0641\u064a \u0627\u0644\u0627\u0633\u062a\u0645\u0627\u0639 \u0644\u0643 \u0648\u0641\u0647\u0645 \u0623\u0647\u062f\u0627\u0641\u0643\u061f<\/p>\n <\/div>\n <div class=\"md:col-span-1 flex items-center space-x-2 space-x-reverse no-print\">\n <input type=\"range\" min=\"0\" max=\"5\" value=\"0\" class=\"score-slider w-full\" data-label=\"\u0627\u0644\u0627\u0633\u062a\u0645\u0627\u0639 \u0648\u0627\u0644\u0641\u0647\u0645\">\n <span class=\"score-display font-bold text-lg text-[#fdd85d] w-4 text-center\">0<\/span>\n <\/div>\n <div class=\"md:col-span-1\">\n <textarea class=\"notes-input w-full p-2 border border-black rounded-lg text-sm no-print\" rows=\"2\" placeholder=\"\u0645\u0644\u0627\u062d\u0638\u0627\u062a...\"><\/textarea>\n <div class=\"hidden print-item-details\">\n <span class=\"print-item-score\">0\/5<\/span>\n <div class=\"print-item-notes\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"criterion-item grid grid-cols-1 md:grid-cols-3 gap-4 print-item-container\">\n <div class=\"md:col-span-1\">\n <label class=\"font-semibold print-item-label\">\u062a\u062d\u062f\u064a\u062f \u0645\u0642\u0627\u064a\u064a\u0633 \u0627\u0644\u0646\u062c\u0627\u062d (KPIs)<\/label>\n <p class=\"text-sm text-gray-600\">\u0647\u0644 \u064a\u0631\u0628\u0637\u0648\u0646 \u0639\u0645\u0644\u0647\u0645 \u0628\u0623\u0647\u062f\u0627\u0641 \u0639\u0645\u0644\u0643 \u0648\u0645\u0642\u0627\u064a\u064a\u0633 \u0648\u0627\u0636\u062d\u0629\u061f<\/p>\n <\/div>\n <div class=\"md:col-span-1 flex items-center space-x-2 space-x-reverse no-print\">\n <input type=\"range\" min=\"0\" max=\"5\" value=\"0\" class=\"score-slider w-full\" data-label=\"\u062a\u062d\u062f\u064a\u062f \u0645\u0642\u0627\u064a\u064a\u0633 \u0627\u0644\u0646\u062c\u0627\u062d (KPIs)\">\n <span class=\"score-display font-bold text-lg text-[#fdd85d] w-4 text-center\">0<\/span>\n <\/div>\n <div class=\"md:col-span-1\">\n <textarea class=\"notes-input w-full p-2 border border-black rounded-lg text-sm no-print\" rows=\"2\" placeholder=\"\u0645\u0644\u0627\u062d\u0638\u0627\u062a...\"><\/textarea>\n <div class=\"hidden print-item-details\">\n <span class=\"print-item-score\">0\/5<\/span>\n <div class=\"print-item-notes\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"criterion-item grid grid-cols-1 md:grid-cols-3 gap-4 print-item-container\">\n <div class=\"md:col-span-1\">\n <label class=\"font-semibold print-item-label\">\u0622\u0644\u064a\u0629 \u0627\u0644\u062a\u0642\u0627\u0631\u064a\u0631 \u0648\u0627\u0644\u062a\u0648\u0627\u0635\u0644<\/label>\n <p class=\"text-sm text-gray-600\">\u0648\u0636\u0648\u062d \u0622\u0644\u064a\u0629 \u0648\u062c\u062f\u0648\u0644 \u0627\u0644\u062a\u0642\u0627\u0631\u064a\u0631 \u0648\u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0627\u0644\u062f\u0648\u0631\u064a.<\/p>\n <\/div>\n <div class=\"md:col-span-1 flex items-center space-x-2 space-x-reverse no-print\">\n <input type=\"range\" min=\"0\" max=\"5\" value=\"0\" class=\"score-slider w-full\" data-label=\"\u0622\u0644\u064a\u0629 \u0627\u0644\u062a\u0642\u0627\u0631\u064a\u0631 \u0648\u0627\u0644\u062a\u0648\u0627\u0635\u0644\">\n <span class=\"score-display font-bold text-lg text-[#fdd85d] w-4 text-center\">0<\/span>\n <\/div>\n <div class=\"md:col-span-1\">\n <textarea class=\"notes-input w-full p-2 border border-black rounded-lg text-sm no-print\" rows=\"2\" placeholder=\"\u0645\u0644\u0627\u062d\u0638\u0627\u062a...\"><\/textarea>\n <div class=\"hidden print-item-details\">\n <span class=\"print-item-score\">0\/5<\/span>\n <div class=\"print-item-notes\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/details>\n\n \n <details open class=\"mb-4 bg-white rounded-lg shadow-sm border border-black print-section\">\n <summary class=\"text-xl font-bold cursor-pointer p-4 text-black no-print\">\n 4. \u062a\u062c\u0646\u0628 \u0627\u0644\u0639\u0644\u0627\u0645\u0627\u062a \u0627\u0644\u062d\u0645\u0631\u0627\u0621 (0 = \u0633\u064a\u0621, 5 = \u0645\u0645\u062a\u0627\u0632)\n <\/summary>\n <h2 class=\"hidden print-section-header text-2xl font-bold mb-2\">4. \u062a\u062c\u0646\u0628 \u0627\u0644\u0639\u0644\u0627\u0645\u0627\u062a \u0627\u0644\u062d\u0645\u0631\u0627\u0621<\/h2>\n <div class=\"p-4 bg-gray-100 rounded-b-lg space-y-6\">\n \n <div class=\"criterion-item grid grid-cols-1 md:grid-cols-3 gap-4 print-item-container\">\n <div class=\"md:col-span-1\">\n <label class=\"font-semibold print-item-label\">\u0627\u0644\u0648\u0627\u0642\u0639\u064a\u0629 \u0641\u064a \u0627\u0644\u0648\u0639\u0648\u062f<\/label>\n <p class=\"text-sm text-gray-600\">0 = \u064a\u0642\u062f\u0645 \u0636\u0645\u0627\u0646\u0627\u062a \u0645\u0633\u062a\u062d\u064a\u0644\u0629. 5 = \u0648\u0627\u0642\u0639\u064a \u0648\u0635\u0627\u062f\u0642.<\/p>\n <\/div>\n <div class=\"md:col-span-1 flex items-center space-x-2 space-x-reverse no-print\">\n <input type=\"range\" min=\"0\" max=\"5\" value=\"0\" class=\"score-slider w-full\" data-label=\"\u0627\u0644\u0648\u0627\u0642\u0639\u064a\u0629 \u0641\u064a \u0627\u0644\u0648\u0639\u0648\u062f\">\n <span class=\"score-display font-bold text-lg text-[#fdd85d] w-4 text-center\">0<\/span>\n <\/div>\n <div class=\"md:col-span-1\">\n <textarea class=\"notes-input w-full p-2 border border-black rounded-lg text-sm no-print\" rows=\"2\" placeholder=\"\u0645\u0644\u0627\u062d\u0638\u0627\u062a...\"><\/textarea>\n <div class=\"hidden print-item-details\">\n <span class=\"print-item-score\">0\/5<\/span>\n <div class=\"print-item-notes\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"criterion-item grid grid-cols-1 md:grid-cols-3 gap-4 print-item-container\">\n <div class=\"md:col-span-1\">\n <label class=\"font-semibold print-item-label\">\u0627\u0644\u0648\u0636\u0648\u062d \u0641\u064a \u0627\u0644\u0625\u062c\u0627\u0628\u0627\u062a<\/label>\n <p class=\"text-sm text-gray-600\">0 = \u0625\u062c\u0627\u0628\u0627\u062a \u063a\u0627\u0645\u0636\u0629. 5 = \u0625\u062c\u0627\u0628\u0627\u062a \u0648\u0627\u0636\u062d\u0629 \u0648\u0645\u0628\u0627\u0634\u0631\u0629.<\/p>\n <\/div>\n <div class=\"md:col-span-1 flex items-center space-x-2 space-x-reverse no-print\">\n <input type=\"range\" min=\"0\" max=\"5\" value=\"0\" class=\"score-slider w-full\" data-label=\"\u0627\u0644\u0648\u0636\u0648\u062d \u0641\u064a \u0627\u0644\u0625\u062c\u0627\u0628\u0627\u062a\">\n <span class=\"score-display font-bold text-lg text-[#fdd85d] w-4 text-center\">0<\/span>\n <\/div>\n <div class=\"md:col-span-1\">\n <textarea class=\"notes-input w-full p-2 border border-black rounded-lg text-sm no-print\" rows=\"2\" placeholder=\"\u0645\u0644\u0627\u062d\u0638\u0627\u062a...\"><\/textarea>\n <div class=\"hidden print-item-details\">\n <span class=\"print-item-score\">0\/5<\/span>\n <div class=\"print-item-notes\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"criterion-item grid grid-cols-1 md:grid-cols-3 gap-4 print-item-container\">\n <div class=\"md:col-span-1\">\n <label class=\"font-semibold print-item-label\">\u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0639\u0644\u0649 \u0627\u0644\u0623\u0647\u062f\u0627\u0641<\/label>\n <p class=\"text-sm text-gray-600\">0 = \u064a\u0631\u0643\u0632 \u0639\u0644\u0649 \u0627\u0644\u0623\u062f\u0648\u0627\u062a. 5 = \u064a\u0631\u0643\u0632 \u0639\u0644\u0649 \u0623\u0647\u062f\u0627\u0641 \u0639\u0645\u0644\u0643.<\/p>\n <\/div>\n <div class=\"md:col-span-1 flex items-center space-x-2 space-x-reverse no-print\">\n <input type=\"range\" min=\"0\" max=\"5\" value=\"0\" class=\"score-slider w-full\" data-label=\"\u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0639\u0644\u0649 \u0627\u0644\u0623\u0647\u062f\u0627\u0641\">\n <span class=\"score-display font-bold text-lg text-[#fdd85d] w-4 text-center\">0<\/span>\n <\/div>\n <div class=\"md:col-span-1\">\n <textarea class=\"notes-input w-full p-2 border border-black rounded-lg text-sm no-print\" rows=\"2\" placeholder=\"\u0645\u0644\u0627\u062d\u0638\u0627\u062a...\"><\/textarea>\n <div class=\"hidden print-item-details\">\n <span class=\"print-item-score\">0\/5<\/span>\n <div class=\"print-item-notes\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/details>\n\n <\/div>\n\n \n <div id=\"print-summary\" class=\"hidden print-summary\">\n <h2>\u0645\u0644\u062e\u0635 \u0627\u0644\u062a\u0642\u064a\u064a\u0645<\/h2>\n <p id=\"print-summary-text\" class=\"text-lg\"><\/p>\n <\/div>\n\n \n <footer class=\"text-center p-4 text-gray-500 text-sm no-print mt-8 border-t border-black\">\n Copyright \u00a9 2020:2025 – Marketing Coach | Eslam Rashad\n <\/footer>\n <\/div>\n\n \n <div id=\"results-footer\" class=\"sticky bottom-0 left-0 w-full bg-white border-t border-black p-4 shadow-[0_-4px_6px_-1px_rgba(0,0,0,0.1)] no-print\">\n <div class=\"max-w-4xl mx-auto flex flex-col sm:flex-row justify-between items-center text-center sm:text-right\">\n <div class=\"mb-2 sm:mb-0\">\n <h3 class=\"text-lg font-bold text-gray-900\">\u0627\u0644\u0646\u062a\u064a\u062c\u0629 \u0627\u0644\u0625\u062c\u0645\u0627\u0644\u064a\u0629 \u0644\u0644\u062a\u0642\u064a\u064a\u0645<\/h3>\n <p id=\"summary-text\" class=\"text-base text-gray-600\">\u0627\u0628\u062f\u0623 \u0627\u0644\u062a\u0642\u064a\u064a\u0645 \u0644\u062d\u0633\u0627\u0628 \u0627\u0644\u0646\u062a\u064a\u062c\u0629…<\/p>\n <\/div>\n <div class=\"flex items-center space-x-4 space-x-reverse\">\n <div id=\"total-percentage\" class=\"text-5xl font-bold text-gray-400\">0%<\/div>\n <div class=\"text-right\">\n <span id=\"total-score\" class=\"text-lg font-medium text-gray-500\">0<\/span>\n <span class=\"text-gray-500\">\/<\/span>\n <span id=\"max-score\" class=\"text-lg font-medium text-gray-500\">60<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n document.addEventListener('DOMContentLoaded', () => {\n \/\/ \u062c\u0644\u0628 \u0627\u0644\u0639\u0646\u0627\u0635\u0631\n const sliders = document.querySelectorAll('.score-slider');\n const totalPercentageDisplay = document.getElementById('total-percentage');\n const summaryText = document.getElementById('summary-text');\n const totalScoreDisplay = document.getElementById('total-score');\n const maxScoreDisplay = document.getElementById('max-score');\n const agencyNameInput = document.getElementById('agency-name');\n const printAgencyName = document.getElementById('print-agency-name');\n const printSummaryText = document.getElementById('print-summary-text');\n\n \/\/ \u0625\u0639\u062f\u0627\u062f \u0627\u0644\u0635\u0648\u062a\n const synth = new Tone.Synth().toDestination();\n synth.volume.value = -10; \/\/ Make it 10dB quieter\n function playSound() {\n \/\/ \u0628\u062f\u0621 \u0633\u064a\u0627\u0642 \u0627\u0644\u0635\u0648\u062a (\u0636\u0631\u0648\u0631\u064a \u0641\u064a \u0627\u0644\u0645\u062a\u0635\u0641\u062d\u0627\u062a \u0627\u0644\u062d\u062f\u064a\u062b\u0629)\n Tone.start().then(() => {\n const now = Tone.now();\n \/\/ Classic \"Tri-tone\" sound, softer\n synth.triggerAttackRelease(\"G#4\", \"8n\", now);\n synth.triggerAttackRelease(\"B4\", \"8n\", now + 0.1);\n synth.triggerAttackRelease(\"D#5\", \"8n\", now + 0.2);\n }).catch(e => {\n console.warn(\"Audio context not started:\", e);\n });\n }\n\n const maxScorePerItem = 5;\n const totalPossibleScore = sliders.length * maxScorePerItem;\n maxScoreDisplay.textContent = totalPossibleScore;\n\n \/\/ \u062f\u0627\u0644\u0629 \u062d\u0633\u0627\u0628 \u0648\u062a\u062d\u062f\u064a\u062b \u0627\u0644\u0646\u062a\u064a\u062c\u0629\n function calculateAndDisplayScore() {\n let currentScore = 0;\n\n sliders.forEach(slider => {\n const value = slider.valueAsNumber;\n currentScore += value;\n \/\/ \u062a\u062d\u062f\u064a\u062b \u0627\u0644\u0631\u0642\u0645 \u0628\u062c\u0627\u0646\u0628 \u0627\u0644\u0633\u0644\u0627\u064a\u062f\u0631\n slider.nextElementSibling.textContent = value;\n });\n\n \/\/ \u062d\u0633\u0627\u0628 \u0627\u0644\u0646\u0633\u0628\u0629\n const percentage = (currentScore \/ totalPossibleScore) * 100;\n \n \/\/ \u062a\u062d\u062f\u064a\u062b \u0627\u0644\u0639\u0631\u0636\n totalScoreDisplay.textContent = currentScore;\n totalPercentageDisplay.textContent = `${percentage.toFixed(0)}%`;\n\n \/\/ \u062a\u062d\u062f\u064a\u062b \u0644\u0648\u0646 \u0648\u0631\u0633\u0627\u0644\u0629 \u0627\u0644\u0645\u0644\u062e\u0635\n let summaryMessage = '';\n let summaryColorClass = '';\n\n if (percentage >= 90) {\n summaryMessage = '\u0634\u0631\u064a\u0643 \u0645\u0645\u062a\u0627\u0632. \u064a\u0628\u062f\u0648 \u062e\u064a\u0627\u0631\u0627\u064b \u0631\u0627\u0626\u0639\u0627\u064b!';\n summaryColorClass = 'text-[#fdd85d]';\n } else if (percentage >= 75) {\n summaryMessage = '\u062c\u064a\u062f \u062c\u062f\u0627\u064b. \u0646\u0642\u0627\u0637 \u0642\u0648\u0629 \u0648\u0627\u0636\u062d\u0629 \u0645\u0639 \u0628\u0639\u0636 \u0627\u0644\u062c\u0648\u0627\u0646\u0628 \u0644\u0644\u0645\u0646\u0627\u0642\u0634\u0629.';\n summaryColorClass = 'text-[#fdd85d]';\n } else if (percentage >= 50) {\n summaryMessage = '\u0645\u0642\u0628\u0648\u0644. \u064a\u062d\u062a\u0627\u062c \u0644\u0645\u0631\u0627\u062c\u0639\u0629 \u0627\u0644\u0646\u0642\u0627\u0637 \u0627\u0644\u0636\u0639\u064a\u0641\u0629 \u0628\u0639\u0646\u0627\u064a\u0629.';\n summaryColorClass = 'text-yellow-600';\n } else if (percentage > 0) {\n summaryMessage = '\u0636\u0639\u064a\u0641. \u062a\u0648\u062c\u062f \u0639\u0644\u0627\u0645\u0627\u062a \u062d\u0645\u0631\u0627\u0621 \u0648\u0627\u0636\u062d\u0629\u060c \u064a\u0646\u0635\u062d \u0628\u0627\u0644\u062d\u0630\u0631.';\n summaryColorClass = 'text-red-500';\n } else {\n summaryMessage = '\u0627\u0628\u062f\u0623 \u0627\u0644\u062a\u0642\u064a\u064a\u0645 \u0644\u062d\u0633\u0627\u0628 \u0627\u0644\u0646\u062a\u064a\u062c\u0629...';\n summaryColorClass = 'text-gray-400';\n }\n\n summaryText.textContent = summaryMessage;\n printSummaryText.textContent = `\u0627\u0644\u0646\u062a\u064a\u062c\u0629 \u0627\u0644\u0625\u062c\u0645\u0627\u0644\u064a\u0629: ${percentage.toFixed(0)}%. \u0627\u0644\u062a\u0642\u064a\u064a\u0645: ${summaryMessage}`;\n \n \/\/ \u0625\u0632\u0627\u0644\u0629 \u0627\u0644\u0623\u0644\u0648\u0627\u0646 \u0627\u0644\u0642\u062f\u064a\u0645\u0629 \u0648\u0625\u0636\u0627\u0641\u0629 \u0627\u0644\u062c\u062f\u064a\u062f\n totalPercentageDisplay.classList.remove('text-[#fdd85d]', 'text-yellow-600', 'text-red-500', 'text-gray-400');\n totalPercentageDisplay.classList.add(summaryColorClass);\n }\n\n \/\/ \u0631\u0628\u0637 \u0627\u0644\u0645\u0633\u062a\u0645\u0639\u064a\u0646\n sliders.forEach(slider => {\n slider.addEventListener('input', calculateAndDisplayScore);\n slider.addEventListener('change', playSound); \/\/ \u062a\u0634\u063a\u064a\u0644 \u0627\u0644\u0635\u0648\u062a \u0639\u0646\u062f \u0627\u0644\u0627\u0646\u062a\u0647\u0627\u0621\n });\n\n \/\/ \u062a\u062d\u062f\u064a\u062b \u0627\u0633\u0645 \u0627\u0644\u0634\u0631\u0643\u0629 \u0644\u0644\u0637\u0628\u0627\u0639\u0629\n agencyNameInput.addEventListener('input', (e) => {\n printAgencyName.textContent = `\u0644\u0634\u0631\u0643\u0629: ${e.target.value}`;\n });\n\n \/\/ \u0625\u0639\u062f\u0627\u062f \u0627\u0644\u062a\u0642\u0631\u064a\u0631 \u0644\u0644\u0637\u0628\u0627\u0639\u0629\n window.addEventListener('beforeprint', () => {\n document.querySelectorAll('.criterion-item').forEach(item => {\n const label = item.querySelector('.print-item-label').textContent;\n const slider = item.querySelector('.score-slider');\n const notes = item.querySelector('.notes-input').value;\n \n const score = slider.value;\n const printDetails = item.querySelector('.print-item-details');\n const printItemContainer = item.querySelector('.print-item-container');\n\n \/\/ \u0628\u0646\u0627\u0621 HTML \u0644\u0644\u0637\u0628\u0627\u0639\u0629\n const printHTML = `\n <div class=\"print-item\">\n <span class=\"print-item-label\">${label}<\/span>\n <span class=\"print-item-score\">${score} \/ 5<\/span>\n <\/div>\n ${notes ? `<div class=\"print-item-notes\">${notes}<\/div>` : ''}\n `;\n \n \/\/ \u0625\u062e\u0641\u0627\u0621 \u0627\u0644\u0639\u0646\u0627\u0635\u0631 \u0627\u0644\u0623\u0635\u0644\u064a\u0629 \u0648\u0625\u0638\u0647\u0627\u0631 \u0646\u0633\u062e\u0629 \u0627\u0644\u0637\u0628\u0627\u0639\u0629\n item.querySelector('.md\\\\:col-span-1').style.display = 'none'; \/\/ \u0625\u062e\u0641\u0627\u0621 \u0627\u0644\u0648\u0635\u0641 \u0648\u0627\u0644\u0633\u0644\u0627\u064a\u062f\u0631\n item.querySelector('.notes-input').style.display = 'none'; \/\/ \u0625\u062e\u0641\u0627\u0621 \u062d\u0642\u0644 \u0627\u0644\u0645\u0644\u0627\u062d\u0638\u0627\u062a\n printDetails.innerHTML = printHTML;\n printDetails.classList.remove('hidden');\n });\n });\n\n \/\/ \u0627\u0633\u062a\u0639\u0627\u062f\u0629 \u0627\u0644\u0648\u0636\u0639 \u0628\u0639\u062f \u0627\u0644\u0637\u0628\u0627\u0639\u0629\n window.addEventListener('afterprint', () => {\n document.querySelectorAll('.criterion-item').forEach(item => {\n item.querySelector('.md\\\\:col-span-1').style.display = 'block';\n item.querySelector('.notes-input').style.display = 'block';\n item.querySelector('.print-item-details').classList.add('hidden');\n item.querySelector('.print-item-details').innerHTML = ''; \/\/ \u062a\u0646\u0638\u064a\u0641 \u0627\u0644\u0645\u062d\u062a\u0648\u0649\n });\n });\n\n \/\/ \u0627\u0644\u062d\u0633\u0627\u0628 \u0627\u0644\u0623\u0648\u0644\u064a \u0639\u0646\u062f \u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0635\u0641\u062d\u0629\n calculateAndDisplayScore();\n });\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u062a\u0642\u0631\u064a\u0631 \u062a\u0642\u064a\u064a\u0645 \u0634\u0631\u0643\u0629 \u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u062a\u0642\u0631\u064a\u0631 \u062a\u0642\u064a\u064a\u0645 \u0634\u0631\u0643\u0629 \u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u062a\u0642\u0631\u064a\u0631 \u062a\u0642\u064a\u064a\u0645 \u0634\u0631\u0643\u0629 \u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0637\u0628\u0627\u0639\u0629 \u0627\u0644\u062a\u0642\u0631\u064a\u0631 \u0627\u0633\u062a\u062e\u062f\u0645 \u0647\u0630\u0647 \u0627\u0644\u0623\u062f\u0627\u0629 \u0644\u062a\u0642\u064a\u064a\u0645 \u0634\u0631\u0643\u0627\u062a \u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0627\u0644\u0645\u062d\u062a\u0645\u0644\u0629 \u0628\u0646\u0627\u0621\u064b \u0639\u0644\u0649 \u0627\u0644\u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629. \u0623\u0639\u0637\u0650 \u062f\u0631\u062c\u0629 \u0645\u0646 0 (\u0633\u064a\u0621 \u062c\u062f\u0627\u064b) \u0625\u0644\u0649 5 (\u0645\u0645\u062a\u0627\u0632) \u0644\u0643\u0644 \u0645\u0639\u064a\u0627\u0631. \u0627\u0633\u0645 \u0634\u0631\u0643\u0629 \u0627\u0644\u062a\u0633\u0648\u064a\u0642: 1. \u0627\u0644\u062e\u0628\u0631\u0629 \u0648\u0627\u0644\u0633\u0645\u0639\u0629 1. \u0627\u0644\u062e\u0628\u0631\u0629 \u0648\u0627\u0644\u0633\u0645\u0639\u0629 \u062f\u0631\u0627\u0633\u0627\u062a \u0627\u0644\u062d\u0627\u0644\u0629 \u0645\u062f\u0649 \u062a\u0641\u0635\u064a\u0644 \u0648\u0635\u0644\u0629 \u062f\u0631\u0627\u0633\u0627\u062a \u0627\u0644\u062d\u0627\u0644\u0629 \u0627\u0644\u0645\u0642\u062f\u0645\u0629 \u0628\u0645\u062c\u0627\u0644\u0643. 0 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[17],"class_list":["post-593","post","type-post","status-publish","format-standard","hentry","category-marketing-transparency-tools","tag-17"],"blocksy_meta":[],"brizy_media":[],"_links":{"self":[{"href":"https:\/\/marketing-coaching.uk\/en\/wp-json\/wp\/v2\/posts\/593","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/marketing-coaching.uk\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/marketing-coaching.uk\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/marketing-coaching.uk\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/marketing-coaching.uk\/en\/wp-json\/wp\/v2\/comments?post=593"}],"version-history":[{"count":0,"href":"https:\/\/marketing-coaching.uk\/en\/wp-json\/wp\/v2\/posts\/593\/revisions"}],"wp:attachment":[{"href":"https:\/\/marketing-coaching.uk\/en\/wp-json\/wp\/v2\/media?parent=593"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/marketing-coaching.uk\/en\/wp-json\/wp\/v2\/categories?post=593"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/marketing-coaching.uk\/en\/wp-json\/wp\/v2\/tags?post=593"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":593,"date":"2025-11-13T09:04:13","date_gmt":"2025-11-13T09:04:13","guid":{"rendered":"https:\/\/marketing-coaching.uk\/?p=593"},"modified":"2025-12-21T07:30:52","modified_gmt":"2025-12-21T07:30:52","slug":"%d9%83%d9%8a%d9%81-%d8%aa%d8%ab%d9%82-%d8%a8%d8%b4%d8%b1%d9%83%d8%a9-%d8%aa%d8%b3%d9%88%d9%8a%d9%82-%d8%a7%d9%84%d9%83%d8%aa%d8%b1%d9%88%d9%86%d9%8a%d8%9f","status":"publish","type":"post","link":"https:\/\/marketing-coaching.uk\/en\/%d9%83%d9%8a%d9%81-%d8%aa%d8%ab%d9%82-%d8%a8%d8%b4%d8%b1%d9%83%d8%a9-%d8%aa%d8%b3%d9%88%d9%8a%d9%82-%d8%a7%d9%84%d9%83%d8%aa%d8%b1%d9%88%d9%86%d9%8a%d8%9f\/","title":{"rendered":"\u0643\u064a\u0641 \u062a\u062b\u0642 \u0628\u0634\u0631\u0643\u0629 \u062a\u0633\u0648\u064a\u0642 \u0627\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u061f"},"content":{"rendered":"\n\n\n\n \n \n \u062a\u0642\u0631\u064a\u0631 \u062a\u0642\u064a\u064a\u0645 \u0634\u0631\u0643\u0629 \u0627\u0644\u062a\u0633\u0648\u064a\u0642<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/tone\/14.8.49\/Tone.min.js\"><\/script>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;500;700&display=swap\" rel=\"stylesheet\">\n <style>\n body {\n font-family: 'Tajawal', sans-serif;\n scroll-behavior: smooth;\n }\n \/* \u0625\u062e\u0641\u0627\u0621 \u0627\u0644\u0639\u0646\u0627\u0635\u0631 \u063a\u064a\u0631 \u0627\u0644\u0645\u0631\u063a\u0648\u0628 \u0641\u064a\u0647\u0627 \u0639\u0646\u062f \u0627\u0644\u0637\u0628\u0627\u0639\u0629 *\/\n @media print {\n body {\n font-family: 'Tajawal', sans-serif !important;\n }\n .no-print {\n display: none !important;\n }\n .print-container {\n width: 100% !important;\n max-width: 100% !important;\n box-shadow: none !important;\n border: none !important;\n margin: 0 !important;\n padding: 0 !important;\n }\n .print-section {\n border-bottom: 2px solid #ccc;\n padding-bottom: 10px;\n margin-bottom: 10px;\n page-break-inside: avoid;\n }\n .print-item {\n display: flex;\n justify-content: space-between;\n padding: 5px;\n border-bottom: 1px dashed #eee;\n }\n .print-item-label {\n font-weight: bold;\n }\n .print-item-score {\n font-weight: bold;\n }\n .print-item-notes {\n background-color: #f9f9f9;\n border: 1px solid #eee;\n padding: 8px;\n margin-top: 5px;\n border-radius: 4px;\n font-style: italic;\n }\n .print-item-notes:empty::before {\n content: \"\u0644\u0627 \u062a\u0648\u062c\u062f \u0645\u0644\u0627\u062d\u0638\u0627\u062a.\";\n color: #999;\n }\n .print-header {\n display: block !important;\n text-align: center;\n margin-bottom: 20px;\n border-bottom: 2px solid #000;\n padding-bottom: 10px;\n }\n .print-summary {\n display: block !important;\n margin-top: 20px;\n padding: 15px;\n background-color: #f0f0f0;\n border-radius: 8px;\n }\n .print-summary h2 {\n font-size: 1.5rem;\n font-weight: 700;\n }\n }\n \/* Custom Styles for Theme *\/\n input[type=range] {\n -webkit-appearance: none;\n background: transparent;\n width: 100%;\n }\n input[type=range]:focus {\n outline: none;\n }\n input[type=range]::-webkit-slider-thumb {\n -webkit-appearance: none;\n height: 18px;\n width: 18px;\n border-radius: 50%;\n background: #fdd85d;\n cursor: pointer;\n margin-top: -7.5px; \/* (height\/2) - (track-height\/2) *\/\n border: 1px solid #000;\n }\n input[type=range]::-moz-range-thumb {\n height: 18px;\n width: 18px;\n border-radius: 50%;\n background: #fdd85d;\n cursor: pointer;\n border: 1px solid #000;\n }\n input[type=range]::-webkit-slider-runnable-track {\n width: 100%;\n height: 3px;\n cursor: pointer;\n background: #000;\n border-radius: 3px;\n }\n input[type=range]::-moz-range-track {\n width: 100%;\n height: 3px;\n cursor: pointer;\n background: #000;\n border-radius: 3px;\n }\n <\/style>\n<\/head>\n<body class=\"bg-white text-black\">\n\n \n <div id=\"report-container\" class=\"max-w-4xl mx-auto p-4 sm:p-8 bg-white rounded-lg border border-black shadow-xl my-8 print-container\">\n \n \n <div id=\"print-header\" class=\"hidden print-header\">\n <h1 class=\"text-3xl font-bold\">\u062a\u0642\u0631\u064a\u0631 \u062a\u0642\u064a\u064a\u0645 \u0634\u0631\u0643\u0629 \u0627\u0644\u062a\u0633\u0648\u064a\u0642<\/h1>\n <h2 id=\"print-agency-name\" class=\"text-2xl text-gray-600\"><\/h2>\n <\/div>\n\n \n <div class=\"flex justify-between items-center mb-6 no-print\">\n <h1 class=\"text-3xl font-bold text-gray-900\">\u062a\u0642\u0631\u064a\u0631 \u062a\u0642\u064a\u064a\u0645 \u0634\u0631\u0643\u0629 \u0627\u0644\u062a\u0633\u0648\u064a\u0642<\/h1>\n <button onclick=\"window.print()\" class=\"no-print bg-[#fdd85d] text-black px-6 py-2 rounded-lg font-medium hover:bg-yellow-400 transition-colors\">\n \u0637\u0628\u0627\u0639\u0629 \u0627\u0644\u062a\u0642\u0631\u064a\u0631\n <\/button>\n <\/div>\n <p class=\"mb-8 text-gray-600 no-print\">\n \u0627\u0633\u062a\u062e\u062f\u0645 \u0647\u0630\u0647 \u0627\u0644\u0623\u062f\u0627\u0629 \u0644\u062a\u0642\u064a\u064a\u0645 \u0634\u0631\u0643\u0627\u062a \u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0627\u0644\u0645\u062d\u062a\u0645\u0644\u0629 \u0628\u0646\u0627\u0621\u064b \u0639\u0644\u0649 \u0627\u0644\u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629. \u0623\u0639\u0637\u0650 \u062f\u0631\u062c\u0629 \u0645\u0646 0 (\u0633\u064a\u0621 \u062c\u062f\u0627\u064b) \u0625\u0644\u0649 5 (\u0645\u0645\u062a\u0627\u0632) \u0644\u0643\u0644 \u0645\u0639\u064a\u0627\u0631.\n <\/p>\n\n \n <div class=\"mb-6\">\n <label for=\"agency-name\" class=\"block text-lg font-medium text-gray-700 mb-2\">\u0627\u0633\u0645 \u0634\u0631\u0643\u0629 \u0627\u0644\u062a\u0633\u0648\u064a\u0642:<\/label>\n <input type=\"text\" id=\"agency-name\" class=\"w-full px-4 py-2 border border-black rounded-lg focus:outline-none focus:ring-2 focus:ring-[#fdd85d]\" placeholder=\"\u0627\u062f\u062e\u0644 \u0627\u0633\u0645 \u0627\u0644\u0634\u0631\u0643\u0629 \u0647\u0646\u0627...\">\n <\/div>\n\n \n <div id=\"evaluation-form\">\n\n \n <details open class=\"mb-4 bg-white rounded-lg shadow-sm border border-black print-section\">\n <summary class=\"text-xl font-bold cursor-pointer p-4 text-black no-print\">\n 1. \u0627\u0644\u062e\u0628\u0631\u0629 \u0648\u0627\u0644\u0633\u0645\u0639\u0629\n <\/summary>\n <h2 class=\"hidden print-section-header text-2xl font-bold mb-2\">1. \u0627\u0644\u062e\u0628\u0631\u0629 \u0648\u0627\u0644\u0633\u0645\u0639\u0629<\/h2>\n <div class=\"p-4 bg-gray-100 rounded-b-lg space-y-6\">\n \n <div class=\"criterion-item grid grid-cols-1 md:grid-cols-3 gap-4 print-item-container\">\n <div class=\"md:col-span-1\">\n <label class=\"font-semibold print-item-label\">\u062f\u0631\u0627\u0633\u0627\u062a \u0627\u0644\u062d\u0627\u0644\u0629<\/label>\n <p class=\"text-sm text-gray-600\">\u0645\u062f\u0649 \u062a\u0641\u0635\u064a\u0644 \u0648\u0635\u0644\u0629 \u062f\u0631\u0627\u0633\u0627\u062a \u0627\u0644\u062d\u0627\u0644\u0629 \u0627\u0644\u0645\u0642\u062f\u0645\u0629 \u0628\u0645\u062c\u0627\u0644\u0643.<\/p>\n <\/div>\n <div class=\"md:col-span-1 flex items-center space-x-2 space-x-reverse no-print\">\n <input type=\"range\" min=\"0\" max=\"5\" value=\"0\" class=\"score-slider w-full\" data-label=\"\u062f\u0631\u0627\u0633\u0627\u062a \u0627\u0644\u062d\u0627\u0644\u0629\">\n <span class=\"score-display font-bold text-lg text-[#fdd85d] w-4 text-center\">0<\/span>\n <\/div>\n <div class=\"md:col-span-1\">\n <textarea class=\"notes-input w-full p-2 border border-black rounded-lg text-sm no-print\" rows=\"2\" placeholder=\"\u0645\u0644\u0627\u062d\u0638\u0627\u062a...\"><\/textarea>\n <div class=\"hidden print-item-details\">\n <span class=\"print-item-score\">0\/5<\/span>\n <div class=\"print-item-notes\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"criterion-item grid grid-cols-1 md:grid-cols-3 gap-4 print-item-container\">\n <div class=\"md:col-span-1\">\n <label class=\"font-semibold print-item-label\">\u0622\u0631\u0627\u0621 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0648\u0627\u0644\u0645\u0631\u0627\u062c\u0639<\/label>\n <p class=\"text-sm text-gray-600\">\u0633\u0647\u0648\u0644\u0629 \u0627\u0644\u0648\u0635\u0648\u0644 \u0644\u0645\u0631\u0627\u062c\u0639 \u0648\u0639\u0645\u0644\u0627\u0621 \u0633\u0627\u0628\u0642\u064a\u0646 \u0648\u0627\u0644\u062a\u062d\u062f\u062b \u0645\u0639\u0647\u0645.<\/p>\n <\/div>\n <div class=\"md:col-span-1 flex items-center space-x-2 space-x-reverse no-print\">\n <input type=\"range\" min=\"0\" max=\"5\" value=\"0\" class=\"score-slider w-full\" data-label=\"\u0622\u0631\u0627\u0621 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0648\u0627\u0644\u0645\u0631\u0627\u062c\u0639\">\n <span class=\"score-display font-bold text-lg text-[#fdd85d] w-4 text-center\">0<\/span>\n <\/div>\n <div class=\"md:col-span-1\">\n <textarea class=\"notes-input w-full p-2 border border-black rounded-lg text-sm no-print\" rows=\"2\" placeholder=\"\u0645\u0644\u0627\u062d\u0638\u0627\u062a...\"><\/textarea>\n <div class=\"hidden print-item-details\">\n <span class=\"print-item-score\">0\/5<\/span>\n <div class=\"print-item-notes\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"criterion-item grid grid-cols-1 md:grid-cols-3 gap-4 print-item-container\">\n <div class=\"md:col-span-1\">\n <label class=\"font-semibold print-item-label\">\u0627\u0644\u062a\u062e\u0635\u0635 \u0641\u064a \u0645\u062c\u0627\u0644\u0643<\/label>\n <p class=\"text-sm text-gray-600\">\u0645\u062f\u0649 \u0641\u0647\u0645\u0647\u0645 \u0644\u0645\u0635\u0637\u0644\u062d\u0627\u062a \u0648\u062c\u0645\u0647\u0648\u0631 \u0648\u062a\u062d\u062f\u064a\u0627\u062a \u0645\u062c\u0627\u0644\u0643.<\/p>\n <\/div>\n <div class=\"md:col-span-1 flex items-center space-x-2 space-x-reverse no-print\">\n <input type=\"range\" min=\"0\" max=\"5\" value=\"0\" class=\"score-slider w-full\" data-label=\"\u0627\u0644\u062a\u062e\u0635\u0635 \u0641\u064a \u0645\u062c\u0627\u0644\u0643\">\n <span class=\"score-display font-bold text-lg text-[#fdd85d] w-4 text-center\">0<\/span>\n <\/div>\n <div class=\"md:col-span-1\">\n <textarea class=\"notes-input w-full p-2 border border-black rounded-lg text-sm no-print\" rows=\"2\" placeholder=\"\u0645\u0644\u0627\u062d\u0638\u0627\u062a...\"><\/textarea>\n <div class=\"hidden print-item-details\">\n <span class=\"print-item-score\">0\/5<\/span>\n <div class=\"print-item-notes\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/details>\n\n \n <details open class=\"mb-4 bg-white rounded-lg shadow-sm border border-black print-section\">\n <summary class=\"text-xl font-bold cursor-pointer p-4 text-black no-print\">\n 2. \u0627\u0644\u0634\u0641\u0627\u0641\u064a\u0629\n <\/summary>\n <h2 class=\"hidden print-section-header text-2xl font-bold mb-2\">2. \u0627\u0644\u0634\u0641\u0627\u0641\u064a\u0629<\/h2>\n <div class=\"p-4 bg-gray-100 rounded-b-lg space-y-6\">\n \n <div class=\"criterion-item grid grid-cols-1 md:grid-cols-3 gap-4 print-item-container\">\n <div class=\"md:col-span-1\">\n <label class=\"font-semibold print-item-label\">\u0634\u0641\u0627\u0641\u064a\u0629 \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629<\/label>\n <p class=\"text-sm text-gray-600\">\u0648\u0636\u0648\u062d \u0634\u0631\u062d “\u0644\u0645\u0627\u0630\u0627” \u0648 “\u0643\u064a\u0641” \u0633\u064a\u062a\u0645 \u062a\u0646\u0641\u064a\u0630 \u0627\u0644\u062e\u0637\u0629.<\/p>\n <\/div>\n <div class=\"md:col-span-1 flex items-center space-x-2 space-x-reverse no-print\">\n <input type=\"range\" min=\"0\" max=\"5\" value=\"0\" class=\"score-slider w-full\" data-label=\"\u0634\u0641\u0627\u0641\u064a\u0629 \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629\">\n <span class=\"score-display font-bold text-lg text-[#fdd85d] w-4 text-center\">0<\/span>\n <\/div>\n <div class=\"md:col-span-1\">\n <textarea class=\"notes-input w-full p-2 border border-black rounded-lg text-sm no-print\" rows=\"2\" placeholder=\"\u0645\u0644\u0627\u062d\u0638\u0627\u062a...\"><\/textarea>\n <div class=\"hidden print-item-details\">\n <span class=\"print-item-score\">0\/5<\/span>\n <div class=\"print-item-notes\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"criterion-item grid grid-cols-1 md:grid-cols-3 gap-4 print-item-container\">\n <div class=\"md:col-span-1\">\n <label class=\"font-semibold print-item-label\">\u0634\u0641\u0627\u0641\u064a\u0629 \u0627\u0644\u062a\u0633\u0639\u064a\u0631<\/label>\n <p class=\"text-sm text-gray-600\">\u062a\u0641\u0635\u064a\u0644 \u0639\u0631\u0636 \u0627\u0644\u0633\u0639\u0631 \u0648\u0645\u0639\u0631\u0641\u0629 \u0645\u0627 \u062a\u0634\u0645\u0644\u0647 \u0648\u0645\u0627 \u0644\u0627 \u062a\u0634\u0645\u0644\u0647.<\/p>\n <\/div>\n <div class=\"md:col-span-1 flex items-center space-x-2 space-x-reverse no-print\">\n <input type=\"range\" min=\"0\" max=\"5\" value=\"0\" class=\"score-slider w-full\" data-label=\"\u0634\u0641\u0627\u0641\u064a\u0629 \u0627\u0644\u062a\u0633\u0639\u064a\u0631\">\n <span class=\"score-display font-bold text-lg text-[#fdd85d] w-4 text-center\">0<\/span>\n <\/div>\n <div class=\"md:col-span-1\">\n <textarea class=\"notes-input w-full p-2 border border-black rounded-lg text-sm no-print\" rows=\"2\" placeholder=\"\u0645\u0644\u0627\u062d\u0638\u0627\u062a...\"><\/textarea>\n <div class=\"hidden print-item-details\">\n <span class=\"print-item-score\">0\/5<\/span>\n <div class=\"print-item-notes\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"criterion-item grid grid-cols-1 md:grid-cols-3 gap-4 print-item-container\">\n <div class=\"md:col-span-1\">\n <label class=\"font-semibold print-item-label\">\u0634\u0641\u0627\u0641\u064a\u0629 \u0627\u0644\u0645\u0644\u0643\u064a\u0629<\/label>\n <p class=\"text-sm text-gray-600\">\u0627\u0644\u062a\u0623\u0643\u064a\u062f \u0639\u0644\u0649 \u0623\u0646\u0643 (\u0627\u0644\u0639\u0645\u064a\u0644) \u0627\u0644\u0645\u0627\u0644\u0643 \u0644\u0644\u062d\u0633\u0627\u0628\u0627\u062a \u0648\u0627\u0644\u0623\u0635\u0648\u0644.<\/p>\n <\/div>\n <div class=\"md:col-span-1 flex items-center space-x-2 space-x-reverse no-print\">\n <input type=\"range\" min=\"0\" max=\"5\" value=\"0\" class=\"score-slider w-full\" data-label=\"\u0634\u0641\u0627\u0641\u064a\u0629 \u0627\u0644\u0645\u0644\u0643\u064a\u0629\">\n <span class=\"score-display font-bold text-lg text-[#fdd85d] w-4 text-center\">0<\/span>\n <\/div>\n <div class=\"md:col-span-1\">\n <textarea class=\"notes-input w-full p-2 border border-black rounded-lg text-sm no-print\" rows=\"2\" placeholder=\"\u0645\u0644\u0627\u062d\u0638\u0627\u062a...\"><\/textarea>\n <div class=\"hidden print-item-details\">\n <span class=\"print-item-score\">0\/5<\/span>\n <div class=\"print-item-notes\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/details>\n\n \n <details open class=\"mb-4 bg-white rounded-lg shadow-sm border border-black print-section\">\n <summary class=\"text-xl font-bold cursor-pointer p-4 text-black no-print\">\n 3. \u0622\u0644\u064a\u0627\u062a \u0627\u0644\u0639\u0645\u0644 \u0648\u0627\u0644\u062a\u0648\u0627\u0635\u0644\n <\/summary>\n <h2 class=\"hidden print-section-header text-2xl font-bold mb-2\">3. \u0622\u0644\u064a\u0627\u062a \u0627\u0644\u0639\u0645\u0644 \u0648\u0627\u0644\u062a\u0648\u0627\u0635\u0644<\/h2>\n <div class=\"p-4 bg-gray-100 rounded-b-lg space-y-6\">\n \n <div class=\"criterion-item grid grid-cols-1 md:grid-cols-3 gap-4 print-item-container\">\n <div class=\"md:col-span-1\">\n <label class=\"font-semibold print-item-label\">\u0627\u0644\u0627\u0633\u062a\u0645\u0627\u0639 \u0648\u0627\u0644\u0641\u0647\u0645<\/label>\n <p class=\"text-sm text-gray-600\">\u0647\u0644 \u064a\u0642\u0636\u0648\u0646 \u0648\u0642\u062a\u0627\u064b \u0643\u0627\u0641\u064a\u0627\u064b \u0641\u064a \u0627\u0644\u0627\u0633\u062a\u0645\u0627\u0639 \u0644\u0643 \u0648\u0641\u0647\u0645 \u0623\u0647\u062f\u0627\u0641\u0643\u061f<\/p>\n <\/div>\n <div class=\"md:col-span-1 flex items-center space-x-2 space-x-reverse no-print\">\n <input type=\"range\" min=\"0\" max=\"5\" value=\"0\" class=\"score-slider w-full\" data-label=\"\u0627\u0644\u0627\u0633\u062a\u0645\u0627\u0639 \u0648\u0627\u0644\u0641\u0647\u0645\">\n <span class=\"score-display font-bold text-lg text-[#fdd85d] w-4 text-center\">0<\/span>\n <\/div>\n <div class=\"md:col-span-1\">\n <textarea class=\"notes-input w-full p-2 border border-black rounded-lg text-sm no-print\" rows=\"2\" placeholder=\"\u0645\u0644\u0627\u062d\u0638\u0627\u062a...\"><\/textarea>\n <div class=\"hidden print-item-details\">\n <span class=\"print-item-score\">0\/5<\/span>\n <div class=\"print-item-notes\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"criterion-item grid grid-cols-1 md:grid-cols-3 gap-4 print-item-container\">\n <div class=\"md:col-span-1\">\n <label class=\"font-semibold print-item-label\">\u062a\u062d\u062f\u064a\u062f \u0645\u0642\u0627\u064a\u064a\u0633 \u0627\u0644\u0646\u062c\u0627\u062d (KPIs)<\/label>\n <p class=\"text-sm text-gray-600\">\u0647\u0644 \u064a\u0631\u0628\u0637\u0648\u0646 \u0639\u0645\u0644\u0647\u0645 \u0628\u0623\u0647\u062f\u0627\u0641 \u0639\u0645\u0644\u0643 \u0648\u0645\u0642\u0627\u064a\u064a\u0633 \u0648\u0627\u0636\u062d\u0629\u061f<\/p>\n <\/div>\n <div class=\"md:col-span-1 flex items-center space-x-2 space-x-reverse no-print\">\n <input type=\"range\" min=\"0\" max=\"5\" value=\"0\" class=\"score-slider w-full\" data-label=\"\u062a\u062d\u062f\u064a\u062f \u0645\u0642\u0627\u064a\u064a\u0633 \u0627\u0644\u0646\u062c\u0627\u062d (KPIs)\">\n <span class=\"score-display font-bold text-lg text-[#fdd85d] w-4 text-center\">0<\/span>\n <\/div>\n <div class=\"md:col-span-1\">\n <textarea class=\"notes-input w-full p-2 border border-black rounded-lg text-sm no-print\" rows=\"2\" placeholder=\"\u0645\u0644\u0627\u062d\u0638\u0627\u062a...\"><\/textarea>\n <div class=\"hidden print-item-details\">\n <span class=\"print-item-score\">0\/5<\/span>\n <div class=\"print-item-notes\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"criterion-item grid grid-cols-1 md:grid-cols-3 gap-4 print-item-container\">\n <div class=\"md:col-span-1\">\n <label class=\"font-semibold print-item-label\">\u0622\u0644\u064a\u0629 \u0627\u0644\u062a\u0642\u0627\u0631\u064a\u0631 \u0648\u0627\u0644\u062a\u0648\u0627\u0635\u0644<\/label>\n <p class=\"text-sm text-gray-600\">\u0648\u0636\u0648\u062d \u0622\u0644\u064a\u0629 \u0648\u062c\u062f\u0648\u0644 \u0627\u0644\u062a\u0642\u0627\u0631\u064a\u0631 \u0648\u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0627\u0644\u062f\u0648\u0631\u064a.<\/p>\n <\/div>\n <div class=\"md:col-span-1 flex items-center space-x-2 space-x-reverse no-print\">\n <input type=\"range\" min=\"0\" max=\"5\" value=\"0\" class=\"score-slider w-full\" data-label=\"\u0622\u0644\u064a\u0629 \u0627\u0644\u062a\u0642\u0627\u0631\u064a\u0631 \u0648\u0627\u0644\u062a\u0648\u0627\u0635\u0644\">\n <span class=\"score-display font-bold text-lg text-[#fdd85d] w-4 text-center\">0<\/span>\n <\/div>\n <div class=\"md:col-span-1\">\n <textarea class=\"notes-input w-full p-2 border border-black rounded-lg text-sm no-print\" rows=\"2\" placeholder=\"\u0645\u0644\u0627\u062d\u0638\u0627\u062a...\"><\/textarea>\n <div class=\"hidden print-item-details\">\n <span class=\"print-item-score\">0\/5<\/span>\n <div class=\"print-item-notes\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/details>\n\n \n <details open class=\"mb-4 bg-white rounded-lg shadow-sm border border-black print-section\">\n <summary class=\"text-xl font-bold cursor-pointer p-4 text-black no-print\">\n 4. \u062a\u062c\u0646\u0628 \u0627\u0644\u0639\u0644\u0627\u0645\u0627\u062a \u0627\u0644\u062d\u0645\u0631\u0627\u0621 (0 = \u0633\u064a\u0621, 5 = \u0645\u0645\u062a\u0627\u0632)\n <\/summary>\n <h2 class=\"hidden print-section-header text-2xl font-bold mb-2\">4. \u062a\u062c\u0646\u0628 \u0627\u0644\u0639\u0644\u0627\u0645\u0627\u062a \u0627\u0644\u062d\u0645\u0631\u0627\u0621<\/h2>\n <div class=\"p-4 bg-gray-100 rounded-b-lg space-y-6\">\n \n <div class=\"criterion-item grid grid-cols-1 md:grid-cols-3 gap-4 print-item-container\">\n <div class=\"md:col-span-1\">\n <label class=\"font-semibold print-item-label\">\u0627\u0644\u0648\u0627\u0642\u0639\u064a\u0629 \u0641\u064a \u0627\u0644\u0648\u0639\u0648\u062f<\/label>\n <p class=\"text-sm text-gray-600\">0 = \u064a\u0642\u062f\u0645 \u0636\u0645\u0627\u0646\u0627\u062a \u0645\u0633\u062a\u062d\u064a\u0644\u0629. 5 = \u0648\u0627\u0642\u0639\u064a \u0648\u0635\u0627\u062f\u0642.<\/p>\n <\/div>\n <div class=\"md:col-span-1 flex items-center space-x-2 space-x-reverse no-print\">\n <input type=\"range\" min=\"0\" max=\"5\" value=\"0\" class=\"score-slider w-full\" data-label=\"\u0627\u0644\u0648\u0627\u0642\u0639\u064a\u0629 \u0641\u064a \u0627\u0644\u0648\u0639\u0648\u062f\">\n <span class=\"score-display font-bold text-lg text-[#fdd85d] w-4 text-center\">0<\/span>\n <\/div>\n <div class=\"md:col-span-1\">\n <textarea class=\"notes-input w-full p-2 border border-black rounded-lg text-sm no-print\" rows=\"2\" placeholder=\"\u0645\u0644\u0627\u062d\u0638\u0627\u062a...\"><\/textarea>\n <div class=\"hidden print-item-details\">\n <span class=\"print-item-score\">0\/5<\/span>\n <div class=\"print-item-notes\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"criterion-item grid grid-cols-1 md:grid-cols-3 gap-4 print-item-container\">\n <div class=\"md:col-span-1\">\n <label class=\"font-semibold print-item-label\">\u0627\u0644\u0648\u0636\u0648\u062d \u0641\u064a \u0627\u0644\u0625\u062c\u0627\u0628\u0627\u062a<\/label>\n <p class=\"text-sm text-gray-600\">0 = \u0625\u062c\u0627\u0628\u0627\u062a \u063a\u0627\u0645\u0636\u0629. 5 = \u0625\u062c\u0627\u0628\u0627\u062a \u0648\u0627\u0636\u062d\u0629 \u0648\u0645\u0628\u0627\u0634\u0631\u0629.<\/p>\n <\/div>\n <div class=\"md:col-span-1 flex items-center space-x-2 space-x-reverse no-print\">\n <input type=\"range\" min=\"0\" max=\"5\" value=\"0\" class=\"score-slider w-full\" data-label=\"\u0627\u0644\u0648\u0636\u0648\u062d \u0641\u064a \u0627\u0644\u0625\u062c\u0627\u0628\u0627\u062a\">\n <span class=\"score-display font-bold text-lg text-[#fdd85d] w-4 text-center\">0<\/span>\n <\/div>\n <div class=\"md:col-span-1\">\n <textarea class=\"notes-input w-full p-2 border border-black rounded-lg text-sm no-print\" rows=\"2\" placeholder=\"\u0645\u0644\u0627\u062d\u0638\u0627\u062a...\"><\/textarea>\n <div class=\"hidden print-item-details\">\n <span class=\"print-item-score\">0\/5<\/span>\n <div class=\"print-item-notes\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"criterion-item grid grid-cols-1 md:grid-cols-3 gap-4 print-item-container\">\n <div class=\"md:col-span-1\">\n <label class=\"font-semibold print-item-label\">\u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0639\u0644\u0649 \u0627\u0644\u0623\u0647\u062f\u0627\u0641<\/label>\n <p class=\"text-sm text-gray-600\">0 = \u064a\u0631\u0643\u0632 \u0639\u0644\u0649 \u0627\u0644\u0623\u062f\u0648\u0627\u062a. 5 = \u064a\u0631\u0643\u0632 \u0639\u0644\u0649 \u0623\u0647\u062f\u0627\u0641 \u0639\u0645\u0644\u0643.<\/p>\n <\/div>\n <div class=\"md:col-span-1 flex items-center space-x-2 space-x-reverse no-print\">\n <input type=\"range\" min=\"0\" max=\"5\" value=\"0\" class=\"score-slider w-full\" data-label=\"\u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0639\u0644\u0649 \u0627\u0644\u0623\u0647\u062f\u0627\u0641\">\n <span class=\"score-display font-bold text-lg text-[#fdd85d] w-4 text-center\">0<\/span>\n <\/div>\n <div class=\"md:col-span-1\">\n <textarea class=\"notes-input w-full p-2 border border-black rounded-lg text-sm no-print\" rows=\"2\" placeholder=\"\u0645\u0644\u0627\u062d\u0638\u0627\u062a...\"><\/textarea>\n <div class=\"hidden print-item-details\">\n <span class=\"print-item-score\">0\/5<\/span>\n <div class=\"print-item-notes\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/details>\n\n <\/div>\n\n \n <div id=\"print-summary\" class=\"hidden print-summary\">\n <h2>\u0645\u0644\u062e\u0635 \u0627\u0644\u062a\u0642\u064a\u064a\u0645<\/h2>\n <p id=\"print-summary-text\" class=\"text-lg\"><\/p>\n <\/div>\n\n \n <footer class=\"text-center p-4 text-gray-500 text-sm no-print mt-8 border-t border-black\">\n Copyright \u00a9 2020:2025 – Marketing Coach | Eslam Rashad\n <\/footer>\n <\/div>\n\n \n <div id=\"results-footer\" class=\"sticky bottom-0 left-0 w-full bg-white border-t border-black p-4 shadow-[0_-4px_6px_-1px_rgba(0,0,0,0.1)] no-print\">\n <div class=\"max-w-4xl mx-auto flex flex-col sm:flex-row justify-between items-center text-center sm:text-right\">\n <div class=\"mb-2 sm:mb-0\">\n <h3 class=\"text-lg font-bold text-gray-900\">\u0627\u0644\u0646\u062a\u064a\u062c\u0629 \u0627\u0644\u0625\u062c\u0645\u0627\u0644\u064a\u0629 \u0644\u0644\u062a\u0642\u064a\u064a\u0645<\/h3>\n <p id=\"summary-text\" class=\"text-base text-gray-600\">\u0627\u0628\u062f\u0623 \u0627\u0644\u062a\u0642\u064a\u064a\u0645 \u0644\u062d\u0633\u0627\u0628 \u0627\u0644\u0646\u062a\u064a\u062c\u0629…<\/p>\n <\/div>\n <div class=\"flex items-center space-x-4 space-x-reverse\">\n <div id=\"total-percentage\" class=\"text-5xl font-bold text-gray-400\">0%<\/div>\n <div class=\"text-right\">\n <span id=\"total-score\" class=\"text-lg font-medium text-gray-500\">0<\/span>\n <span class=\"text-gray-500\">\/<\/span>\n <span id=\"max-score\" class=\"text-lg font-medium text-gray-500\">60<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n document.addEventListener('DOMContentLoaded', () => {\n \/\/ \u062c\u0644\u0628 \u0627\u0644\u0639\u0646\u0627\u0635\u0631\n const sliders = document.querySelectorAll('.score-slider');\n const totalPercentageDisplay = document.getElementById('total-percentage');\n const summaryText = document.getElementById('summary-text');\n const totalScoreDisplay = document.getElementById('total-score');\n const maxScoreDisplay = document.getElementById('max-score');\n const agencyNameInput = document.getElementById('agency-name');\n const printAgencyName = document.getElementById('print-agency-name');\n const printSummaryText = document.getElementById('print-summary-text');\n\n \/\/ \u0625\u0639\u062f\u0627\u062f \u0627\u0644\u0635\u0648\u062a\n const synth = new Tone.Synth().toDestination();\n synth.volume.value = -10; \/\/ Make it 10dB quieter\n function playSound() {\n \/\/ \u0628\u062f\u0621 \u0633\u064a\u0627\u0642 \u0627\u0644\u0635\u0648\u062a (\u0636\u0631\u0648\u0631\u064a \u0641\u064a \u0627\u0644\u0645\u062a\u0635\u0641\u062d\u0627\u062a \u0627\u0644\u062d\u062f\u064a\u062b\u0629)\n Tone.start().then(() => {\n const now = Tone.now();\n \/\/ Classic \"Tri-tone\" sound, softer\n synth.triggerAttackRelease(\"G#4\", \"8n\", now);\n synth.triggerAttackRelease(\"B4\", \"8n\", now + 0.1);\n synth.triggerAttackRelease(\"D#5\", \"8n\", now + 0.2);\n }).catch(e => {\n console.warn(\"Audio context not started:\", e);\n });\n }\n\n const maxScorePerItem = 5;\n const totalPossibleScore = sliders.length * maxScorePerItem;\n maxScoreDisplay.textContent = totalPossibleScore;\n\n \/\/ \u062f\u0627\u0644\u0629 \u062d\u0633\u0627\u0628 \u0648\u062a\u062d\u062f\u064a\u062b \u0627\u0644\u0646\u062a\u064a\u062c\u0629\n function calculateAndDisplayScore() {\n let currentScore = 0;\n\n sliders.forEach(slider => {\n const value = slider.valueAsNumber;\n currentScore += value;\n \/\/ \u062a\u062d\u062f\u064a\u062b \u0627\u0644\u0631\u0642\u0645 \u0628\u062c\u0627\u0646\u0628 \u0627\u0644\u0633\u0644\u0627\u064a\u062f\u0631\n slider.nextElementSibling.textContent = value;\n });\n\n \/\/ \u062d\u0633\u0627\u0628 \u0627\u0644\u0646\u0633\u0628\u0629\n const percentage = (currentScore \/ totalPossibleScore) * 100;\n \n \/\/ \u062a\u062d\u062f\u064a\u062b \u0627\u0644\u0639\u0631\u0636\n totalScoreDisplay.textContent = currentScore;\n totalPercentageDisplay.textContent = `${percentage.toFixed(0)}%`;\n\n \/\/ \u062a\u062d\u062f\u064a\u062b \u0644\u0648\u0646 \u0648\u0631\u0633\u0627\u0644\u0629 \u0627\u0644\u0645\u0644\u062e\u0635\n let summaryMessage = '';\n let summaryColorClass = '';\n\n if (percentage >= 90) {\n summaryMessage = '\u0634\u0631\u064a\u0643 \u0645\u0645\u062a\u0627\u0632. \u064a\u0628\u062f\u0648 \u062e\u064a\u0627\u0631\u0627\u064b \u0631\u0627\u0626\u0639\u0627\u064b!';\n summaryColorClass = 'text-[#fdd85d]';\n } else if (percentage >= 75) {\n summaryMessage = '\u062c\u064a\u062f \u062c\u062f\u0627\u064b. \u0646\u0642\u0627\u0637 \u0642\u0648\u0629 \u0648\u0627\u0636\u062d\u0629 \u0645\u0639 \u0628\u0639\u0636 \u0627\u0644\u062c\u0648\u0627\u0646\u0628 \u0644\u0644\u0645\u0646\u0627\u0642\u0634\u0629.';\n summaryColorClass = 'text-[#fdd85d]';\n } else if (percentage >= 50) {\n summaryMessage = '\u0645\u0642\u0628\u0648\u0644. \u064a\u062d\u062a\u0627\u062c \u0644\u0645\u0631\u0627\u062c\u0639\u0629 \u0627\u0644\u0646\u0642\u0627\u0637 \u0627\u0644\u0636\u0639\u064a\u0641\u0629 \u0628\u0639\u0646\u0627\u064a\u0629.';\n summaryColorClass = 'text-yellow-600';\n } else if (percentage > 0) {\n summaryMessage = '\u0636\u0639\u064a\u0641. \u062a\u0648\u062c\u062f \u0639\u0644\u0627\u0645\u0627\u062a \u062d\u0645\u0631\u0627\u0621 \u0648\u0627\u0636\u062d\u0629\u060c \u064a\u0646\u0635\u062d \u0628\u0627\u0644\u062d\u0630\u0631.';\n summaryColorClass = 'text-red-500';\n } else {\n summaryMessage = '\u0627\u0628\u062f\u0623 \u0627\u0644\u062a\u0642\u064a\u064a\u0645 \u0644\u062d\u0633\u0627\u0628 \u0627\u0644\u0646\u062a\u064a\u062c\u0629...';\n summaryColorClass = 'text-gray-400';\n }\n\n summaryText.textContent = summaryMessage;\n printSummaryText.textContent = `\u0627\u0644\u0646\u062a\u064a\u062c\u0629 \u0627\u0644\u0625\u062c\u0645\u0627\u0644\u064a\u0629: ${percentage.toFixed(0)}%. \u0627\u0644\u062a\u0642\u064a\u064a\u0645: ${summaryMessage}`;\n \n \/\/ \u0625\u0632\u0627\u0644\u0629 \u0627\u0644\u0623\u0644\u0648\u0627\u0646 \u0627\u0644\u0642\u062f\u064a\u0645\u0629 \u0648\u0625\u0636\u0627\u0641\u0629 \u0627\u0644\u062c\u062f\u064a\u062f\n totalPercentageDisplay.classList.remove('text-[#fdd85d]', 'text-yellow-600', 'text-red-500', 'text-gray-400');\n totalPercentageDisplay.classList.add(summaryColorClass);\n }\n\n \/\/ \u0631\u0628\u0637 \u0627\u0644\u0645\u0633\u062a\u0645\u0639\u064a\u0646\n sliders.forEach(slider => {\n slider.addEventListener('input', calculateAndDisplayScore);\n slider.addEventListener('change', playSound); \/\/ \u062a\u0634\u063a\u064a\u0644 \u0627\u0644\u0635\u0648\u062a \u0639\u0646\u062f \u0627\u0644\u0627\u0646\u062a\u0647\u0627\u0621\n });\n\n \/\/ \u062a\u062d\u062f\u064a\u062b \u0627\u0633\u0645 \u0627\u0644\u0634\u0631\u0643\u0629 \u0644\u0644\u0637\u0628\u0627\u0639\u0629\n agencyNameInput.addEventListener('input', (e) => {\n printAgencyName.textContent = `\u0644\u0634\u0631\u0643\u0629: ${e.target.value}`;\n });\n\n \/\/ \u0625\u0639\u062f\u0627\u062f \u0627\u0644\u062a\u0642\u0631\u064a\u0631 \u0644\u0644\u0637\u0628\u0627\u0639\u0629\n window.addEventListener('beforeprint', () => {\n document.querySelectorAll('.criterion-item').forEach(item => {\n const label = item.querySelector('.print-item-label').textContent;\n const slider = item.querySelector('.score-slider');\n const notes = item.querySelector('.notes-input').value;\n \n const score = slider.value;\n const printDetails = item.querySelector('.print-item-details');\n const printItemContainer = item.querySelector('.print-item-container');\n\n \/\/ \u0628\u0646\u0627\u0621 HTML \u0644\u0644\u0637\u0628\u0627\u0639\u0629\n const printHTML = `\n <div class=\"print-item\">\n <span class=\"print-item-label\">${label}<\/span>\n <span class=\"print-item-score\">${score} \/ 5<\/span>\n <\/div>\n ${notes ? `<div class=\"print-item-notes\">${notes}<\/div>` : ''}\n `;\n \n \/\/ \u0625\u062e\u0641\u0627\u0621 \u0627\u0644\u0639\u0646\u0627\u0635\u0631 \u0627\u0644\u0623\u0635\u0644\u064a\u0629 \u0648\u0625\u0638\u0647\u0627\u0631 \u0646\u0633\u062e\u0629 \u0627\u0644\u0637\u0628\u0627\u0639\u0629\n item.querySelector('.md\\\\:col-span-1').style.display = 'none'; \/\/ \u0625\u062e\u0641\u0627\u0621 \u0627\u0644\u0648\u0635\u0641 \u0648\u0627\u0644\u0633\u0644\u0627\u064a\u062f\u0631\n item.querySelector('.notes-input').style.display = 'none'; \/\/ \u0625\u062e\u0641\u0627\u0621 \u062d\u0642\u0644 \u0627\u0644\u0645\u0644\u0627\u062d\u0638\u0627\u062a\n printDetails.innerHTML = printHTML;\n printDetails.classList.remove('hidden');\n });\n });\n\n \/\/ \u0627\u0633\u062a\u0639\u0627\u062f\u0629 \u0627\u0644\u0648\u0636\u0639 \u0628\u0639\u062f \u0627\u0644\u0637\u0628\u0627\u0639\u0629\n window.addEventListener('afterprint', () => {\n document.querySelectorAll('.criterion-item').forEach(item => {\n item.querySelector('.md\\\\:col-span-1').style.display = 'block';\n item.querySelector('.notes-input').style.display = 'block';\n item.querySelector('.print-item-details').classList.add('hidden');\n item.querySelector('.print-item-details').innerHTML = ''; \/\/ \u062a\u0646\u0638\u064a\u0641 \u0627\u0644\u0645\u062d\u062a\u0648\u0649\n });\n });\n\n \/\/ \u0627\u0644\u062d\u0633\u0627\u0628 \u0627\u0644\u0623\u0648\u0644\u064a \u0639\u0646\u062f \u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0635\u0641\u062d\u0629\n calculateAndDisplayScore();\n });\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u062a\u0642\u0631\u064a\u0631 \u062a\u0642\u064a\u064a\u0645 \u0634\u0631\u0643\u0629 \u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u062a\u0642\u0631\u064a\u0631 \u062a\u0642\u064a\u064a\u0645 \u0634\u0631\u0643\u0629 \u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u062a\u0642\u0631\u064a\u0631 \u062a\u0642\u064a\u064a\u0645 \u0634\u0631\u0643\u0629 \u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0637\u0628\u0627\u0639\u0629 \u0627\u0644\u062a\u0642\u0631\u064a\u0631 \u0627\u0633\u062a\u062e\u062f\u0645 \u0647\u0630\u0647 \u0627\u0644\u0623\u062f\u0627\u0629 \u0644\u062a\u0642\u064a\u064a\u0645 \u0634\u0631\u0643\u0627\u062a \u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0627\u0644\u0645\u062d\u062a\u0645\u0644\u0629 \u0628\u0646\u0627\u0621\u064b \u0639\u0644\u0649 \u0627\u0644\u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629. \u0623\u0639\u0637\u0650 \u062f\u0631\u062c\u0629 \u0645\u0646 0 (\u0633\u064a\u0621 \u062c\u062f\u0627\u064b) \u0625\u0644\u0649 5 (\u0645\u0645\u062a\u0627\u0632) \u0644\u0643\u0644 \u0645\u0639\u064a\u0627\u0631. \u0627\u0633\u0645 \u0634\u0631\u0643\u0629 \u0627\u0644\u062a\u0633\u0648\u064a\u0642: 1. \u0627\u0644\u062e\u0628\u0631\u0629 \u0648\u0627\u0644\u0633\u0645\u0639\u0629 1. \u0627\u0644\u062e\u0628\u0631\u0629 \u0648\u0627\u0644\u0633\u0645\u0639\u0629 \u062f\u0631\u0627\u0633\u0627\u062a \u0627\u0644\u062d\u0627\u0644\u0629 \u0645\u062f\u0649 \u062a\u0641\u0635\u064a\u0644 \u0648\u0635\u0644\u0629 \u062f\u0631\u0627\u0633\u0627\u062a \u0627\u0644\u062d\u0627\u0644\u0629 \u0627\u0644\u0645\u0642\u062f\u0645\u0629 \u0628\u0645\u062c\u0627\u0644\u0643. 0 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[17],"class_list":["post-593","post","type-post","status-publish","format-standard","hentry","category-marketing-transparency-tools","tag-17"],"blocksy_meta":[],"brizy_media":[],"_links":{"self":[{"href":"https:\/\/marketing-coaching.uk\/en\/wp-json\/wp\/v2\/posts\/593","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/marketing-coaching.uk\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/marketing-coaching.uk\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/marketing-coaching.uk\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/marketing-coaching.uk\/en\/wp-json\/wp\/v2\/comments?post=593"}],"version-history":[{"count":0,"href":"https:\/\/marketing-coaching.uk\/en\/wp-json\/wp\/v2\/posts\/593\/revisions"}],"wp:attachment":[{"href":"https:\/\/marketing-coaching.uk\/en\/wp-json\/wp\/v2\/media?parent=593"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/marketing-coaching.uk\/en\/wp-json\/wp\/v2\/categories?post=593"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/marketing-coaching.uk\/en\/wp-json\/wp\/v2\/tags?post=593"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}