Changes

resources/js/Pages/Client/Additional-educations/Index.vue

@@ -17,10 +17,13 @@ import ClientAdditionalProgramFilter
 	from "@/Components/BuilderUi/AdditionalEducationPrograms/ClientAdditionalProgramFilter.vue";
 import PostBadge from "@/Components/BuilderUi/Events/EventBadgeBuilder.vue";
 import ProgramBadge from "@/Components/BuilderUi/AdditionalEducationPrograms/ProgramBadge.vue";
+import AdditionalEducationProgramListBreadcrumbs
+	from "@/Components/BuilderUi/AdditionalEducationPrograms/AdditionalEducationProgramListBreadcrumbs.vue";
 
 export default {
   name: "Index",
   components: {
+		AdditionalEducationProgramListBreadcrumbs,
 		ProgramBadge,
 		PostBadge,
 		ClientAdditionalProgramFilter,
@@ -58,6 +61,9 @@ export default {
 		},
 		categories: {
 			type: Object
+		},
+		breadcrumbs: {
+			type: Object
 		}
   },
   methods: {
@@ -107,14 +113,17 @@ export default {
 							<div class="space-y-5 md:space-y-4 mx-auto max-w-3xl">
 								<div>
 									<div class="">
-										<div class="my-10 flex items-center w-full gap-x-2">
-											<LevelEduFilter :directions="directionAdditionalEducations" :direction_filter="filters.direction_filter" />
-											<ClientAdditionalProgramFilter
-													:forms_educational="forms_education"
-													:form_education_filter="filters.form_education_filter"
-													:category_filter="filters.category_filter"
-													:categories="categories"
-											/>
+										<div class="my-10 w-full">
+											<AdditionalEducationProgramListBreadcrumbs :breadcrumbs="breadcrumbs" />
+											<div class="flex items-center gap-x-2">
+												<LevelEduFilter :directions="directionAdditionalEducations" :direction_filter="filters.direction_filter" />
+												<ClientAdditionalProgramFilter
+														:forms_educational="forms_education"
+														:form_education_filter="filters.form_education_filter"
+														:category_filter="filters.category_filter"
+														:categories="categories"
+												/>
+											</div>
 										</div>
 										<div class="px-2 mx-auto">
 											<div class="flex-wrap flex gap-3 md:items-center">

resources/js/Pages/Client/Additional-educations/Show.vue

@@ -15,11 +15,14 @@ import PostTitle from "@/Components/BuilderUi/Posts/PostTitle.vue";
 import PostBackButton from "@/Components/BuilderUi/Posts/PostBackButton.vue";
 import ProgramTitle from "@/Components/BuilderUi/AdditionalEducationPrograms/ProgramTitle.vue";
 import ProgramBuilder from "@/Components/BuilderUi/AdditionalEducationPrograms/ProgramBuilder.vue";
+import AdditionalEducationProgramItemBreadcrumbs
+	from "@/Components/BuilderUi/AdditionalEducationPrograms/AdditionalEducationProgramItemBreadcrumbs.vue";
 
 
 export default {
   name: "Show",
   components: {
+		AdditionalEducationProgramItemBreadcrumbs,
 		ProgramBuilder,
 		ProgramTitle,
 		PostBackButton, PostTitle,
@@ -41,6 +44,9 @@ export default {
 		additionalEducation: {
       type: Object,
     },
+		breadcrumbs: {
+			type: Object
+		}
   },
   methods: {
 		getFormOfStudy(contests) {
@@ -70,9 +76,7 @@ export default {
 			<div class="relative mb-auto mx-auto mt-[67px] max-w-screen-xl px-4 py-10 md:flex md:flex-row md:py-10">
 				<div class="px-0 pt-6 lg:pt-10 pb-12 sm:px-6 lg:px-8 mx-auto">
 					<div>
-						<!-- Avatar Media -->
-						<!-- End Avatar Media -->
-						<!-- Content -->
+
 						<div class="space-y-5 md:space-y-4">
 							<div class="space-y-5 md:space-y-4">
 
@@ -80,6 +84,7 @@ export default {
 									<div class="container mx-auto xl:px-5 max-w-screen-lg py-5 lg:py-8">
 										<div class="space-y-3">
 											<ProgramBackButton title="Назад" />
+											<AdditionalEducationProgramItemBreadcrumbs :breadcrumbs="breadcrumbs" :additional-education-title="additionalEducation.data.title" />
 											<ProgramTitle :header="additionalEducation.data.title" class="text-center" />
 										</div>