<template>
    <UserNav
        @clickBack="() => { router.get('/users') }"
    />

    <UserForm
        :userModel="form"
        
    />
    
</template>

<script setup>
import BELayout from '@/layouts/BELayout.vue'
import UserForm from '@/components/Users/UserForm.vue'
import UserNav from '@/components/Users/UserNav.vue'

import { router, useForm } from '@inertiajs/vue3'
import { renderIcon } from '@/util'
import {
    ArrowBackRound as Back,
    SaveRound as Save
} from '@vicons/material'

defineOptions({ layout: BELayout })

const form = useForm({
    username: null,
    password: null,
    is_admin: false,
    password_repeat: null,
})
</script>