From 2ffa171e4841b35ad65d3307674f2f4d9156befe Mon Sep 17 00:00:00 2001
From: Alex55 <info@xander.cx.ua>
Date: Wed, 23 Apr 2025 18:23:30 +0300
Subject: [PATCH] =?UTF-8?q?=D0=9E=D0=B1=D0=BD=D0=BE=D0=B2=D0=B8=D1=82?=
 =?UTF-8?q?=D1=8C=20templates/modal.html?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 templates/modal.html | 39 +++++++++++++++++++++++++++++++++++++--
 1 file changed, 37 insertions(+), 2 deletions(-)

diff --git a/templates/modal.html b/templates/modal.html
index 25195c1..77e6e99 100644
--- a/templates/modal.html
+++ b/templates/modal.html
@@ -1,7 +1,7 @@
 <!-- Модальное окно -->
 <div id="client-modal" class="fixed inset-0 hidden bg-gray-800 bg-opacity-75 flex items-center justify-center z-50 overflow-y-auto">
     <div class="bg-white rounded-lg p-6 w-11/12 max-w-6xl h-5/6 max-h-screen relative shadow-2xl flex flex-col">
-        <span id="close-modal" class="absolute top-2 right-4 text-xl cursor-pointer">&times;</span>
+        <span id="close-modal" class="absolute top-2 right-4 text-xl cursor-pointer"></span>
         <h2 class="modal__content text-xl font-bold mb-4">Client Details</h2>
         <div class="post intro-y overflow-hidden box mt-2 flex-1 overflow-y-auto">
             <div class="post__tabs nav-tabs flex flex-col sm:flex-row bg-gray-200 text-gray-600">
@@ -95,9 +95,11 @@
                                 </div>
                                 <div class="intro-y box p-4">
                                     <div class="font-medium text-lg">Legal Status</div>
+                                    <span id="output"></span>
                                 </div>
                                 <div class="intro-y box p-4">
                                     <div class="font-medium text-lg">Equal Opportunity</div>
+                                    <span id="equal"></span>
                                 </div>
                             </div>
                         </div>
@@ -129,7 +131,40 @@ document.addEventListener("DOMContentLoaded", () => {
                 .then(response => response.json())
                 .then(data => {
                     console.log("Ответ от сервера:", data);
-                    
+
+
+                    const getYesNo = val => val === "autorization-yes" ? "yes" : "no";
+
+                    const lines = [
+                        `Are you authorized to work in the US? ${getYesNo(data.autorization)}`,
+                        `Will you now or in the future require sponsorship for employment visa status? ${getYesNo(data.sponsorship)}`,
+                        `Are you authorized to work in Canada? ${getYesNo(data.autorization_canada)}`,
+                    ];
+
+                    if (data.autorization_canada === "autorization-yes") {
+                        lines.push(`(If Yes) What is your status in Canada? ${data["status-Canada"]}`);
+                    }
+
+                    lines.push(`Are you authorized to work in the United Kingdom? ${getYesNo(data.autorization_uk)}`);
+
+                    document.getElementById("output").innerHTML = lines.join("<br>");
+
+                    const equalLines = [];
+
+                    if (data["ethnicity-no-answer"] !== "on") {
+                        equalLines.push(`What's your ethnicity? ${data.ethnicity}`);
+                    }
+
+                    if (data["gender-no-answer"] !== "on") {
+                        equalLines.push(`What's your gender? ${data.gender}`);
+                    }
+
+                    equalLines.push(`Do you have a disability? ${data.disability}`);
+                    equalLines.push(`Are you a veteran? ${data.veteran}`);
+
+                    document.getElementById("equal").innerHTML = equalLines.join("<br>");
+
+
                     const education = data.education_list?.map(item => {
                         return `
                             <div class="mb-4">