@extends('restaurant.pos.layout.master')
@section('custom_css')

@endsection

@section('content')
    <div class="wrapper">
        <nav class="bg-white">
            <div class="nav nav-tabs" id="nav-tab" role="tablist">
                <button class="nav-link link-dark py-1 active" data-bs-toggle="tab" data-bs-target="#billing_queue" type="button" role="tab" aria-controls="billing_queue" aria-selected="true">
                    Billing Queue
                </button>
                <button class="nav-link link-dark py-1" data-bs-toggle="tab" data-bs-target="#tables" type="button" role="tab" aria-controls="tables" aria-selected="false">
                    Tables
                </button>
                <button class="nav-link link-dark py-1" data-bs-toggle="tab" data-bs-target="#order_history" type="button" role="tab" aria-controls="order_history" aria-selected="false">
                    Order History
                </button>
                <button class="nav-link link-dark py-1" data-bs-toggle="tab" data-bs-target="#track_orders" type="button" role="tab" aria-controls="track_orders" aria-selected="false">
                    Track Orders
                </button>
            </div>
        </nav>
        <div class="tab-content mt-2" id="nav-tabContent">
            <div class="tab-pane fade show active" id="billing_queue" role="tabpanel" tabindex="0">
                @include('restaurant.pos.activity.billing-queue')
            </div>
            <div class="tab-pane border border-secondary fade" id="tables" role="tabpanel" tabindex="0">
                @include('restaurant.pos.activity.tables')
            </div>
            <div class="tab-pane fade" id="order_history" role="tabpanel" tabindex="0">
                @include('restaurant.pos.activity.order-history')
            </div>
            <div class="tab-pane border border-secondary fade" id="track_orders" role="tabpanel" tabindex="0">
                @include('restaurant.pos.activity.track-order')
            </div>
        </div>
    </div>
@section('custom_js')

    <script>
        $('.select_2').select2();

        $(document).ready(function() {
            
        });
       
    </script>
@endsection

@endsection