<script setup>
import { Head } from "@inertiajs/vue3";
import { reactive } from "vue";
import { router } from "@inertiajs/vue3";
import homeLayout from "../../templates/home.layout.vue";

// const form = reactive({
//     email: null,
//     password: null,
// });
function submit() {
    // router.post("/login", form);
}
</script>

<style>
@import "profile.css";
</style>

<template>
    <homeLayout>
        <Head>
            <title>Profile</title>
        </Head>

        <h2>{{ $page.props.auth.user.name }} - {{ $page.props.auth.user.email }}</h2>

        <p>Account: {{ $page.props.auth.user.account }} €</p>
        <p>Role: {{ $page.props.auth.user.role }}</p>
    </homeLayout>
</template>
