<!DOCTYPE html>
<html lang="en">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <title><?php echo $__env->yieldContent('pageTitle'); ?></title>
      <meta name="csrf-token" content="<?php echo e(csrf_token()); ?>">
  <link rel="stylesheet" href="<?php echo e(asset('admin/simple-line-icons/css/simple-line-icons.css')); ?>">
    <link rel="stylesheet" href="<?php echo e(asset('admin/flag-icon-css/css/flag-icon.min.css')); ?>">
    <link rel="stylesheet" href="<?php echo e(asset('admin/css/vendor.bundle.base.css')); ?>">
   

    <link rel="stylesheet" href="<?php echo e(asset('admin/admintheme/css/style.css')); ?>">
    <link rel="stylesheet" href="<?php echo e(asset('css/vega_css.css')); ?>">
    <link rel="shortcut icon" href="{ asset('admin/admintheme/images/favicon.png') }}" />
    <link rel="stylesheet" type="text/css" href="<?php echo e(asset('date_picker/jquery.datetimepicker.css')); ?>"/>
    
    <link rel="stylesheet" href="<?php echo e(asset('admin/admintheme/css/tree.css')); ?>">
    <link rel="stylesheet" href="<?php echo e(asset('css/jqury_min.css')); ?>">
    <link rel="stylesheet" href="<?php echo e(asset('css/MonthPicker.min.css')); ?>">
      <link href="<?php echo e(asset('css/datepicker.min.css')); ?>" rel="stylesheet">

    <script src="<?php echo e(asset('js/jquery-3.6.3.min.js')); ?>" ></script>
    <script src="<?php echo e(asset('js/jquery.slimscroll.min.js')); ?>" ></script>



<!-- jQuery and jQuery UI -->




    <script src="<?php echo e(asset('js/tree.js')); ?>" ></script>

       <script src="<?php echo e(asset('js/vega_scripts.js')); ?>" ></script>

       <link rel="stylesheet" href="<?php echo e(asset('css/select2.min.css')); ?>">
<!-- <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" /> -->


<style>


.table-autocomplete thead{

 background: aquamarine;


}
.table-autocomplete {
  width: 100%;
  font-size: 15px;
}
.ui-menu-item:hover{
color:white;
background:black;
}
.ui-menu .ui-menu-item-wrapper:hover {
        color: #303030;
        background-color: red;
        border: #fff 1px solid;
    }   


    .ui-state-focus{
      color: #303030;
        background-color: red;
        border: #fff 1px solid;
    }

    .navbar{
      background:none !important;
    }
    .sidebar{
      background: #1a1a17 !important;
    }
</style>


  </head>
  <body>


    <div class="container-scroller">
      <!-- partial:../../partials/_navbar.html -->
      <nav class="navbar default-layout-navbar col-lg-12 col-12 p-0 fixed-top d-flex flex-row">

      <div class="col-lg-12 col-sm-12 col-12" >


<div class="row">

<!-- <div class="col-lg-4 col-sm-4 col-4">
   <a class="" href="/home">
<img src="<?php echo e(URL('images/rahul_bannerN.png')); ?>" alt="logo" class="logo-dark" style="height:80%;"/></a>


</div> -->


<div  class="col-lg-12 col-sm-12 col-ms-12 col-12" style="background-image:url(<?php echo e(URL('images/Logo_Long.png')); ?>);height:100px;background-size: 3000px 100px;
background-repeat: no-repeat;">

  <div class="navbar-menu-wrapper d-flex align-items-right flex-grow-1" style="height:80%;padding: 0px;width: 100%;">
    

          <ul class="navbar-nav navbar-nav-right ml-auto" >
      
            <li class="nav-item dropdown d-none d-xl-inline-flex user-dropdown" style="align-items: end;">
              <a class="nav-link dropdown-toggle" id="UserDropdown" href="/" data-toggle="dropdown" aria-expanded="false">
                <img class="img-xs rounded-circle ml-2" src="<?php echo e(asset('admin/admintheme/images/user-icon.png')); ?>" alt="Profile image"> <span class="font-weight-normal"> 
                <?php echo e(Session::get('uname')); ?>

                </span></a>
              <div class="dropdown-menu dropdown-menu-right navbar-dropdown" aria-labelledby="UserDropdown">
                
              
                <a class="dropdown-item"><i class="dropdown-item-icon icon-energy text-primary"></i> Change Password</a>
                
                <a class="dropdown-item" href="<?php echo e(route('logout')); ?>"
                                       onclick="event.preventDefault();
                                                     document.getElementById('logout-form').submit();"><i class="dropdown-item-icon icon-power text-primary"></i>Sign Out
                                                     <form id="logout-form" action="<?php echo e(route('logout')); ?>" method="POST" class="d-none"  enctype="multipart/form-data">
                                        <?php echo csrf_field(); ?>
                                    </form>
                                                   </a>
              </div>
            </li>
          </ul>
          <button class="navbar-toggler navbar-toggler-right d-lg-none align-self-center" type="button" data-toggle="offcanvas">
            <span class="icon-menu"></span>
          </button>
        </div>
</div>


</div>

</div>
        



       
      </nav>



      <!-- partial -->
      <div class="container-fluid page-body-wrapper" style="padding-top: 74px !important;">
        <!-- partial:../../partials/_sidebar.html -->
        <nav class="sidebar sidebar-offcanvas" data-bs-scroll="true" id="sidebar">
          <ul class="nav">
          <a class="" href="/home">
            <li class="nav-item nav-category">
              <span class="nav-link" style="margin-top: 8px;">Menus</span>
            </li>
  </a>

            
           <?php $__currentLoopData = $contents; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $ind =>$content): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
               <?php if($content['to_admin']==Session::get('is_admin')): ?>
               <?php if($content['menu_type']==3): ?>
               <li class="nav-item">
            
              <a class="nav-link" href="<?php echo "/".$content['root']."/".$content['menu_id']; ?> ">

                <span class="menu-title"><?php echo $content['menu_name']; ?></span>
                <i class="<?php echo $content['menu_icon']; ?> menu-icon"></i>
              </a>
            </li>
            <?php endif; ?>
             <?php if($content['menu_type']==0): ?>
             <li class="nav-item">
              <a class="nav-link" data-toggle="collapse" href="#ui-basic" aria-expanded="false" aria-controls="ui-basic">
                <span class="menu-title"><?php echo $content['menu_name']; ?></span>
                <i class="<?php echo $content['menu_icon']; ?> menu-icon"></i>
              </a>
              <div class="collapse" id="ui-basic">
                <ul class="nav flex-column sub-menu">
                     <?php $__currentLoopData = $content['sub']; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $id=> $subm): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                  <li class="nav-item"> <a class="nav-link" href="<?php echo "/".$subm['root']."/".$subm['menu_id']; ?>"><?php echo $subm['menu_name']; ?></a></li>
                 
                     <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                </ul>
              </div>
            </li>
            <?php endif; ?>
            <?php endif; ?>
                 <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
            
            
          </ul>
        </nav>
        <!-- partial -->
        <div class="main-panel">
          <div class="content-wrapper">
               <?php echo $__env->yieldContent('page-content'); ?>
          </div>
          

          <div   tabindex="-1" id="myModaltable" class="modal fade" role="dialog">
    <div class="modal-dialog modal-lg" >
    
      <!-- Modal content-->
      <div class="modal-content" style="height:auto !important;">
        <div class="modal-header">         
          <h4 class="modal-title">Table Settings <?php //echo $formid; ?></h4>
         <button aria-hidden="true" data-dismiss="modal" class="btn-close" type="button"></button>
        </div>
        <div class="modal-body">
        
   
        <form  method="post" autocomplete="off" action="/save_table_settings" class="modal_form" enctype="multipart/form-data"  role="form"  autocomplete="off" >
        
    

</form>
       
        </div>
        <div class="modal-footer" style="border-top:none !important;">
      
        </div>
      </div>
      
    </div>
  </div>
          <!-- content-wrapper ends -->
          <!-- partial:../../partials/_footer.html -->
          <footer class="footer">
            <div class="d-sm-flex justify-content-center justify-content-sm-between">
              <span class="text-muted d-block text-center text-sm-left d-sm-inline-block">Copyright © vega bussiness softwere 2022</span>
             
            </div>
          </footer>
          <!-- partial -->
        </div>
        <!-- main-panel ends -->
      </div>








      
      <!-- page-body-wrapper ends -->
    </div>
    <!-- container-scroller -->
    <!-- plugins:js -->
    <script src="<?php echo e(asset('admin/js/vendor.bundle.base.js')); ?>"></script>
    <!-- endinject -->
    <!-- Plugin js for this page -->
    <!-- End plugin js for this page -->
    <!-- inject:js -->
   <script src="<?php echo e(asset('js/moment.min.js')); ?>"></script>
    <script src="<?php echo e(asset('js/bootstrap-datetimepicker.min.js')); ?>"></script> 
    <script src="<?php echo e(asset('admin/admintheme/js/off-canvas.js')); ?>"></script>
    <script src="<?php echo e(asset('admin/admintheme/js/misc.js')); ?>"></script>
    <script src="<?php echo e(asset('project-js/vega-scripts.js')); ?>"></script>
    <script src="<?php echo e(asset('date_picker/jquery.js')); ?>" ></script>
    <script src="<?php echo e(asset('date_picker/jquery.datetimepicker.full.js')); ?>" ></script>

    <script src="<?php echo e(asset('datatables/jquery.dataTables.min.js')); ?>"></script>
<script src="<?php echo e(asset('datatables/dataTables.bootstrap4.min.js')); ?>"></script>
<!-- Buttons examples -->
<script src="<?php echo e(asset('datatables/dataTables.buttons.min.js')); ?>"></script>
<script src="<?php echo e(asset('datatables/buttons.bootstrap4.min.js')); ?>"></script>
<script src="<?php echo e(asset('datatables/jszip.min.js')); ?>"></script>
<script src="<?php echo e(asset('datatables/pdfmake.min.js')); ?>"></script>
<script src="<?php echo e(asset('datatables/vfs_fonts.js')); ?>"></script>
<script src="<?php echo e(asset('datatables/buttons.html5.min.js')); ?>"></script>
<script src="<?php echo e(asset('datatables/buttons.print.min.js')); ?>"></script>
<script src="<?php echo e(asset('datatables/buttons.colVis.min.js')); ?>"></script>
<!-- Responsive examples -->
<script src="<?php echo e(asset('datatables/dataTables.responsive.min.js')); ?>"></script>
<script src="<?php echo e(asset('datatables/responsive.bootstrap4.min.js')); ?>"></script>

<script src="<?php echo e(asset('js/select2.min.js')); ?>" ></script>
<script src="<?php echo e(asset('js/jquery.ui.min.js')); ?>" ></script>

<script src="<?php echo e(asset('js/MonthPicker.min.js')); ?>" ></script>
<script src="<?php echo e(asset('js/bootstrap.min.js')); ?>"></script>
<script src="<?php echo e(asset('js/bootstrap-datepicker.min.js')); ?>"></script>





<!-- <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
 -->

    
<!--   <script src="//cdn.datatables.net/1.13.1/js/jquery.dataTables.min.js"></script>
 --> 
  
    <!-- endinject -->
    <!-- Custom js for this page -->
    <!-- End custom js for this page -->






<script>



$.widget('custom.tableAutocomplete', $.ui.autocomplete, {
    options: {
        open: function (event, ui) {
            // Hack to prevent a 'menufocus' error when doing sequential searches using only the keyboard
            $('.ui-autocomplete .ui-menu-item:first').trigger('mouseover');
            
        },
        focus: function (event, ui) {
            event.preventDefault();
        }
    },
    _create: function () {
        this._super();
        // Using a table makes the autocomplete forget how to menu.
        // With this we can skip the header row and navigate again via keyboard.
        
        this.widget().menu("option", "items", ".ui-menu-item");
      
    },
    _renderMenu: function (ul, items) {
        var self = this;
        var $table = $('<table class="table-autocomplete">'),
            $thead = $('<thead>'),
            $headerRow = $('<tr>'),
            $tbody = $('<tbody>');

        $.each(self.options.columns, function (index, columnMapping) {
           // $('<th>').css("");
            $('<th style="width:'+columnMapping.width+' !important;">').text(columnMapping.title).appendTo($headerRow);
        });

        $thead.append($headerRow);
        $table.append($thead);
        $table.append($tbody);

        ul.html($table);

        $.each(items, function (index, item) {
            self._renderItemData(ul, ul.find("table tbody"), item);
        });
    },
    _renderItemData: function (ul, table, item) {
        return this._renderItem(table, item).data("ui-autocomplete-item", item);
    },
    _renderItem: function (table, item) {
        var self = this;
        var $tr = $('<tr class="ui-menu-item" role="presentation">');

        $.each(self.options.columns, function (index, columnMapping) {
            var cellContent = !item[columnMapping.field] ? '' : item[columnMapping.field];
            $('<td>').text(cellContent).appendTo($tr);
        });

        return $tr.appendTo(table);
    }
});






</script>
     <?php echo $__env->yieldContent('page-script'); ?>
  </body>
</html>

<?php /**PATH D:\xampp\htdocs\petro\resources\views/layouts/admin.blade.php ENDPATH**/ ?>