F:\MyProjects2025\foodking32\main\public\firebase-content.txt - added something

New added -
F:\MyProjects2025\foodking32\main\app\Listeners\TriggerOnlineOrderIndex.php

F:\MyProjects2025\foodking32\main\resources\js\components\layouts\backend\BackendNavbarComponent.vue -> firbase removed
F:\MyProjects2025\foodking32\main\resources\js\components\layouts\frontend\FrontendNavBarComponent.vue,
F:\MyProjects2025\foodking32\main\resources\js\components\admin\onlineOrders\OnlineOrderListComponent.vue -> firebase db has been implimented for list load
--------------------------
for printing receipt -
<td class="db-table-body-td hidden-print" v-if="permissionChecker('online-orders')">
	<div class="flex justify-start items-center sm:items-start sm:justify-start gap-1.5">
		<SmIconViewComponent :link="'admin.order.show'" :id="order.id"
			v-if="permissionChecker('online-orders')" />
	</div>
</td>
							
import PosOrderReceiptComponent from "../../admin/posOrders/PosOrderReceiptComponent";							
							
PosOrderReceiptComponent
},
directives: {
	print
},
<PosOrderReceiptComponent :order="$store.getters['posOrder/show']" />

---------------------

for accept and reject button -
import OnlineOrderReasonComponent from "./OnlineOrderReasonComponent";


<div class="flex flex-wrap gap-3" v-if="order.status === enums.orderStatusEnum.PENDING">
	<OnlineOrderReasonComponent />
	<button type="button" @click="changeStatus(enums.orderStatusEnum.ACCEPT)"
		class="flex items-center justify-center text-white gap-2 px-4 h-[38px] rounded shadow-db-card bg-[#2AC769]">
		<i class="lab lab-save"></i>
		<span class="text-sm capitalize text-white">{{ $t('button.accept') }}</span>
	</button>
</div>

changeStatus: function (status) {
            appService.acceptOrder().then((res) => {
                try {
                    this.loading.isActive = true;
                    this.$store.dispatch("onlineOrder/changeStatus", {
                        id: this.$route.params.id,
                        status: status,
                    }).then((res) => {
                        this.order_status = res.data.data.status;
                        this.loading.isActive = false;
                        alertService.successFlip(
                            1,
                            this.$t("label.status")
                        );
                    }).catch((err) => {
                        this.loading.isActive = false;
                        alertService.error(err.response.data.message);
                    });
                } catch (err) {
                    this.loading.isActive = false;
                    alertService.error(err.response.data.message);
                }
            }).catch((err) => {
                this.loading.isActive = false;
            });
        },
------------------------------