<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title><?php echo e(config('app.name')); ?></title>
    <!-- Tell the browser to be responsive to screen width -->
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    <!-- Bootstrap 3.3.7 -->
    <link rel="stylesheet" href="<?php echo e(asset('theme/bower_components/bootstrap/dist/css/bootstrap.min.css')); ?>">
    <!-- Select2 -->
    <link rel="stylesheet" href="<?php echo e(asset('theme/bower_components/select2/dist/css/select2.min.css')); ?>">
    <!-- Font Awesome -->
    <link rel="stylesheet" href="<?php echo e(asset('theme/bower_components/font-awesome/css/font-awesome.min.css')); ?>">
    <!-- Ionicons -->
    <link rel="stylesheet" href="<?php echo e(asset('theme/bower_components/Ionicons/css/ionicons.min.css')); ?>">
    <!-- Theme style -->
    <link rel="stylesheet" href="<?php echo e(asset('theme/dist/css/AdminLTE.min.css')); ?>">
    <!-- AdminLTE Skins. Choose a skin from the css/skins
       folder instead of downloading all of them to reduce the load. -->
    <link rel="stylesheet" href="<?php echo e(asset('theme/dist/css/skins/_all-skins.min.css')); ?>">
    <!-- Morris chart -->
    <!-- <link rel="stylesheet" href="<?php echo e(asset('theme/bower_components/morris.js/morris.css')); ?>"> -->
    <!-- jvectormap -->
    <link rel="stylesheet" href="<?php echo e(asset('theme/bower_components/jvectormap/jquery-jvectormap.css')); ?>">
    <!-- Date Picker -->
    <link rel="stylesheet" href="<?php echo e(asset('theme/bower_components/bootstrap-datepicker/dist/css/bootstrap-datepicker.min.css')); ?>">
    <!-- Daterange picker -->
    <link rel="stylesheet" href="<?php echo e(asset('theme/bower_components/bootstrap-daterangepicker/daterangepicker.css')); ?>">

    <link rel="stylesheet" href="<?php echo e(asset('theme/bower_components/datatables.net-bs/css/dataTables.bootstrap.min.css')); ?>">
    <link rel="stylesheet" href="<?php echo e(asset('theme/uploader/image-uploader.min.css')); ?>">
    <link href="<?php echo e(asset('theme/plugins/dropify/dropify.min.css')); ?>" rel="stylesheet" type="text/css" />

    <!-- Google Font -->
    <link rel="stylesheet" href="https:/fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic">
    <style media="screen">
        body {
            font-size: 140% !Important;
        }

        th,
        tr {
            text-align: center;
        }

        .box {
            border-top: none !important;
            border-color: #fb2736 !important
        }

        .btn-primary {
            background-color: #282A35 !important;
            width: 150px !important;
        }

        .pagination>.active>a,
        .pagination>.active>a:focus,
        .pagination>.active>a:hover,
        .pagination>.active>span,
        .pagination>.active>span:focus,
        .pagination>.active>span:hover {
            background-color: #282A35;
             !important;
            border-color: #282A35;
             !important
        }

        .logo hover {
            background-color: #fb2736 !important;
        }

        .sidebar {}

        .btn-primary:hover {
            background-color: #fb2736 !important;
            border-color: #fb2736 !important
        }

        /* image upload */

        .dragBox {
            width: 250px;
            height: 100px;
            margin: 0 auto;
            position: relative;
            text-align: center;
            font-weight: bold;
            line-height: 95px;
            color: #999;
            border: 2px dashed #ccc;
            display: inline-block;
            transition: transform 0.3s;
        }

        .dragBox input[type="file"] {
            position: absolute;
            height: 100%;
            width: 100%;
            opacity: 0;
            top: 0;
            left: 0;
        }

        .draging {
            transform: scale(1.1);
        }

        #preview {
            text-align: center;
        }

        #preview img {
            height: 160px;
            width: 128px;
            /* max-width: 100%; */
        }

        .fa-3x {
            font-size: 14px !important;
        }


        /* switchery */
        .switch {
            position: relative;
            display: inline-block;
            width: 60px;
            height: 34px;

        }

        .switch input {
            opacity: 0;
            width: 0;
            height: 0;
        }

        .slider {
            position: absolute;
            cursor: pointer;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: #e74c3c;
            -webkit-transition: .4s;
            transition: .4s;

        }

        .slider:before {
            position: absolute;
            content: "";
            height: 26px;
            width: 26px;
            left: 4px;
            bottom: 4px;
            background-color: white;
            -webkit-transition: .4s;
            transition: .4s;
        }

        input:checked+.slider {
            background-color: #29c75f;

        }

        input:focus+.slider {
            box-shadow: 0 0 1px #2196F3;
        }

        input:checked+.slider:before {
            -webkit-transform: translateX(26px);
            -ms-transform: translateX(26px);
            transform: translateX(26px);
        }

        /* Rounded sliders */
        .slider.round {
            border-radius: 34px;
        }

        .slider.round:before {
            border-radius: 50%;
        }

        .on_off {
            margin-top: 10px;
        }

        .btn-sm {
            margin-right: 10px !important;
        }

        .table>tbody>tr>td {
            vertical-align: middle;
        }

        .btn-md {
            width: 200px;
            background-color: #282A35 !important;
            color: white;
            font-size: 18px;
        }

        .sidebar{
            background-color: #463fcb;
            color:white;
            padding-left: 20px !important;
            /* padding-right: 20px !important;         */
        }
        .skin-blue .sidebar a{
            color:white !important;
            padding-left: 20px;
        }

        .skin-blue .sidebar-menu>li.active>a {
    border:none;
    background-color: white;
    color:#463fcb!important;
    border-radius: 40px 0px 0px 40px;
}


element.style {
}
.skin-blue .wrapper, .skin-blue .main-sidebar, .skin-blue .left-side {
    background-color: #463fcb !important;
}

.skin-blue .sidebar-menu>li>.treeview-menu {
    margin: 0 1px;
    background: #463fcb !important;
}

.skin-blue .main-header .logo {
    background-color: #463fcb;
}

.skin-blue .main-header .navbar {
    background: #564ffd;
}
    </style>
    <script type="text/javascript">
        var inputName = "none";
        var preloaded = [];
    </script>
</head>

<body class="hold-transition skin-blue sidebar-mini">
    <div class="wrapper">

        <header class="main-header">
            <!-- Logo -->
            <a href="<?php echo e(url('dashboard')); ?>" class="logo">
Admin Panel
                <span class="logo-lg"> <img src="<?php echo e(asset('')); ?>" alt="" style="padding:0px !important;margin-bottom: 5px;"> </span>
            </a>
            <!-- Header Navbar: style can be found in header.less -->
            <nav class="navbar navbar-static-top">
                <!-- Sidebar toggle button-->
                <a href="#" class="sidebar-toggle" data-toggle="push-menu" role="button">
                    <span class="sr-only">Toggle navigation</span>
                </a>
                <span style="color:white; font-size:16px;float: left;padding: 12px 0px 12px 20px; ">
                   Total Balance &nbsp; <b>$350</b>
                </span>
                <div class="navbar-custom-menu">
                    <ul class="nav navbar-nav">
                        <!-- Messages: style can be found in dropdown.less-->

                        <li>
                            <a href="#" data-toggle="control-sidebar"><i class="fa fa-bell"></i></a>
                        </li>
                        <!-- User Account: style can be found in dropdown.less -->
                        <li class="dropdown user user-menu">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                                <span class="hidden-xs" style="padding-right: 10px;font-size: 16px;"><?php echo e(auth()->user()->name); ?></span>
                                <img src="<?php echo e(asset('theme/sample_profile.png')); ?>" class="user-image" alt="User Image">

                            </a>
                            <ul class="dropdown-menu">
                                <!-- User image -->
                                <li class="user-header">
                                    <p>
                                        <?php echo e(auth()->user()->name); ?>

                                        <!-- <small>Member since Nov. 2012</small> -->
                                    </p>
                                    <img src="<?php echo e(asset('theme/sample_profile.png')); ?>" class="img-circle" alt="User Image">


                                </li>
                                <!-- Menu Body -->

                                <!-- Menu Footer-->
                                <li class="user-footer">

                                    <div style="text-align:center">
                                        <form action="<?php echo e(route('logout')); ?>" method="post" id="logout-form">
                                            <?php echo csrf_field(); ?>
                                        </form>
                                        <a href="#" onclick="document.getElementById('logout-form').submit()" class="btn btn-danger btn-flat">Log out</a>
                                    </div>
                                </li>
                            </ul>
                        </li>
                        <!-- Control Sidebar Toggle Button -->
                       
                    </ul>
                </div>
            </nav>
        </header>
        <!-- Left side column. contains the logo and sidebar -->
        <aside class="main-sidebar">
            <!-- sidebar: style can be found in sidebar.less -->
            <section class="sidebar">
                <!-- Sidebar user panel -->
                <ul class="sidebar-menu" data-widget="tree">
                    <!-- <li class="header">MAIN NAVIGATION</li> -->
                    <li class="<?php echo e(IsActive('dashboard')); ?>">
                        <a href="<?php echo e(url('dashboard')); ?>">
                            <i class="fa fa-dashboard fa-3x"></i>
                            <span>Dashboard</span>
                        </a>
                    </li>

                    <li class="<?php echo e(IsActive('profile.index')); ?>">
                        <a href="<?php echo e(route('profile.index')); ?>">
                            <i class="fa fa-user-circle-o fa-3x"></i>
                            <span>Profile</span>
                        </a>
                    </li>

                  

                    <li class="<?php echo e((request()->is('admin_user_list')||request()->is('kitchen_users_list'))||request()->is('ordermanagerslist') ? 'active' : ''); ?> treeview">
                        <a href="#">
                            <i class="fa fa-users"></i>
                            <span>Users Management</span>
                            <span class="pull-right-container">
                                <i class="fa fa-angle-left pull-right"></i>
                            </span>
                        </a>
                        <ul class="treeview-menu">

                            <li class="<?php echo e((request()->is('admin_user_list')) ? 'active' : ''); ?>"><a href="<?php echo e(url('admin_user_list')); ?>"><i class="fa fa-circle-o"></i>Admin Users</a></li>
                            <li class="<?php echo e((request()->is('kitchen_users_list')) ? 'active' : ''); ?>"><a href="<?php echo e(url('kitchen_users_list')); ?>"><i class="fa fa-circle-o"></i>Kitchen Users</a></li>
                            <li class="<?php echo e((request()->is('ordermanagerslist')) ? 'active' : ''); ?>"><a href="<?php echo e(url('ordermanagerslist')); ?>"><i class="fa fa-circle-o"></i>Order Manager</a></li>

                        </ul>
                    </li>

                    <li class="<?php echo e((request()->is('category_list')||request()->is('menu_list')||request()->is('addons_list')) ? 'active' : ''); ?> treeview">
                        <a href="#">
                            <i class="fa fa-cutlery"></i>
                            <span>Food Menu</span>
                            <span class="pull-right-container">
                                <i class="fa fa-angle-left pull-right"></i>
                            </span>
                        </a>
                        <ul class="treeview-menu">
                            <li class="<?php echo e((request()->is('category_list')) ? 'active' : ''); ?>"><a href="<?php echo e(url('category_list')); ?>"><i class="fa fa-circle-o"></i>Food Category</a></li>
                            <li class="<?php echo e((request()->is('menu_list')) ? 'active' : ''); ?>"><a href="<?php echo e(url('menu_list')); ?>"><i class="fa fa-circle-o"></i>Food Item</a></li>
                            <li class="<?php echo e((request()->is('addons_list')) ? 'active' : ''); ?>"><a href="<?php echo e(url('addons_list')); ?>"><i class="fa fa-circle-o"></i>Addons/Toppings</a></li>
                        </ul>
                    </li>

                    <li class="<?php echo e((request()->is('banner_list')) ? 'active' : ''); ?>"><a href="<?php echo e(url('edit_banner')); ?>"><i class="fa fa-picture-o fa-3x"></i> <span> Home Banner </span></a></li>
                    <li class="<?php echo e((request()->is('orders_list')) ? 'active' : ''); ?>"><a href="<?php echo e(url('orders_list')); ?>"><i class="fa fa-first-order"></i> <span>Orders</span></a></li>
                    <li class="<?php echo e((request()->is('readyorders')) ? 'active' : ''); ?>"><a href="<?php echo e(url('readyorders')); ?>" target="_blank"><i class="fa fa-list fa-3x"></i> <span>Ready Orders</span></a></li>

                    <li class="<?php echo e((request()->is('payment_gateway_setting')|| request()->is('email_settings'))|| request()->is('timezone')||request()->is('currency') ? 'active' : ''); ?> treeview">
                        <a href="#">
                            <i class="fa fa-cog"></i>
                            <span>Setting</span>
                            <span class="pull-right-container">
                                <i class="fa fa-angle-left pull-right"></i>
                            </span>
                        </a>
                        <ul class="treeview-menu">

                            <li class="<?php echo e((request()->is('payment_gateway_setting')) ? 'active' : ''); ?>"><a href="<?php echo e(url('payment_gateway_setting')); ?>"><i class="fa fa-circle-o"></i>Payment Gateway Settings</a></li>

                            <li class="<?php echo e((request()->is('email_settings')) ? 'active' : ''); ?>"><a href="<?php echo e(url('email_settings')); ?>"><i class="fa fa-circle-o"></i> <span>Email Settings</span></a></li>
                            <li class="<?php echo e((request()->is('timezone')) ? 'active' : ''); ?>"><a href="<?php echo e(url('timezone')); ?>"><i class="fa fa-clock-o"></i> <span>Timezone</span></a></li>
                            <li class="<?php echo e((request()->is('currency')) ? 'active' : ''); ?>"><a href="<?php echo e(url('currency')); ?>"><i class="fa fa-money"></i> <span>Currency</span></a></li>
                        </ul>
                    </li>

                    <li class="<?php echo e((request()->is('TotalSalesReport')|| request()->is('ItemWiseSalesReport'))|| request()->is('Cencelorderslist') ? 'active' : ''); ?> treeview">
                        <a href="#">
                            <i class="fa fa-file"></i>
                            <span>Reports</span>
                            <span class="pull-right-container">
                                <i class="fa fa-angle-left pull-right"></i>
                            </span>
                        </a>
                        <ul class="treeview-menu">
                            <!-- <li><a href="#"><i class="fa fa-circle-o fa-3x"></i>Orders Report</a></li> -->
                            <li class="<?php echo e((request()->is('TotalSalesReport')) ? 'active' : ''); ?>"><a href="<?php echo e(url('TotalSalesReport')); ?>"><i class="fa fa-circle-o"></i>Total Sales Report</a></li>
                            <li class="<?php echo e((request()->is('ItemWiseSalesReport')) ? 'active' : ''); ?>"><a href="<?php echo e(url('ItemWiseSalesReport')); ?>"><i class="fa fa-circle-o"></i>Item Sales Report</a></li>
                            <li class="<?php echo e((request()->is('Cencelorderslist')) ? 'active' : ''); ?>"><a href="<?php echo e(url('Cencelorderslist')); ?>"><i class="fa fa-circle-o"></i>Cancel Orders Report</a></li>
                        </ul>
                    </li>

                    <li class="<?php echo e((request()->is('logs')) ? 'active' : ''); ?>"><a href="<?php echo e(url('logs')); ?>"><i class="fa fa-key"></i> <span>Login Logs</span></a></li>

                </ul>
            </section>

            <!-- /.sidebar -->
        </aside>

        <!-- Content Wrapper. Contains page content -->
        <div class="content-wrapper" style="min-height:85% !important;">
            <?php if($errors->any()): ?>
            <div class="alert alert-danger" style="margin: 8px;">
                <strong>Whoops!</strong> There were some problems with your input.<br><br>
                <ul>
                    <?php $__currentLoopData = $errors->all(); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $error): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                    <li><?php echo e($error); ?></li>
                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                </ul>
            </div>
            <?php endif; ?>

            <?php if($message = Session::get('success')): ?>
            <div class="alert alert-success" style="margin: 8px;">
                <p><?php echo e($message); ?></p>
            </div>
            <?php endif; ?>


            <?php if($message = Session::get('error')): ?>
            <div class="alert alert-danger" style="margin: 8px;">
                <p><?php echo e($message); ?></p>
            </div>
            <?php endif; ?>
            <?php echo $__env->yieldContent('content'); ?>
        </div>
        <!-- /.content-wrapper -->
        <footer class="main-footer">
            <div class="pull-right hidden-xs">
                <b>Version</b> 1.0.0
            </div>
            <strong>Copyright &copy; <?php echo e(date('Y')); ?> <a href="<?php echo e(url('')); ?>">Self Order</a>.</strong>
            All rights reserved.
        </footer>


        <!-- /.control-sidebar -->
        <!-- Add the sidebar's background. This div must be placed
       immediately after the control sidebar -->
        <div class="control-sidebar-bg"></div>
    </div>
    <!-- ./wrapper -->

    <!-- jQuery 3 -->
    <script src="<?php echo e(asset('theme/bower_components/jquery/dist/jquery.min.js')); ?>"></script>
    <!-- jQuery UI 1.11.4 -->
    <script src="<?php echo e(asset('theme/bower_components/jquery-ui/jquery-ui.min.js')); ?>"></script>
    <!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip -->
    <script>
        $.widget.bridge('uibutton', $.ui.button);
    </script>
    <!-- Bootstrap 3.3.7 -->
    <script src="<?php echo e(asset('theme/bower_components/bootstrap/dist/js/bootstrap.min.js')); ?>"></script>
    <!-- DataTables -->
    <script src="<?php echo e(asset('theme/bower_components/datatables.net/js/jquery.dataTables.min.js')); ?>"></script>
    <script src="<?php echo e(asset('theme/bower_components/datatables.net-bs/js/dataTables.bootstrap.min.js')); ?>"></script>

    <!-- Select2 -->
    <script src="<?php echo e(asset('theme/bower_components/select2/dist/js/select2.full.min.js')); ?>"></script>

    <!-- Sparkline -->
    <script src="<?php echo e(asset('theme/bower_components/jquery-sparkline/dist/jquery.sparkline.min.js')); ?>"></script>
    <!-- jvectormap -->
    <script src="<?php echo e(asset('theme/plugins/jvectormap/jquery-jvectormap-1.2.2.min.js')); ?>"></script>
    <script src="<?php echo e(asset('theme/plugins/jvectormap/jquery-jvectormap-world-mill-en.js')); ?>"></script>

    <!-- daterangepicker -->
    <script src="<?php echo e(asset('theme/bower_components/moment/min/moment.min.js')); ?>"></script>
    <script src="<?php echo e(asset('theme/bower_components/bootstrap-daterangepicker/daterangepicker.js')); ?>"></script>
    <!-- datepicker -->
    <script src="<?php echo e(asset('theme/bower_components/bootstrap-datepicker/dist/js/bootstrap-datepicker.min.js')); ?>"></script>

    <script src="<?php echo e(asset('theme/bower_components/jquery-slimscroll/jquery.slimscroll.min.js')); ?>"></script>
    <!-- FastClick -->
    <script src="<?php echo e(asset('theme/bower_components/fastclick/lib/fastclick.js')); ?>"></script>
    <!-- AdminLTE App -->
    <script src="<?php echo e(asset('theme/dist/js/adminlte.min.js')); ?>"></script>
    <!-- AdminLTE dashboard demo (This is only for demo purposes) -->
    <!-- <script src="<?php echo e(asset('')); ?>theme/dist/js/pages/dashboard.js"></script> -->
    <!-- AdminLTE for demo purposes -->
    <script src="<?php echo e(asset('theme/dist/js/demo.js')); ?>"></script>

    <script src="https:/cdn.ckeditor.com/4.14.0/standard/ckeditor.js"></script>

    <!-- Bootstrap WYSIHTML5 -->
    <!-- <link rel="stylesheet" type="text/css" href="<?php echo e(asset('')); ?>theme/datatables/buttons.dataTables.min.css">
    <script type="text/javascript" language="javascript" src="<?php echo e(asset('')); ?>theme/datatables/dataTables.buttons.min.js"></script>
    <script type="text/javascript" language="javascript" src="<?php echo e(asset('')); ?>theme/datatables/buttons.flash.min.js"></script>
    <script type="text/javascript" language="javascript" src="<?php echo e(asset('')); ?>theme/datatables/jszip.min.js"></script>
    <script type="text/javascript" language="javascript" src="<?php echo e(asset('')); ?>theme/datatables/pdfmake.min.js"></script>
    <script type="text/javascript" language="javascript" src="<?php echo e(asset('')); ?>theme/datatables/vfs_fonts.js"></script>
    <script type="text/javascript" language="javascript" src="<?php echo e(asset('')); ?>theme/datatables/buttons.html5.min.js"></script>
    <script type="text/javascript" language="javascript" src="<?php echo e(asset('')); ?>theme/datatables/buttons.print.min.js"></script> -->

    <!-- <script type="text/javascript" src="<?php echo e(asset('theme/uploader/image-uploader.min.js')); ?>"></script> -->

    <!-- FLOT CHARTS -->
    <!-- <script src="<?php echo e(asset('')); ?>theme/bower_components/Flot/jquery.flot.js"></script> -->
    <!-- FLOT RESIZE PLUGIN - allows the chart to redraw when the window is resized -->
    <!-- <script src="<?php echo e(asset('')); ?>theme/bower_components/Flot/jquery.flot.resize.js"></script> -->
    <!-- FLOT PIE PLUGIN - also used to draw donut charts -->
    <!-- <script src="<?php echo e(asset('')); ?>theme/bower_components/Flot/jquery.flot.pie.js"></script> -->
    <!-- FLOT CATEGORIES PLUGIN - Used to draw bar charts -->
    <!-- <script src="<?php echo e(asset('')); ?>theme/bower_components/Flot/jquery.flot.categories.js"></script> -->

    <!-- ChartJS -->
    <!-- <script src="<?php echo e(asset('')); ?>theme/bower_components/chart.js/Chart.js"></script> -->

    <script src="<?php echo e(asset('')); ?>theme/plugins/dropify/dropify.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function() {
            $(".dropify").dropify();
        });
    </script>
    <script type="text/javascript">
        // $('#dbType').on('change', function() {
        //     if ($(this).val() === "Instock") {
        //         $("#otherType").show()
        //         $("#case").prop('required', true);
        //     } else {
        //         $("#otherType").hide()
        //         $("#case").prop('required', false);
        //     }
        // });
    </script>

    <script type="application/javascript">
        $(function() {
            //Date range as a button
            $('#daterange-btn').daterangepicker({
                    ranges: {
                        'Today': [moment(), moment()],
                        'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
                        'Last 7 Days': [moment().subtract(6, 'days'), moment()],
                        'Last 30 Days': [moment().subtract(29, 'days'), moment()],
                        'This Month': [moment().startOf('month'), moment().endOf('month')],
                        'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
                    },
                    startDate: moment().subtract(29, 'days'),
                    endDate: moment()
                },
                function(start, end) {
                    $('#daterange-btn span').html(start.format('MMMM D, YYYY') + ' - ' + end.format('MMMM D, YYYY')),
                        $('#hiddenStartRange').val(start.format('YYYY-MM-DD'))
                    $('#hiddenEndRange').val(end.format('YYYY-MM-DD'))
                }
            );

            // $('.input-images-1').imageUploader({
            //     inputName: inputName,
            //     preloaded: preloaded
            // });

            // $('.input-images-2').imageUploader({
            //     preloaded: preloaded,
            //     imagesInputName: inputName,
            //     preloadedInputName: 'oldimages'
            // });

            //Date picker
            $('.datepicker').datepicker({
                autoclose: true,
                // dateFormat: 'dd-mm-yy',
            })


            // Replace the <textarea id="editor1"> with a CKEditor
            // instance, using default configuration.
            // CKEDITOR.replace('editor1');


            //Initialize Select2 Elements
            $('.select2').select2();

            // $('#example1').DataTable()
            // $('#example1').DataTable({
            //     'paging': true,
            //     'lengthChange': false,
            //     'searching': true,
            //     'ordering': false,
            //     'info': true,
            //     // 'autoWidth'   : false
            // });

            // $('.simpleTable').DataTable({ //use for non button pagination
            //     'paging': true,
            //     'lengthChange': false,
            //     'searching': true,
            //     'ordering': false,
            //     'info': true,
            //     // 'autoWidth'   : false
            // });


        });
        // $(document).ready(function() {
        //     $('.dtClass').DataTable({
        //         dom: 'Bfrtip',
        //         buttons: [
        //             'copyHtml5',
        //             'excelHtml5',
        //             'csvHtml5',
        //             'pdfHtml5',
        //             'print'
        //         ]
        //     });
        // });
        /** After windod Load */
        $(window).bind("load", function() {
            window.setTimeout(function() {
                $(".alert-success").fadeTo(500, 0).slideUp(500, function() {
                    $(this).remove();
                });
            }, 3000);
        });
    </script>
</body>

</html><?php /**PATH /opt/lampp81/htdocs/admin_panel/resources/views/layout/app.blade.php ENDPATH**/ ?>