<!DOCTYPE html>

<html lang="<?php echo e(config('app.locale')); ?>">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title><?php echo e(config('app.name', 'MyProject')); ?></title>
    <meta name="csrf-token" content="<?php echo e(csrf_token()); ?>">
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    
    <script type = "text/javascript" > 
        history.pushState(null, null); window.addEventListener('popstate', function(event) { history.pushState(null, null); }); 
    </script>

    <link rel="stylesheet" href="<?php echo e(asset('public/adminLTE/bootstrap/css/bootstrap.min.css')); ?>">
    <link rel="stylesheet" href="<?php echo e(asset('public/font-awesome/css/font-awesome.min.css')); ?>">
    <link rel="stylesheet" href="<?php echo e(asset('public/adminLTE/dist/css/AdminLTE.min.css')); ?>">
    <link rel="stylesheet" href="<?php echo e(asset('public/adminLTE/dist/css/skins/skin-black-light.min.css')); ?>">
    <link rel="stylesheet" href="<?php echo e(asset('public/adminLTE/plugins/datatables/dataTables.bootstrap.css')); ?>">
    <link rel="stylesheet" href="<?php echo e(asset('public/adminLTE/plugins/datepicker/datepicker3.css')); ?>">
  
    <link rel="stylesheet" href="<?php echo e(DIR_APP); ?>css/bootstrap.min.css">
	<link rel="stylesheet" href="<?php echo e(DIR_APP); ?>css/style.css">

	<script type="text/javascript" src="<?php echo e(DIR_APP); ?>public/adminLTE/dist/css/sweetalert.min.js"></script> 
	
    <style>

        ::-webkit-scrollbar {
			  width: 3px;
		}

		::-webkit-scrollbar-track {
			-webkit-box-shadow: inset 0 0 6px rgba(0,0,255,0.3); 
			border-radius: 10px;
		}

		::-webkit-scrollbar-thumb {
			border-radius: 10px;
			-webkit-box-shadow: inset 0 0 6px rgba(0,0,255,0.9); 
		}

      #menuUtama a:hover { 
        border-left: 2px rgb(53, 88, 247) solid; 
        background : rgb(217, 242, 243) ;
      }
      

      .tblheader {
        background: #2F4F4F;
        color: white;
        font-size: 15px;
      }
		
      .notification {
          background-color: blue;
          color: white;
          text-decoration: none;
          padding: 7px 11px;
          position: absolute;
          top: 60px;
          right:80px;
          display: inline-block;
          border-radius: 2px;
      }
        
      .notification:hover {
          background: yellow;
      }
        
      .notification .badge {
         position: absolute;
         top: -4px;
         right: -10px;
         padding: 4px 7px;
         border-radius: 50%;
         background-color: red;
         color: white;
      }
        #projectlogo { 
          background-color:black;
          color:white;
          text-decoration:none;
          font-size:15px;
          height:50px;
        }
        
        #projectlogo .logo-mini { font-size:15px; }

        #projectlogo:hover{ 
          color:white; 
          text-decoration:none; 
          background-color:black
        }

        #burger:hover{ color:white; text-decoration:none;background-color:black}
        #burger { 
            text-decoration:none; 
            border:0px;
            height:40px;
            width:120px; 
            padding:3px 2px;}

         #userlogo { right:50px;
                    width:120px; 
                   height:40px;
                    padding:3px 2px;
                    text-decoration:none; 
                    font-size:13px;
                    border:0px }


        #userlogo:hover{ color:white; text-decoration:none; background-color:black}
        #userlogo:not(hover) { color:white; text-decoration:none; background-color:black}
        

        .btn-outline-info, .btn-outline-warning, .btn-outline-success { 
            border:1px black solid;
            font-size: 2vh;
        }

        #myNavbar {
          width:100%;
          z-index:1000;
          /*position:fixed;*/
          top:0px;
          height:50px;
          background-color:black; 
          color:white; 
          text-decoration:none;
        }

        #myFooter{
			    width:100%;
			    z-index:900;
			    position:fixed;
			    top:92%;
			    height:57px;
			    background:black;
			    margin-top:3px;
			}

        #btnplus { padding:5px 5px; margin-top:15px;margin-right:20px; }
        
        .btn-group-xs > .btn, .btn-xs {
              padding: .25rem .4rem;
              font-size: .875rem;
              line-height: .5;
              border-radius: .2rem;

            }
        
        .btn-outline-info, .btn-outline-warning, .btn-outline-success { 
                border:1px black solid;
                font-size: 2vh;
            }
      
        .table-hover tbody tr:hover td, .table-hover tbody tr:hover th {
             background-color: #98FB98;
            }
            
        .____table-bordered { border:1px black solid; }
        
        .table td { 
              padding:.2rem 2rem; 
              font-size: .90rem;
              height:20px;
            }      
            
        .table th { padding 0.2rem 2rem; font-size:0.90rem; 
                background-color:#708090;
                color:white;height:25px;
            }
        
        .table {border-collapse: collapse;}
        
        .table tbody {
            padding:.2rem 2rem; 
            font-size: .90rem;
        } 
        
        
        .table th, td, tr { border-bottom: 1px black solid; }
        
        .modal .table td { 
              font-size: .85rem;
              padding:3px 6px;
            }  
            
         label {
             font-family: Verdana, Arial, Helvetica, sans-serif;
             font-size: small;
         }
         input[type="text"] {
             font-size: 13px;
         }         
         
         select[type="text"]{
             font-size: 13px;
         }      
         option [type="text"]{
             font-size: 15px;
         }         
         textarea[type="text"] {
             font-size: 13px;
         }         

        .dataTables_wrapper .dataTables_filter,
        .dataTables_wrapper .dataTables_length,
        .dataTables_wrapper .dataTables_info,
        .dataTables_wrapper .dataTables_page,        
        .dataTables_wrapper .ui-button {
            font-size:12px;
            padding: 10px 10px 10px 10px;
            }
        
        /* change "height" caused by exaggerated padding */
        .dataTables_wrapper .ui-toolbar {
                padding: 10px 10px 10px 10px;
            }
        
        .dataTables_wrapper .dataTables_filter label { font-size:12px;  }
        .dataTables_wrapper .dataTables_filter input { font-size:12px; width:auto; }
        .dataTables_wrapper .dataTables_paginate { font-size:12px; }
        
        .dataTables_wrapper .dataTables_length select {
            width:75px;
            font-size:15px;
            padding-top:0.2rem;
            padding-bottom:0.2rem;
        }
        
        .dataTables_wrapper .dataTables_length { display:none };


/* 
        div.dataTables_length {
            height:15px;
        }

        a.paginate_button,
        a.paginate_active {
            display: inline-block;
            background-color: #608995;
            padding: 2px 4px;
            margin-left: 2px;
            cursor: pointer;
            *cursor: hand;
        }
         
        a.paginate_active {
            background-color: transparent;
            border: 1px solid black;
        }
         
        a.paginate_button_disabled {
            color: #3d6672;
        }
        .paging_full_numbers a:active {
            outline: none
        }
        .paging_full_numbers a:hover {
            text-decoration: none;
        }
         
        div.dataTables_paginate span>a {
            width: 15px;
            text-align: center;
        }
         
        div.dataTables_info {
            padding: 9px 6px 6px 6px;
        }
*/
        #myInfo a:hover {text-decoration:none; }
        #profile {
            right:15px;
            width:300px;
        }

        .content-header { height: 3.5rem; margin-top: -12px; margin-bottom:-2px; background-color:white;}
        .breadcrumb{ height: 2.5rem; padding-bottom:-2rem;margin-bottom:-2px; margin-top: -3px; left:0px; background-color:white; width:100%;} 
        #mybreadcrumb { background-color:white; border-bottom:1px #DCDCDC solid; }         
        
        .main-footer { height:40px; padding-top:6px; }
		
       	.card {
          /* Add shadows to create the "card" effect */
          box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
          transition: 0.3s;
        }
        
        /* On mouse-over, add a deeper shadow */
        .card:hover {
          box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
        }
		
        .btn-success, .btn-danger, .btn-primary, .btn-warning, .btn-info {border:1px solid black; color:black; background-color:white;}
        
        .btn-success:hover {background-color: #90EE90; }
        .btn-primary:hover {background-color: #87CEEB; }
        .btn-danger:hover { background-color: #F08080; }
        .btn-warning:hover { background-color: #FFA07A; }
        .btn-info:hover { background-color: #DDA0DD; }


    </style>
	
</head>

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

   <!-- Header -->
  <header class="main-header" id="myHeader">

    <a href="#" class="logo" id="projectlogo">
      <span class="logo-mini"><b><?php echo e(COMP_INIT); ?></b></span>
      <span class="logo-lg"><b><?php echo e(COMP); ?> </b>System</span> 
    </a>

    <nav class="navbar navbar-static-top" role="navigation" id="myNavbar">
      <a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button" id="burger">
        <span class="sr-only">Toggle navigation</span>
      </a>
      
      <div class="navbar-custom-menu">
        <ul class="nav navbar-nav">
         
          <li class="dropdown user user-menu">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown" id="userlogo">
                <img src="<?php echo e(asset('public/images/admin.png')); ?>" class="user-image" alt="User Image">
                <span class="hidden-xs"><?php echo e(Auth::user()->username); ?></span>
            </a>
            <ul class="dropdown-menu" id="profile">
                <li class="user-header">
                    <img src="<?php echo e(asset('public/images/admin.png')); ?>" class="img-circle" alt="User Image">

                    <p>
                      <?php echo e(Auth::user()->username); ?>

					  <?php echo e(Auth::user()->group); ?>

                    </p>
                </li>
                <li class="user-footer">
                    <div class="pull-left">
                        <a class="btn btn-default btn-flat" href="<?php echo e(route('user.profil')); ?>">Edit Profil</a>
                    </div>
                    <div class="pull-leftt">
                        <a class="btn btn-default btn-flat" href="<?php echo e(route('logout')); ?>" onclick="event.preventDefault(); document.getElementById('logout-form').submit();"> Logout
                        </a>
                        <form id="logout-form" action="<?php echo e(route('logout')); ?>" method="POST" style="display: none;">
                            <?php echo e(csrf_field()); ?>

                        </form>
                    </div>
                </li>

            </ul>
          </li>
        </ul>
      </div>
    </nav>
  </header>
  <!-- End Header -->


  <!-- Sidebar -->
  <aside class="main-sidebar">

    <section class="sidebar" style="font-size:2vh;">

      <ul class="sidebar-menu" id="menuUtama">

        <li class="header">MENU NAVIGATION</li>

        <li><a href="<?php echo e(route('home')); ?>"><i class="fa fa-dashboard"></i> <span>Dashboard</span></a></li>


		<li class="treeview">
		    <a href="#"><i class="fa fa-paste"></i> <span>Master</span> <i class="fa fa-angle-down pull-right"></i></a>
		    <ul class="treeview-menu">
                <li><a href="<?php echo e(route('category.index')); ?>"><i class="fa fa-cogs"></i> <span>Category/ Class Barang</span></a></li>
				<li><a href="<?php echo e(route('product.index')); ?>"><i class="fa fa-barcode"></i> <span>Master Product</span></a></li>
				<li><a href="<?php echo e(route('supplier.index')); ?>"><i class="fa fa-truck"></i> <span>Master Supplier</span></a></li>
                <li><a href="<?php echo e(route('customer.index')); ?>"><i class="fa fa-male"></i> <span>Master Customer</span></a></li>		
                <li><a href="<?php echo e(route('salesman.index')); ?>"><i class="fa fa-user-circle-o"></i> <span>Master Salesman</span></a></li>		
                <li><a href="<?php echo e(route('salesman.area')); ?>"><i class="fa fa-map-marker"></i> <span>Master Area Salesman</span></a></li>		
                <li><a href="<?php echo e(route('gudang.index')); ?>"><i class="fa fa-home"></i> <span>Master Gudang</span></a></li>		
				
			</ul>
		</li>	 

		<li class="treeview">
		    <a href="#"><i class="fa fa-shopping-bag"></i> <span>Pembelian Barang</span> <i class="fa fa-angle-down pull-right"></i></a>
		    <ul class="treeview-menu">
                <li><a href="<?php echo e(route('invoice.index')); ?>"><i class="fa fa-shopping-cart"></i> <span>Pembelian </span></a></li>
                <li><a href="<?php echo e(route('home')); ?>"><i class="fa fa-reply-all"></i> <span>Retur Pembelian </span></a></li>
            </ul>
        </li>


        <li class="treeview">
		    <a href="#"><i class="fa fa-dollar"></i> <span>Penjualan</span> <i class="fa fa-angle-down pull-right"></i></a>
		    <ul class="treeview-menu">
		        <li><a href="<?php echo e(route('sales.index')); ?>"><i class="fa fa-cart-plus"></i> <span>Penjualan Sales</span></a></li>
		        <li><a href="<?php echo e(route('kanvas.index')); ?>"><i class="fa fa-cart-plus"></i> <span>Penjualan Kanvas</span></a></li>
		        

		        <li><a href="<?php echo e(route('retur.index')); ?>"><i class="fa fa-reply-all"></i><span>Retur Penjualan</span></a></li>
		        <!--li><a href="<?php echo e(route('order.index')); ?>"><i class="fa fa-pencil-square-o"></i><span>Sales Order</span></a></li-->
		        <li><a href="<?php echo e(route('sales.index_tagihan')); ?>"><i class="fa fa-file-pdf-o"></i><span>Tagihan</span></a></li>
		        <li><a href="<?php echo e(route('pelunasan.index')); ?>"><i class="fa fa-money"></i><span>Pelunasan Faktur Penjualan</span></a></li>
		        
            </ul>
	    </li>
	    
        <li class="treeview">
		    <a href="#"><i class="fa fa-line-chart"></i> <span>Report</span> <i class="fa fa-angle-down pull-right"></i></a>
		    <ul class="treeview-menu">            
                <li><a href="<?php echo e(route('report.index_sale')); ?>"><i class="fa fa-file-text-o"></i> <span>Report Penjualan</span></a></li>
                <li><a href="<?php echo e(route('home')); ?>"><i class="fa fa-file-pdf-o"></i> <span>Report Penjualan-2</span></a></li>
		    </ul>
		</li>	    

        <li class="treeview">
		    <a href="#"><i class="fa fa-database"></i> <span>Stock</span> <i class="fa fa-angle-down pull-right"></i></a>
		    <ul class="treeview-menu">            
		        <li><a href="<?php echo e(route('stock.index')); ?>"><i class="fa fa-database"></i> <span>Display Stock Gudang</span></a></li>
                <li><a href="<?php echo e(route('mutasi.index')); ?>"><i class="fa fa-exchange"></i> <span>Mutasi Stock</span></a></li>
                <li><a href="<?php echo e(route('stockopname.index')); ?>"><i class="fa fa-exchange"></i> <span>Stock Opname</span></a></li>
		    </ul>
		</li>	
		
        <li class="treeview">
		    <a href="#"><i class="fa fa-calendar"></i> <span>History</span> <i class="fa fa-angle-down pull-right"></i></a>
		    <ul class="treeview-menu">  
		        <li><a href="<?php echo e(route('invoice.history')); ?>"><i class="fa fa-shopping-bag"></i> <span>History Pembelian</span></a></li>
		        <li><a href="<?php echo e(route('sales.history')); ?>"><i class="fa fa-cart-plus"></i> <span>History Penjualan</span></a></li>
		        <li><a href="<?php echo e(route('mutasi.index_history')); ?>"><i class="fa fa-exchange"></i> <span>History Mutasi</span></a></li>
		        <li><a href="<?php echo e(route('retur.index_history')); ?>"><i class="fa fa-reply-all"></i><span>History Retur Penjualan</span></a></li>
		        <li><a href="<?php echo e(route('pelunasan.index_history')); ?>"><i class="fa fa-money"></i><span>History Pelunasan Faktur</span></a></li>
		    </ul>
		</li>	  		
	    
	    <li><a href="<?php echo e(route('report.index_jurnal')); ?>"><i class="fa fa-list-alt"></i><span>Jurnal Harian</span></a></li>
	    
        <?php if(Auth::user()->group=="MANAGER"): ?>
            <li><a href="<?php echo e(route('sales.unposting')); ?>"><i class="fa fa-recycle"></i><span>Unposting Faktur Penjualan</span></a></li>
            <li><a href="<?php echo e(route('setting.testprinter')); ?>"><i class="fa fa-print"></i><span>Tes Printer Dotmatrix</span></a></li>
	  	    <li><a href="<?php echo e(route('user.index')); ?>"><i class="fa fa-user"></i> <span>User</span></a></li>   
	    <?php endif; ?>
	
    
    <li><a href="<?php echo e(route('logout')); ?>" onclick="event.preventDefault(); document.getElementById('logout-form').submit();">
			<i class="fa fa-sign-out"></i><span>Logout </span></a></li>

  
    </section>
  </aside>
  <!-- End Sidebar -->

  <!-- Content  -->
  <div class="content-wrapper">
  <section class="content-header"> 
	<!--
	  <font size="4vh">
        <?php echo $__env->yieldContent('title'); ?>
      </font>
	-->
      <ol class="breadcrumb" id="mybreadcrumb">
        <?php $__env->startSection('breadcrumb'); ?>
        <li><a href="#"><i class="fa fa-home"></i>Home</a></li>
        <?php echo $__env->yieldSection(); ?>
      </ol>
   </section> 

    <section class="content">
        <?php echo $__env->yieldContent('content'); ?>
    </section>

  </div>
  <!-- End Content -->

  <!-- Footer -->

  <footer class="main-footer">
    <div class="pull-right hidden-xs">
      <font size="2vh"><?php echo e(COMPANY); ?></font>
	</div>
    <strong><font size="2vh">Copyright &copy; 2022</font> <a href="#">Alfredo</a>.</strong> All rights reserved.
  </footer>
  <!-- End Footer -->



<script src="<?php echo e(asset('public/adminLTE/plugins/jQuery/jquery-2.2.3.min.js')); ?>"></script>
<script src="<?php echo e(asset('public/adminLTE/bootstrap/js/bootstrap.min.js')); ?>"></script>
<script src="<?php echo e(asset('public/adminLTE/dist/js/app.min.js')); ?>"></script>

<script src="<?php echo e(asset('public/adminLTE/plugins/chartjs/Chart.min.js')); ?>"></script>
<script src="<?php echo e(asset('public/adminLTE/plugins/datatables/jquery.dataTables.min.js')); ?>"></script>
<script src="<?php echo e(asset('public/adminLTE/plugins/datatables/dataTables.bootstrap.min.js')); ?>"></script>
<script src="<?php echo e(asset('public/adminLTE/plugins/datepicker/bootstrap-datepicker.js')); ?>"></script>
<script src="<?php echo e(asset('public/js/validator.min.js')); ?>"></script>


<?php echo $__env->yieldContent('script'); ?>

</body>
</html><?php /**PATH /home/myprojeq/public_html/sriayu2/resources/views/layouts/app.blade.php ENDPATH**/ ?>