<div class="page-wrapper chiller-theme toggled">
    <a id="show-sidebar" class="btn btn-sm btn-dark" href="#">
        <i class="fas fa-bars"></i>
    </a>
    @include('modules.order.productSelectSidebar')
    {{--
    ************************
     data table content
     ************************
    --}}<!-- sidebar-wrapper  -->
    <main class="page-content">
        <div class="container " style="padding-left: 0px; padding-right: 5px; margin-left: 10px;max-width: 1400px;">
        {{--<div class="container " style="padding-top: 0px; margin-right: unset; margin-left: 30px;max-width: 1400px;">
        --}}
            <h2 class="tableHeaderText">Food/Hús_hentesáru/Sertés
                <hr>
            </h2>


            <div class="table-responsive-xl">
        <!-- Datatables Example -->

                @include("modules.order.productSelectDataTableHTML")

            </div>
            <script>


                $(document).ready(function() {
                    let loaded=APP.OrderModule.Stepper.getOpts()['loaded'];
                    debug('***********');
                    debug(loaded);
                    debug(loaded.includes('productSelect'));
                    if(!loaded.includes('productSelect')){
                        APP.OrderModule.initViewProductSelect();
                    }
                });
            </script>

            {{--
            <div class="row">
                <div class="form-group col-md-12">
                    <p>This is a responsive sidebar template with dropdown menu based on bootstrap 4 framework.</p>
                    <p> You can find the complete code on <a href="https://github.com/azouaoui-med/pro-sidebar-template" target="_blank">
                            Github</a>, it contains more themes and background image option</p>
                </div>
                <div class="form-group col-md-12">
                    <iframe src="https://ghbtns.com/github-btn.html?user=azouaoui-med&repo=pro-sidebar-template&type=star&count=true&size=small" frameborder="0" scrolling="0" width="90px" height="30px"></iframe>
                    <iframe src="https://ghbtns.com/github-btn.html?user=azouaoui-med&repo=pro-sidebar-template&type=fork&count=true&size=small" frameborder="0" scrolling="0" width="90px" height="30px"></iframe>
                </div>
                <div class="form-group col-md-12">
                    <div class="alert alert-success" role="alert">
                        <h4 class="alert-heading">New !</h4>
                        <p>New react pro sidebar library is now available on <a href="https://www.npmjs.com/package/react-pro-sidebar" target="_blank">npm</a> <a href="https://github.com/azouaoui-med/react-pro-sidebar" target="_blank">
                                <img alt="GitHub stars" src="https://img.shields.io/github/stars/azouaoui-med/react-pro-sidebar?style=social" />
                            </a></p>
                        <a href="https://github.com/azouaoui-med/react-pro-sidebar" target="_blank" class="btn btn-sm btn-primary mr-2">
                            Github</a>
                        <a href="https://azouaoui-med.github.io/react-pro-sidebar" target="_blank" class="btn btn-sm btn-success">
                            Demo</a>

                    </div>

                </div>
            </div>
--}}



        </div>
    </main>
    <!-- page-content" -->
</div>


