import {router, usePage} from "@inertiajs/vue3";
import {ref} from "vue";
import {encodeQueryValue, stringifyQuery} from "ufo";

export const useMedicalHistory = (url) => {
    const meta = ref(usePage().props.cards.meta)

    const navigate = (search, page, page_size) => {
        const params = {
            search,
            page,
            page_size
        }
        if (typeof params.page_size === 'undefined') {
            params.page_size = meta.value.per_page
        }
        const query = stringifyQuery(params)

        router.visit(`${url}?${query}`, {
            preserveState: true
        })
    }

    return {
        meta,
        navigate
    }
}