66 lines
2.0 KiB
Vue
66 lines
2.0 KiB
Vue
<template>
|
||
<div class="min-h-screen bg-background-2">
|
||
<!-- Header -->
|
||
<div class="border-b border-line-2 bg-layer/50 backdrop-blur-sm sticky top-0 z-10 h-16">
|
||
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 h-full">
|
||
<div class="flex items-center h-full gap-3">
|
||
<a
|
||
:href="route('dashboard.additional-educations.index')"
|
||
class="p-2 text-muted-foreground-1 hover:text-foreground hover:bg-muted-hover rounded-lg transition-all"
|
||
>
|
||
<DashboardIcon name="arrow-left" size="5" />
|
||
</a>
|
||
<div class="flex items-center gap-3">
|
||
<div class="w-10 h-10 rounded-lg bg-primary/10 flex items-center justify-center">
|
||
<DashboardIcon name="plus" size="5" class="text-primary" />
|
||
</div>
|
||
<div>
|
||
<h1 class="text-lg font-medium text-foreground">Создание программы ДПО</h1>
|
||
<p class="text-xs text-muted-foreground-1">Заполните информацию о новой программе дополнительного образования</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Main Content -->
|
||
<div class="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 py-6">
|
||
<AdditionalEducationForm
|
||
:categories="categories"
|
||
:education-forms="educationForms"
|
||
submit-label="Создать программу"
|
||
submit-route="dashboard.additional-educations.store"
|
||
submit-method="post"
|
||
/>
|
||
</div>
|
||
</div>
|
||
</template>
|
||
|
||
<script>
|
||
import DashboardIcon from '../Components/DashboardIcon.vue';
|
||
import AdditionalEducationForm from './AdditionalEducationForm.vue';
|
||
|
||
export default {
|
||
name: 'AdditionalEducationCreate',
|
||
components: {
|
||
DashboardIcon,
|
||
AdditionalEducationForm
|
||
},
|
||
|
||
props: {
|
||
categories: {
|
||
type: Array,
|
||
required: true
|
||
},
|
||
educationForms: {
|
||
type: Array,
|
||
required: true
|
||
}
|
||
},
|
||
|
||
mounted() {
|
||
this.SET_DOCUMENT_TITLE('Создание программы ДПО');
|
||
}
|
||
}
|
||
</script>
|