<template>
    <div class="orders-view">
        <div class="page-header">
            <div>
                <h2>{{ $t('orders.globalTitle') }}</h2>
                <p class="orders-view-subtitle">{{ $t('orders.globalSubtitle') }}</p>
            </div>
        </div>
        <OrdersPanel global-mode />
    </div>
</template>

<script>
import OrdersPanel from '../components/OrdersPanel.vue';

export default {
    name: 'OrdersView',
    components: {
        OrdersPanel
    }
};
</script>

<style scoped>
.orders-view {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.orders-view-subtitle {
    margin: 0.35rem 0 0;
    color: var(--text-light);
}
</style>
