From 43a4f93bb3be29e15f800fca87b60b98892a7e40 Mon Sep 17 00:00:00 2001
From: Dobromir Popov <d-popov@abv.bg>
Date: Fri, 3 May 2024 21:18:08 +0300
Subject: [PATCH] email subscription labels update

---
 components/publisher/PublisherForm.js | 58 ++++++++++++++++++++++-----
 1 file changed, 49 insertions(+), 9 deletions(-)

diff --git a/components/publisher/PublisherForm.js b/components/publisher/PublisherForm.js
index 1635270..fc4b42f 100644
--- a/components/publisher/PublisherForm.js
+++ b/components/publisher/PublisherForm.js
@@ -246,15 +246,54 @@ export default function PublisherForm({ item, me }) {
               <label className="label" htmlFor="town">Град</label>
               <input type="text" id="town" name="town" value={publisher.town} onChange={handleChange} className="textbox" placeholder="Град" autoFocus />
             </div>
-            <div className="mb-4">
-              {/* notifications */}
-              <div className="form-check">
-                <input className="checkbox" type="checkbox" id="isSubscribedToCoverMe" name="isSubscribedToCoverMe" onChange={handleChange} checked={publisher.isSubscribedToCoverMe} autoComplete="off" />
-                <label className="label" htmlFor="isSubscribedToCoverMe">Абониран за имейли за заместване</label>
-                <input className="checkbox" type="checkbox" id="isSubscribedToReminders" name="isSubscribedToReminders" onChange={handleChange} checked={publisher.isSubscribedToReminders} autoComplete="off" />
-                <label className="label" htmlFor="isSubscribedToReminders">Абониран за напомняния (имейл)</label>
-                {/* prompt to install PWA */}
-              </div>
+
+            {/* notifications */}
+            <div className="mb-6 p-4 border border-gray-300 rounded-lg">
+              <fieldset>
+                <legend className="text-lg font-medium mb-2">Известия по имейл</legend>
+                <div className="space-y-4">
+                  <div className="form-check">
+                    <input
+                      className="checkbox cursor-not-allowed opacity-50"
+                      type="checkbox"
+                      id="isSubscribedToCoverMeMandatory"
+                      name="isSubscribedToCoverMeMandatory"
+                      onChange={handleChange} // This will not fire due to being disabled, but kept for consistency
+                      checked={true} // Always checked
+                      disabled={true} // User cannot change this field
+                      autoComplete="off" />
+                    <label className="label cursor-not-allowed opacity-50" htmlFor="isSubscribedToCoverMeMandatory">
+                      Имейли за заместване които отговарят на моите предпочитания
+                    </label>
+                  </div>
+                  <div className="form-check">
+                    <input
+                      className="checkbox"
+                      type="checkbox"
+                      id="isSubscribedToCoverMe"
+                      name="isSubscribedToCoverMe"
+                      onChange={handleChange}
+                      checked={publisher.isSubscribedToCoverMe}
+                      autoComplete="off" />
+                    <label className="label" htmlFor="isSubscribedToCoverMe">
+                      Всички заявки за заместване
+                    </label>
+                  </div>
+                  <div className="form-check">
+                    <input
+                      className="checkbox"
+                      type="checkbox"
+                      id="isSubscribedToReminders"
+                      name="isSubscribedToReminders"
+                      onChange={handleChange}
+                      checked={publisher.isSubscribedToReminders}
+                      autoComplete="off" />
+                    <label className="label" htmlFor="isSubscribedToReminders">
+                      Други напомняния
+                    </label>
+                  </div>
+                </div>
+              </fieldset>
             </div>
 
             {/* button to install PWA */}
@@ -267,6 +306,7 @@ export default function PublisherForm({ item, me }) {
             {/* ADMINISTRATORS ONLY */}
             <ProtectedRoute allowedRoles={[UserRole.ADMIN]} deniedMessage=" " className="">
               <div className="border border-blue-500 border-solid p-2">
+                {/* prompt to install PWA */}
                 <PwaManager />
                 <div className="mb-4">
                   <label className="label" htmlFor="type">Тип</label>