<!DOCTYPE html>

<html lang="{{ config('app.locale') }}">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>{{ config('app.name', 'MyProject') }}</title>
    <meta name="csrf-token" content="{{ 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="{{ asset('public/adminLTE/bootstrap/css/bootstrap.min.css') }}">
    <link rel="stylesheet" href="{{ asset('public/font-awesome/css/font-awesome.min.css') }}">
    <link rel="stylesheet" href="{{ asset('public/adminLTE/dist/css/AdminLTE.min.css') }}">
    <link rel="stylesheet" href="{{ asset('public/adminLTE/dist/css/skins/skin-black-light.min.css') }}">
    <link rel="stylesheet" href="{{ asset('public/adminLTE/plugins/datatables/dataTables.bootstrap.css') }}">
    <link rel="stylesheet" href="{{ asset('public/adminLTE/plugins/datepicker/datepicker3.css') }}">
  
    <link rel="stylesheet" href="{{ DIR_APP }}css/bootstrap.min.css">
	<link rel="stylesheet" href="{{ DIR_APP }}css/style.css">

	<script type="text/javascript" src="{{ 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(0, 0, 0) solid; 
        background : rgb(40, 178, 170) ;
      }
      

      .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:#008080;
          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:#008080;
        }

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

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


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

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

        #myNavbar {
          width:auto;
          z-index:1000;
          /*position:fixed;*/
          top:0px;
          height:50px;
          background-color:#008080; 
          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; }
        
        .main-footer {
              left: 0;
              bottom: 0;
              width: 100%;
              background-color: white;
              color: black;
              h___eight:35px; 

        }
        
        .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: 12px;
         }         

        .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; }         
        
        
		
       	.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; }


        
/* switches */
        .switch {
          position: relative;
          display: inline-block;
          width: 45px;
          height: 22px;
          margin-top:3px;margin-bottom:3px;margin-right:2px;margin-left:2px;
        }
        
        .switch input { 
          opacity: 0;
          width: 0;
          height: 0;
        }
        
        .slider {
          position: absolute;
          cursor: pointer;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          background-color: #ccc;
          -webkit-transition: .4s;
          transition: .4s;
        }
        
        .slider:before {
          position: absolute;
          content: "";
          height: 17px;
          width: 17px;
          left: 3px;
          bottom: 3px;
          background-color: white;
          -webkit-transition: .4s;
          transition: .4s;
        }
        
        input:checked + .slider {
          background-color: #2196F3;
        }
        
        input:focus + .slider {
          box-shadow: 0 0 1px #2196F3;
        }
        
        input:checked + .slider:before {
          -webkit-transform: translateX(22px);
          -ms-transform: translateX(22px);
          transform: translateX(22px);
        }
        
        /* Rounded sliders */
        .slider.round {
          border-radius: 24px;
        }
        
        .slider.round:before {
          border-radius: 50%;
        }
        



    </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>{{ COMP_INIT }}</b></span>
      <span class="logo-lg"><b>{{ COMP }} </b></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="{{ asset('public/images/admin.png') }}" class="user-image" alt="User Image">
                <span class="hidden-xs">{{ Auth::user()->username }}</span>
            </a>
            <ul class="dropdown-menu" id="profile">
                <li class="user-header">
                    <img src="{{ asset('public/images/admin.png') }}" class="img-circle" alt="User Image">

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

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


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

    <section class="sidebar" style="font-size:13px;">

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

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

        <li><a href="{{ route('home') }}"><i class="fa fa-dashboard"></i> <span>Dashboard</span></a></li>


		<li class="treeview">
		    <a href="#"><i class="fa fa-compass"></i> <span>Project Perumahan</span> <i class="fa fa-angle-down pull-right"></i></a>
		    <ul class="treeview-menu">
                <li><a href="{{ route('project.index') }}"><i class="fa fa-map-marker"></i> <span>Master Project</span></a></li>		
                <li><a href="{{ route('rumah.index') }}"><i class="fa fa-home"></i> <span>Master Rumah</span></a></li>				        
                <li><a href="{{ route('customer.index') }}"><i class="fa fa-user"></i> <span>Data Customer</span></a></li>
                <li><a href="{{ route('transaksi.index') }}"><i class="fa fa-dollar"></i> <span>Transaki Penjualan Rumah</span></a></li>
                <li><a href="{{ route('transaksi.bataltrx') }}"><i class="fa fa-times"></i> <span>Transaki BATAL</span></a></li>
                <li><a href="{{ route('hutang.index') }}"><i class="fa fa-balance-scale"></i> <span>Hutang Project</span></a></li>
                <li><a href="{{ route('referensi.index') }}"><i class="fa fa-share-alt"></i> <span>Data Referensi</span></a></li>
			</ul>
		</li>	 

		<li class="treeview">
		    <a href="#"><i class="fa fa-cubes"></i> <span>Master</span> <i class="fa fa-angle-down pull-right"></i></a>
		    <ul class="treeview-menu">
		        <li><a href="{{ route('product.index') }}"><i class="fa fa-cubes"></i> <span>Master Material </span></a></li>
		        <li><a href="{{ route('category.index') }}"><i class="fa fa-cogs"></i> <span>Master Category </span></a></li>
                <li><a href="{{ route('gudang.index') }}"><i class="fa fa-home"></i> <span>Master Gudang</span></a></li>
                <li><a href="{{ route('supplier.index') }}"><i class="fa fa-truck"></i> <span>Master Supplier </span></a></li>
                <li><a href="{{ route('supplier.pricelist') }}"><i class="fa fa-list"></i> <span>Master Pricelist </span></a></li>
            </ul>
        </li>
        
		<li class="treeview">
		    <a href="#"><i class="fa fa-shopping-bag"></i> <span>Purchasing</span> <i class="fa fa-angle-down pull-right"></i></a>
		    <ul class="treeview-menu">
                <li><a href="{{ route('invoice.index') }}"><i class="fa fa-shopping-cart"></i> <span>Pembelian </span></a></li>
                <li><a href="{{ route('invoice.editharga') }}"><i class="fa fa-pencil"></i> <span>Edit Harga Pembelian </span></a></li>
                <li><a href="{{ route('po.index') }}"><i class="fa fa-shopping-cart"></i> <span>Purchase Order (PO) </span></a></li>
                <li><a href="{{ route('pelunasan.index') }}"><i class="fa fa-money"></i> <span>Pelunasan Invoice Pembelian </span></a></li>
            </ul>
        </li>        


        <li class="treeview">
		    <a href="#"><i class="fa fa-money"></i> <span>Finance</span> <i class="fa fa-angle-down pull-right"></i></a>
		    <ul class="treeview-menu">
                <li><a href="{{ route('biaya.index') }}"><i class="fa fa-edit"></i> <span>Kas Pengeluaran</span></a></li>
                <li><a href="{{ route('account.index') }}"><i class="fa fa-list"></i> <span>Master Account</span></a></li>
                <li><a href="{{ route('biaya.import_data') }}"><i class="fa fa-list"></i> <span>Import form XLS</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="{{ route('keluar.index') }}"><i class="fa fa-file-text-o"></i> <span>Pengeluaran Barang(DO)</span></a></li>
		        <li><a href="{{ route('stock.index') }}"><i class="fa fa-database"></i> <span>Display Stock Gudang</span></a></li>
                <li><a href="{{ route('mutasi.index') }}"><i class="fa fa-exchange"></i> <span>Mutasi Stock Gudang</span></a></li>
                <li><a href="{{ route('stockopname.index') }}"><i class="fa fa-pencil-square-o"></i> <span>Stock Opname</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="{{ route('report.index_kasmasuk') }}"><i class="fa fa-file-text-o"></i> <span>Report Pemasukan Kas</span></a></li>
                <li><a href="{{ route('report.index_sale') }}"><i class="fa fa-file-pdf-o"></i> <span>Report Penjualan Rumah </span></a></li>
                <li><a href="{{ route('report.index_detail') }}"><i class="fa fa-file-image-o"></i> <span>Report Penjualan Detail </span></a></li>
                <li><a href="{{ route('report.index_hutang') }}"><i class="fa fa-balance-scale"></i> <span>Report Sisa Hutang</span></a></li>
                <li><a href="{{ route('report.index_piutang') }}"><i class="fa fa-edit"></i> <span>Report Piutang</span></a></li>
                <li><a href="{{ route('report.index_pelunasan') }}"><i class="fa fa-money"></i> <span>Report Pelunasan</span></a></li>
                <li><a href="{{ route('home') }}"><i class="fa fa-calculator"></i> <span>Report Biaya</span></a></li>
                <li><a href="{{ route('home') }}"><i class="fa fa-money"></i> <span>Report Fee Penjualan Rumah</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="{{ route('invoice.history') }}"><i class="fa fa-shopping-bag"></i> <span>History Pembelian</span></a></li>
		        <!--li><a href="{{ route('keluar.history') }}"><i class="fa fa-cart-plus"></i> <span>History Keluar Barang</span></a></li-->
		        <!--li><a href="{{ route('mutasi.index_history') }}"><i class="fa fa-exchange"></i> <span>History Mutasi</span></a></li-->
		        <li><a href="{{ route('pelunasan.index_history') }}"><i class="fa fa-money"></i><span>Hist. Pelunasan Pembelian</span></a></li>
		        
		    </ul>
		</li>	  		
		
    
	    <!--li><a href="{{ route('report.index_jurnal') }}"><i class="fa fa-list-alt"></i><span>Jurnal Harian</span></a></li-->

	    
        @if(Auth::user()->group=="MANAGER")
            
            <li class="treeview">
    		    <a href="#"><i class="fa fa-calendar"></i> <span>Payroll</span> <i class="fa fa-angle-down pull-right"></i></a>
    		    <ul class="treeview-menu">  
        	  	    <li><a href="{{ route('pegawai.index')       }}"><i class="fa fa-male"></i> <span>Data Pegawai</span></a></li>   
        	  	    <li><a href="{{ route('gaji.index')       }}"><i class="fa fa-money"></i> <span>Master Gaji</span></a></li>
        	  	    <li><a href="{{ route('kasbon.index')       }}"><i class="fa fa-credit-card-alt"></i> <span>Kasbon</span></a></li>   
        	  	    <li><a href="{{ route('gaji.indexproses')        }}"><i class="fa fa-tasks"></i> <span>Proses Gaji Bulanan</span></a></li>   
    	  	    </ul>
	  	    </li>
	  	    
	  	    <li><a href="{{ route('user.index') }}"><i class="fa fa-user"></i> <span>User</span></a></li> 
	    @endif

<!--	    
        @if(Auth::user()->username=="alfredo")
            <li><a href="{{ route('setting.testprinter') }}"><i class="fa fa-print"></i><span>Tes Printer Dotmatrix</span></a></li>
            <li><a href="{{ route('transaksi.testkwt') }}"><i class="fa fa-print"></i><span>Tes Print Kwitansi</span></a></li>
        @endif	
-->        
        <li><a href="{{ 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">
        @yield('title')
      </font>
	-->
      <ol class="breadcrumb" id="mybreadcrumb">
        @section('breadcrumb')
        <li><a href="#"><i class="fa fa-home"></i>Home</a></li>
        <div class="pull-right" id="validuntil" style="color:white;background-color:red;"></div>
        @show
      </ol>
   </section> 

    <section class="content">
        @yield('content')
    </section>

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

  <!-- Footer -->

  <footer class="main-footer">
    <font size="2px"><strong>Copyright &copy; 2023 <a href="#">Alfredo</a>.</strong> All rights reserved.</font>
  </footer>
  <!-- End Footer -->


<script src="{{ asset('public/adminLTE/plugins/jQuery/jquery-2.2.3.min.js') }}"></script>
<script src="{{ asset('public/adminLTE/bootstrap/js/bootstrap.min.js') }}"></script>
<script src="{{ asset('public/adminLTE/dist/js/app.min.js') }}"></script>

<script src="{{ asset('public/adminLTE/plugins/chartjs/Chart.min.js') }}"></script>
<script src="{{ asset('public/adminLTE/plugins/datatables/jquery.dataTables.min.js') }}"></script>
<script src="{{ asset('public/adminLTE/plugins/datatables/dataTables.bootstrap.min.js') }}"></script>
<script src="{{ asset('public/adminLTE/plugins/datepicker/bootstrap-datepicker.js') }}"></script>
<script src="{{ asset('public/js/validator.min.js') }}"></script>

<script type="text/javascript">
 
tampilvalid();

function tampilvalid(){    
    $.ajax({
        url : "{{ DIR_APP }}setting/cekvalid",
        type: "GET",
        dataType: "JSON",
        success : function(data) {
            
            $('#validuntil').text(data.valid);
        }
        
    });
}

 function namaHari(){
    var dt = new Date("Juni 24, 2023");
    //     document.write("getDay() : " + dt.getDay() ); 
    alert(dt.getDay());
}
    
</script>


@yield('script')

</body>
</html>