<template>
    <navbar @accountClick="$router.push('/admin/')" />
    <div class="central-view">
        <sidebar>
            <item-sidebar-menu :sidebarItems="sidebarItems" />
        </sidebar>
        <div class="main-view">
            <item-details />
        </div>
    </div>
    <login-modal :showModal="showModal" @closeModal="showModal  =  false" />
</template>


<script>
import Navbar from "@/components/Navbar.vue";
import ItemDetails from "@/components/ItemDetails.vue";
import Sidebar from "@/components/Sidebar.vue";
import ItemSidebarMenu from "@/components/ItemSidebarMenu.vue";
import LoginModal from "@/components/LoginModal.vue";
export default {
    components: { Navbar, ItemDetails, Sidebar, ItemSidebarMenu, LoginModal },
    data() {
        return {
            sidebarItems: [
                {
                    title: "Изображение",
                    icon: "image",
                    route: "item-details",
                    hash: "#preview",
                },
                {
                    title: "Общее описание",
                    icon: "description",
                    route: "item-details",
                    hash: "#description",
                },
                {
                    title: "Детальное описание",
                    icon: "summarize",
                    route: "item-details",
                    hash: "#details",
                },
                {
                    title: "Карта",
                    icon: "map",
                    route: "item-details",
                    hash: "#map",
                },
                {
                    title: "Похожие образцы",
                    icon: "view_list",
                    route: "item-details",
                    hash: "#similar",
                },
                {
                    title: "Связь с представителем",
                    icon: "contact_page",
                    route: "item-details",
                    hash: "#contact",
                },

            ],
            showModal: false,
        }
    },

}
</script>


<style lang="css" scoped>
.central-view {
    display: flex;
    flex-direction: row;
}

.main-view {
    margin: auto;
}
</style>