Rework admin panel and other

resources/js/componentss/shared/builder/formBuilder/FormBuilder.vue

@@ -1,176 +1,249 @@
 <template>
-	<div v-if="success" class="bg-teal-50 border-t-2 border-teal-500 rounded-lg p-4 dark:bg-teal-800/30" role="alert" tabindex="-1" aria-labelledby="hs-bordered-success-style-label">
-		<div class="flex">
-			<div class="shrink-0">
-				<!-- Icon -->
-				<span class="inline-flex justify-center items-center size-8 rounded-full border-4 border-teal-100 bg-teal-200 text-teal-800 dark:border-teal-900 dark:bg-teal-800 dark:text-teal-400">
+  <div v-if="success" class="bg-teal-50 border-t-2 border-teal-500 rounded-lg p-4 dark:bg-teal-800/30" role="alert" tabindex="-1" aria-labelledby="hs-bordered-success-style-label">
+    <div class="flex">
+      <div class="shrink-0">
+        <span class="inline-flex justify-center items-center size-8 rounded-full border-4 border-teal-100 bg-teal-200 text-teal-800 dark:border-teal-900 dark:bg-teal-800 dark:text-teal-400">
           <svg class="shrink-0 size-4" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
             <path d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10z"></path>
             <path d="m9 12 2 2 4-4"></path>
           </svg>
         </span>
-				<!-- End Icon -->
-			</div>
-			<div class="ms-3">
-				<h3 id="hs-bordered-success-style-label" class="text-gray-800 font-semibold dark:text-white">
-					Успешно отправлено!
-				</h3>
-				<p class="text-sm text-gray-700 dark:text-neutral-400">
-					{{ message }}
-				</p>
-			</div>
-		</div>
-	</div>
+      </div>
+      <div class="ms-3">
+        <h3 id="hs-bordered-success-style-label" class="text-gray-800 font-semibold dark:text-white">
+          Успешно отправлено!
+        </h3>
+        <p class="text-sm text-gray-700 dark:text-neutral-400">
+          {{ message }}
+        </p>
+      </div>
+    </div>
+  </div>
 
+  <div v-else>
+    <div class="max-w-[85rem] py-5 sm:px-6 lg:px-8 lg:py-7 mx-auto">
+      <div class="mx-auto max-w-2xl">
+        <div class="text-center">
+          <h2 class="text-xl text-gray-800 font-bold sm:text-3xl">
+            {{ blocks.data.title }}
+          </h2>
+        </div>
+        <!-- Card -->
+        <div class="mt-5 p-4 relative z-1000 bg-white border rounded-xl sm:mt-10 md:p-10">
+          <form @submit="submitForm">
+            <component
+                v-for="(block, index) in blocks.data.columns"
+                :key="index"
+                :is="getComponent(block.type)"
+                :block="block"
+                :error="errors && errors[block.data.name_field] ? errors[block.data.name_field] : null"
+            />
 
-	<div v-else class="max-w-[85rem] py-10 sm:px-6 lg:px-8 lg:py-14 mx-auto">
+            <PersonalDataBlock v-if="blocks.data.settings.personal_data" />
+            <CaptchaBlock v-if="blocks.data.settings.captcha" />
 
-		<div class="mx-auto max-w-2xl">
-			<div class="text-center">
-				<h2 class="text-xl text-gray-800 font-bold sm:text-3xl">
-					{{ blocks.data.title }}
-				</h2>
-			</div>
-			<!-- Card -->
-			<div class="mt-5 p-4 relative z-1000 bg-white border rounded-xl sm:mt-10 md:p-10">
-				<form @submit="submitForm">
-					<component
-							v-for="(block, index) in blocks.data.columns"
-							:key="index"
-							:is="getComponent(block.type)"
-							:block="block"
-							:error="errors && errors[block.data.name_field] ? errors[block.data.name_field] : null"
-					/>
-					<SubmitBlock :block="blocks.data.button" />
-				</form>
-			</div>
-			<!-- End Card -->
-		</div>
-	</div>
-
-	<transition name="fade">
-		<SuccessNotification v-if="success" :text="message" />
-	</transition>
+            <div class="mt-6">
+              <button
+                  type="submit"
+                  class="w-full py-3 px-4 inline-flex justify-center items-center gap-x-2 text-sm font-semibold rounded-lg border border-transparent bg-blue-600 text-white hover:bg-blue-700 disabled:opacity-50 disabled:pointer-events-none"
+                  :disabled="!isFormAvailable"
+              >
+                {{ blocks.data.button }}
+              </button>
+              <p v-if="!isFormAvailable" class="mt-2 text-sm text-red-600">
+                {{ availabilityMessage }}
+              </p>
+            </div>
+          </form>
+        </div>
+        <!-- End Card -->
+      </div>
+    </div>
+  </div>
 
+  <transition name="fade">
+    <SuccessNotification v-if="success" :text="message" />
+  </transition>
 </template>
 
 <script>
 import SubmitBlock from "@/componentss/shared/builder/formBuilder/blocks/SubmitBlock.vue";
 import axios from "axios";
-import SuccessNotification from "@/Components/Notifications/SuccessNotification.vue";
+import SuccessNotification from "@/componentss/shared/notifications/SuccessNotification.vue";
 import {defineAsyncComponent} from "vue";
+import PersonalDataBlock from "@/componentss/shared/builder/formBuilder/blocks/PersonalDataBlock.vue";
+import CaptchaBlock from "@/componentss/shared/builder/formBuilder/blocks/CaptchaBlock.vue";
 
 export default {
-	name: "FormBuilder",
-	components: {
-		SuccessNotification,
-		SubmitBlock,
-	},
-	data() {
-		return {
-			formData: {},
-			errors: null,
-			success: false,
-			message: null,
-		};
-	},
+  name: "FormBuilder",
+  components: {
+    CaptchaBlock,
+    PersonalDataBlock,
+    SuccessNotification,
+    SubmitBlock,
+  },
+  data() {
+    return {
+      formData: {},
+      errors: null,
+      success: false,
+      message: null,
+      currentTime: new Date(),
+      timeInterval: null
+    };
+  },
 
-	methods: {
-		getComponent(type) {
-			const componentMap = {
-				text: () => import('@/componentss/shared/builder/formBuilder/blocks/TextBlock.vue'),
-				phone: () => import('@/componentss/shared/builder/formBuilder/blocks/PhoneBlock.vue'),
-				email: () => import('@/componentss/shared/builder/formBuilder/blocks/EmailBlock.vue'),
-				textarea: () => import('@/componentss/shared/builder/formBuilder/blocks/TextAreaBlock.vue'),
-				multiple_choice: () => import('@/componentss/shared/builder/formBuilder/blocks/MultipleChoiceBlock.vue'),
-				single_choice: () => import('@/componentss/shared/builder/formBuilder/blocks/SingleChoiceBlock.vue'),
-				date: () => import('@/componentss/shared/builder/formBuilder/blocks/DateBlock.vue'),
-				additional_education_choice: () => import('@/componentss/shared/builder/formBuilder/blocks/AdditionalEducationalChoiceBlock.vue'),
-				educational_program_choice: () => import('@/componentss/shared/builder/formBuilder/blocks/EducationalChoiceBlock.vue'),
-				captcha: () => import('@/componentss/shared/builder/formBuilder/blocks/CaptchaBlock.vue'),
-				personal_data: () => import('@/componentss/shared/builder/formBuilder/blocks/PersonalDataBlock.vue'),
+  computed: {
+    isFormAvailable() {
+      if (!this.blocks.data.settings.period) return true;
 
-			};
-			return defineAsyncComponent(componentMap[type] || null);
-		},
+      const startTime = new Date(this.blocks.data.settings.period.start_time);
+      const endTime = new Date(this.blocks.data.settings.period.end_time);
 
-		submitForm(event) {
-			event.preventDefault();
-			this.formData = this.getFormData(event.target.elements);
-			this.sendDataToServer();
-		},
+      return this.currentTime >= startTime && this.currentTime <= endTime;
+    },
 
-		getFormData(formElements) {
-			const formData = {};
-			for (let i = 0; i < formElements.length; i++) {
-				const element = formElements[i];
-				if (element.tagName === 'INPUT' || element.tagName === 'TEXTAREA' || element.tagName === 'SELECT') {
-					const fieldName = this.normalizeFieldName(element.name);
+    availabilityMessage() {
+      if (!this.blocks.data.settings.period) return '';
 
-					if (element.tagName === 'INPUT') {
-						if (element.type === 'checkbox') {
-							this.handleCheckbox(formData, fieldName, element);
-						} else if (fieldName && fieldName !== 'choices') {
-							formData[fieldName] = element.value;
-						}
-					} else if (element.tagName === 'TEXTAREA') {
-						formData[fieldName] = element.value;
-					} else if (element.tagName === 'SELECT') {
-						formData[fieldName] = element.value;
-					}
-				}
-			}
-			return formData;
-		},
-		normalizeFieldName(name) {
-			return name.endsWith('[]') ? name.slice(0, -2) : name;
-		},
+      const startTime = new Date(this.blocks.data.settings.period.start_time);
+      const endTime = new Date(this.blocks.data.settings.period.end_time);
 
-		handleCheckbox(formData, fieldName, element) {
-			if (!formData[fieldName]) {
-				formData[fieldName] = [];
-			}
-			if (element.checked) {
-				formData[fieldName].push(element.value);
-			}
-		},
+      if (this.currentTime < startTime) {
+        return `Форма будет доступна с ${this.formatDateTime(startTime)}`;
+      } else if (this.currentTime > endTime) {
+        return `Форма была доступна до ${this.formatDateTime(endTime)}`;
+      }
 
-		sendDataToServer() {
-			axios.post(route('client.widget.form.submit', this.blocks.data.id), this.formData)
-					.then(this.handleResponse)
-					.catch(this.handleError);
-		},
+      return '';
+    }
+  },
 
-		handleResponse(response) {
-			if (response.data.status === 'ok') {
-				this.success = true;
-				this.message = response.data.message;
-				this.errors = null; // Сбрасываем ошибки при успешной отправке
-			}
-		},
+  mounted() {
+    this.updateCurrentTime();
+    this.timeInterval = setInterval(this.updateCurrentTime, 60000);
+  },
 
-		handleError(error) {
-			this.errors = error.response.data || ['Неизвестная ошибка']; // Обработка ошибок
-			this.success = false; // Сбрасываем успешное состояние
-		}
-	},
-	props: {
-		blocks: {
-			type: Object,
-		},
-	},
+  beforeUnmount() {
+    if (this.timeInterval) {
+      clearInterval(this.timeInterval);
+    }
+  },
+
+  methods: {
+    updateCurrentTime() {
+      this.currentTime = new Date();
+    },
+
+    formatDateTime(date) {
+      return date.toLocaleString('ru-RU', {
+        day: '2-digit',
+        month: '2-digit',
+        year: 'numeric',
+        hour: '2-digit',
+        minute: '2-digit'
+      });
+    },
+
+    getComponent(type) {
+      const componentMap = {
+        text: () => import('@/componentss/shared/builder/formBuilder/blocks/TextBlock.vue'),
+        phone: () => import('@/componentss/shared/builder/formBuilder/blocks/PhoneBlock.vue'),
+        email: () => import('@/componentss/shared/builder/formBuilder/blocks/EmailBlock.vue'),
+        textarea: () => import('@/componentss/shared/builder/formBuilder/blocks/TextAreaBlock.vue'),
+        multiple_choice: () => import('@/componentss/shared/builder/formBuilder/blocks/MultipleChoiceBlock.vue'),
+        single_choice: () => import('@/componentss/shared/builder/formBuilder/blocks/SingleChoiceBlock.vue'),
+        date: () => import('@/componentss/shared/builder/formBuilder/blocks/DateBlock.vue'),
+        additional_education_choice: () => import('@/componentss/shared/builder/formBuilder/blocks/AdditionalEducationalChoiceBlock.vue'),
+        educational_program_choice: () => import('@/componentss/shared/builder/formBuilder/blocks/EducationalChoiceBlock.vue'),
+        captcha: () => import('@/componentss/shared/builder/formBuilder/blocks/CaptchaBlock.vue'),
+        personal_data: () => import('@/componentss/shared/builder/formBuilder/blocks/PersonalDataBlock.vue'),
+      };
+      return defineAsyncComponent(componentMap[type] || null);
+    },
+
+    submitForm(event) {
+      if (!this.isFormAvailable) {
+        event.preventDefault();
+        return;
+      }
+      event.preventDefault();
+      this.formData = this.getFormData(event.target.elements);
+      this.sendDataToServer();
+    },
+
+    getFormData(formElements) {
+      const formData = {};
+      for (let i = 0; i < formElements.length; i++) {
+        const element = formElements[i];
+        if (element.tagName === 'INPUT' || element.tagName === 'TEXTAREA' || element.tagName === 'SELECT') {
+          const fieldName = this.normalizeFieldName(element.name);
+
+          if (element.tagName === 'INPUT') {
+            if (element.type === 'checkbox') {
+              this.handleCheckbox(formData, fieldName, element);
+            } else if (fieldName && fieldName !== 'choices') {
+              formData[fieldName] = element.value;
+            }
+          } else if (element.tagName === 'TEXTAREA') {
+            formData[fieldName] = element.value;
+          } else if (element.tagName === 'SELECT') {
+            formData[fieldName] = element.value;
+          }
+        }
+      }
+      return formData;
+    },
+
+    normalizeFieldName(name) {
+      return name.endsWith('[]') ? name.slice(0, -2) : name;
+    },
+
+    handleCheckbox(formData, fieldName, element) {
+      if (!formData[fieldName]) {
+        formData[fieldName] = [];
+      }
+      if (element.checked) {
+        formData[fieldName].push(element.value);
+      }
+    },
+
+    sendDataToServer() {
+      axios.post(route('client.widget.form.submit', this.blocks.data.id), this.formData)
+          .then(this.handleResponse)
+          .catch(this.handleError);
+    },
+
+    handleResponse(response) {
+      if (response.data.status === 'ok') {
+        this.success = true;
+        this.message = response.data.message;
+        this.errors = null;
+      }
+    },
+
+    handleError(error) {
+      this.errors = error.response.data || ['Неизвестная ошибка'];
+      this.success = false;
+    }
+  },
+  props: {
+    blocks: {
+      type: Object,
+    },
+  },
 }
 </script>
 
 <style scoped>
 .fade-enter-active,
 .fade-leave-active {
-	transition: all 0.5s ease;
+  transition: all 0.5s ease;
 }
 
 .fade-enter-from,
 .fade-leave-to {
-	opacity: 0;
-	transform: translateY(30px);
+  opacity: 0;
+  transform: translateY(30px);
 }
 </style>

resources/js/componentss/shared/builder/formBuilder/blocks/CaptchaBlock.vue

@@ -5,9 +5,9 @@
 			<YSmartCaptcha v-model="token" />
 			<!-- Скрытое поле ввода -->
 			<input
+          name="captcha"
 					v-model="inputValue"
-					:required="block.data.rules.required"
-					:name="block.data.name_field"
+					required="required"
 					type="text"
 					class="hidden"
 			/>

resources/js/componentss/shared/builder/formBuilder/blocks/PersonalDataBlock.vue

@@ -1,22 +1,13 @@
 <template>
 	<div class="mb-4 sm:mb-8">
-		<label class="block mb-3 text-sm font-medium">{{ block.data.title_field }}</label>
 		<div class="">
 				<input
 						type="checkbox"
 						required="required"
 						class="shrink-0 mb-0.5 border-gray-200 rounded text-blue-600 focus:ring-blue-500 disabled:opacity-50 disabled:pointer-events-none"
-						:id="block.data.name_field + '-id'">
-			<input
-					:name="block.data.name_field"
-					value="Даю согласие на обработку персональных данных"
-					type="text"
-					class="hidden"
-			/>
-			<label :for="block.data.name_field + '-id'" class="text-sm text-gray-500 ms-2">Даю свое согласие на сбор, обработку, хранение и использование персональных данных в соответствии с <a class="underline text-primaryBlue" target="_blank" href="https://ntspi.ru/upload/824_%D0%9E%D0%B1_%D1%83%D1%82%D0%B2_%D0%9F%D0%BE%D0%BB%D0%B8%D1%82_%D0%BE%D0%B1%D1%80_%D0%B7%D0%B0%D1%89%D0%B8%D1%82_%D0%BF%D0%B5%D1%80%D1%81_%D0%B4%D0%B0%D0%BD.pdf">Пользовательским соглашением</a> </label>
+						id="personal-data-id">
+			<label for="personal-data-id" class="text-sm text-gray-500 ms-2">Даю свое согласие на сбор, обработку, хранение и использование персональных данных в соответствии с <a class="underline text-primaryBlue" target="_blank" href="https://ntspi.ru/upload/824_%D0%9E%D0%B1_%D1%83%D1%82%D0%B2_%D0%9F%D0%BE%D0%BB%D0%B8%D1%82_%D0%BE%D0%B1%D1%80_%D0%B7%D0%B0%D1%89%D0%B8%D1%82_%D0%BF%D0%B5%D1%80%D1%81_%D0%B4%D0%B0%D0%BD.pdf">Пользовательским соглашением</a> </label>
 		</div>
-		<p v-if="!error" class="mt-2 text-sm text-gray-500" id="hs-input-helper-text">{{ block.data.description }}</p>
-		<p v-for="item in error" class="text-sm text-red-600 mt-2" id="hs-validation-name-error-helper">{{ item }}</p>
 	</div>
 
 
@@ -32,13 +23,6 @@ export default {
 	},
 	methods: {},
 	props: {
-		block: {
-			type: Object,
-		},
-		error: {
-			type: Object,
-		}
-
 	},
 }
 </script>

resources/js/componentss/shared/builder/pageBuilder/blocks/FormBlock.vue

@@ -7,17 +7,49 @@
 		</div>
 	</div>
 	<div v-else>
-		<FormBuilder :blocks="form" />
-	</div>
+
+    <div v-if="block.data.settings.in_modal">
+      <button type="button" class="w-full py-3 px-4 inline-flex justify-center items-center gap-x-2 text-sm font-medium rounded-lg border border-transparent bg-blue-600 text-white hover:bg-blue-700 focus:outline-none focus:bg-blue-700 disabled:opacity-50 disabled:pointer-events-none" aria-haspopup="dialog" aria-expanded="false" aria-controls="hs-vertically-centered-scrollable-modal" data-hs-overlay="#hs-vertically-centered-scrollable-modal">
+        {{ form.data.title }}
+      </button>
+      <div id="hs-vertically-centered-scrollable-modal" class="hs-overlay hidden size-full fixed top-0 start-0 z-[1000000] overflow-x-hidden overflow-y-auto pointer-events-none" role="dialog" tabindex="-1" aria-labelledby="hs-vertically-centered-scrollable-modal-label">
+        <div class="hs-overlay-open:mt-7 hs-overlay-open:opacity-100 hs-overlay-open:duration-500 mt-0 opacity-0 ease-out transition-all sm:max-w-3xl sm:w-full m-3 sm:mx-auto h-[calc(100%-56px)] min-h-[calc(100%-56px)] flex items-center">
+          <div class="w-full max-h-full overflow-hidden flex flex-col bg-white border border-gray-200 shadow-2xs rounded-xl pointer-events-auto dark:bg-neutral-800 dark:border-neutral-700 dark:shadow-neutral-700/70">
+            <div class="flex justify-between items-center py-3 px-4 border-b border-gray-200 dark:border-neutral-700">
+              <h3 id="hs-vertically-centered-scrollable-modal-label" class="font-bold text-gray-800 dark:text-white">
+              </h3>
+              <button type="button" class="size-8 inline-flex justify-center items-center gap-x-2 rounded-full border border-transparent bg-gray-100 text-gray-800 hover:bg-gray-200 focus:outline-hidden focus:bg-gray-200 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-700 dark:hover:bg-neutral-600 dark:text-neutral-400 dark:focus:bg-neutral-600" aria-label="Close" data-hs-overlay="#hs-vertically-centered-scrollable-modal">
+                <span class="sr-only">Close</span>
+                <svg class="shrink-0 size-4" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                  <path d="M18 6 6 18"></path>
+                  <path d="m6 6 12 12"></path>
+                </svg>
+              </button>
+            </div>
+            <div class="p-4 overflow-y-auto">
+              <FormBuilder :blocks="form" />
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <div v-else>
+      <FormBuilder :blocks="form" />
+    </div>
+
+  </div>
 </template>
 
 <script>
 
 import axios from "axios";
 import {Link} from "@inertiajs/vue3";
+import FormBuilder from "@/componentss/shared/builder/formBuilder/FormBuilder.vue";
+import SubmitBlock from "@/componentss/shared/builder/formBuilder/blocks/SubmitBlock.vue";
 export default {
 	name: "FormBlock",
-	components: {axios, Link },
+	components: {SubmitBlock, FormBuilder, axios, Link },
 	data() {
 		return {
 			form: null,

resources/js/componentss/shared/modals/SearchModal.vue

@@ -1,9 +1,16 @@
 <template>
+	<div :id="open_id" class="hs-overlay hidden hs-overlay-backdrop-open:bg-black/70 [--body-scroll:false] [--overlay-backdrop:true] size-full fixed top-0 start-0 z-[80] overflow-x-hidden overflow-y-hidden pointer-events-none" role="dialog" tabindex="-1" :aria-labelledby="open_id + '-label'">
+    <div class="hs-overlay-open:mt-0 hs-overlay-open:opacity-100 hs-overlay-open:duration-500 mt-10 opacity-0 transition-all max-w-full max-h-full h-full md:mx-auto">
+      <div :data-hs-overlay="'#' + open_id" class="w-full pointer-events-auto cursor-pointer">
+        <button class="md:px-4 px-2 py-2 ml-auto items-center flex justify-end" type="button">
+          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 hover:text-white text-gray-200 duration-150 font-bold">
+            <path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12" />
+          </svg>
 
-	<div :id="open_id" class="hs-overlay hidden [--overlay-backdrop:false] size-full fixed top-0 start-0 z-[80] overflow-x-hidden overflow-y-auto pointer-events-none" role="dialog" tabindex="-1" :aria-labelledby="open_id + '-label'">
-		<div class="hs-overlay-open:mt-0 hs-overlay-open:opacity-100 hs-overlay-open:duration-500 mt-10 opacity-0 transition-all max-w-full max-h-full h-full md:mt-0 md:mx-auto">
-			<div class="flex flex-col bg-white pointer-events-auto max-w-full max-h-full h-full md:max-h-full">
-				<ClientGlobalSearch :open_id="open_id" ></ClientGlobalSearch>
+        </button>
+      </div>
+      <div class="flex flex-col bg-white pointer-events-auto max-w-full md:mx-4 md:px-2 max-h-full h-full md:max-h-full rounded-xl overflow-y-auto">
+        <slot />
 			</div>
 		</div>
 	</div>
@@ -31,9 +38,6 @@ export default {
 	},
 	components: {
 		BasicIcon,
-		ClientGlobalSearch: defineAsyncComponent(() =>
-				import('@/componentss/features/search/components/GlobalSearch.vue')
-		),
 		Link,
 	},
 	methods: {

resources/js/componentss/shared/notifications/SuccessNotification.vue

@@ -1,5 +1,5 @@
 <template>
-	<div id="dismiss-alert" class="fixed bottom-10 left-3 right-3 md:w-[500px] md:left-auto md:right-5 z-10000 hs-removing:translate-x-5 hs-removing:opacity-0 transition duration-300 bg-teal-50 border border-teal-200 text-sm text-teal-800 rounded-lg p-4" role="alert" tabindex="-1" aria-labelledby="hs-dismiss-button-label">
+	<div id="dismiss-alert" class="fixed bottom-10 left-3 right-3 md:w-[500px] md:left-auto md:right-5 z-[1000000] hs-removing:translate-x-5 hs-removing:opacity-0 transition duration-300 bg-teal-50 border border-teal-200 text-sm text-teal-800 rounded-lg p-4" role="alert" tabindex="-1" aria-labelledby="hs-dismiss-button-label">
 		<div class="flex">
 			<div class="shrink-0">
 				<svg class="shrink-0 size-4 mt-0.5" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">

resources/js/componentss/shared/pageResource/PageResourceList.vue

@@ -9,14 +9,14 @@
 		</div>
 	</div>
 
-	<div v-else>
+	<div v-else-if="!loading & resource">
 
 		<!-- Card Blog -->
 		<div class="px-0 py-10 sm:px-2 lg:py-14 mx-auto">
 			<!-- Title -->
 			<div class="max-w-2xl text-center mx-auto mb-10 lg:mb-14">
 				<h2 class="text-2xl font-bold md:text-4xl md:leading-tight">Полезные ресурсы</h2>
-				<p class="mt-1 text-gray-600">We've helped some great companies brand, design and get to market.</p>
+<!--				<p class="mt-1 text-gray-600">We've helped some great companies brand, design and get to market.</p>-->
 			</div>
 			<!-- End Title -->