<template>
    <div class="breadcrumb-header justify-content-between">
        <div class="my-auto">
            <h4 class="page-title">Danh sách đơn hàng</h4>
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="/">Trang chủ</a></li>
                <li class="breadcrumb-item active" aria-current="page">Danh sách đơn hàng</li>
            </ol>
        </div>
        <div class="d-flex my-xl-auto right-content align-items-center">

            <div class="mb-xl-0">
                <button @click="fnCreateOrUpdate(0)" type="button" class="btn btn-primary mx-2 button-icon mb-1">
                    <i class="fe fe-plus me-2"></i>
                    Tạo đơn hàng
                </button>
            </div>
        </div>
    </div>
</template>
<script setup>
import { useRouter } from 'vue-router';
const router = useRouter();

function fnCreateOrUpdate() {
    router.push({ name: 'createOrder' });
}

</script>