<?php
  $list_menu['utama'] = GlobalHelper::list_modul(0,'utama');
  $list_menu['tambahan'] = GlobalHelper::list_modul(0,'tambahan');
?>
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <meta name="description" content="">
    <meta name="author" content="jombangkab.go.id">

    <!-- Favicon -->
    <link rel="shortcut icon" type="image/x-icon" href="<?php echo e(asset('assets/img/favicon.png')); ?>">

    <title><?php echo e($submenu); ?> | Rantai Pasok</title>

    <link href="<?php echo e(asset('assets/lib/@fortawesome/fontawesome-free/css/all.min.css')); ?>" rel="stylesheet">
    <link href="<?php echo e(asset('assets/lib/ckeditor/ckeditor5.css')); ?>" rel="stylesheet" >
    <link href="<?php echo e(asset('assets/lib/prismjs/themes/prism-vs.css')); ?>" rel="stylesheet">
    <link href="<?php echo e(asset('assets/lib/ionicons/css/ionicons.min.css')); ?>" rel="stylesheet">
    <link href="<?php echo e(asset('assets/lib/spectrum-colorpicker/spectrum.css')); ?>" rel="stylesheet">
    <link href="<?php echo e(asset('assets/lib/jstree/themes/default/style.min.css')); ?>" rel="stylesheet" />
    <link href="<?php echo e(asset('assets/lib/bootstrap-tagsinput/bootstrap-tagsinput.css')); ?>" rel="stylesheet">
    <link href="<?php echo e(asset('assets/lib/dropify/dist/css/dropify.css')); ?>" rel="stylesheet">
    <link href="<?php echo e(asset('assets/lib/magnific-popup/magnific-popup.css')); ?>" rel="stylesheet">
    <link href="<?php echo e(asset('assets/lib/light-gallery-master/dist/css/lightgallery.css')); ?>" rel="stylesheet">
    <link href="<?php echo e(asset('assets/lib/light-gallery-master/dist/css/lg-fb-comment-box.css')); ?>" rel="stylesheet">
    <link href="<?php echo e(asset('assets/lib/bootstrap-datepicker/css/datepicker3.css')); ?>" rel="stylesheet">
    <link href="<?php echo e(asset('assets/lib/clockpicker/css/bootstrap-clockpicker.min.css')); ?>" rel="stylesheet" />
    <link href="<?php echo e(asset('assets/lib/typicons.font/typicons.css')); ?>" rel="stylesheet">
    <link href="<?php echo e(asset('assets/lib/jqvmap/jqvmap.min.css')); ?>" rel="stylesheet">
    <link href="<?php echo e(asset('assets/lib/select2/css/select2.min.css')); ?>" rel="stylesheet">
    <link href="<?php echo e(asset('assets/css/style.css')); ?>" rel="stylesheet" >
    <link href="<?php echo e(asset('assets/lib/boxicons/css/boxicons.css')); ?>" rel="stylesheet" >
    <link href="<?php echo e(asset('assets/css/demo.css')); ?>" rel="stylesheet" >
    <link href="<?php echo e(asset('assets/css/custom.css')); ?>" rel="stylesheet" >
    <link href="<?php echo e(asset('assets/css/profile.css')); ?>" rel="stylesheet">
    <style>

    body{
      background: #ecf0f1
    }

    /* Modal CSS Custom */
    .modal.right .modal-dialog {
      position: fixed;
      margin: auto;
      width: 400px;
      height: 100%;
      -webkit-transform: translate3d(0%, 0, 0);
          -ms-transform: translate3d(0%, 0, 0);
           -o-transform: translate3d(0%, 0, 0);
              transform: translate3d(0%, 0, 0);
    }
    .modal.right .modal-content {
      height: 100%;
      overflow-y: auto;
      border-radius:0px;
    }

    .modal.right .modal-body {
      padding: 15px;
    }

    .modal.right.fade .modal-dialog{
      right:-400px;
      -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
         -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
           -o-transition: opacity 0.3s linear, right 0.3s ease-out;
              transition: opacity 0.3s linear, right 0.3s ease-out;
    }

    .modal.right.fade.show .modal-dialog{
      right: 0;
    }

    .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
      margin-left: -1px;
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
    }
    .select2-dropdown{
      z-index: 1051;
    }
    .list-satker{
      padding-bottom:10px;
      border-bottom: 1px solid #f2f2f2;
      margin-top:10px;
      cursor: pointer;
    }
    #loading{
      display: none;
      margin-top:100px;
      text-align:center;
    }

    .aside {
      width: 300px;
    }
    @media (min-width: 1200px){
      .aside-fixed + .content {
        margin-left: 300px;
      }
    }

    @media (min-width: 992px){
      .aside-header {
        height: 85px;
      }
      .content-header {
        height: 95px;
        padding:0px 20px 20px 20px
      }
      .content-body {
        padding: 0px 20px 0px 20px;
        height: 100%
      }
    }
    .aside-body{
      border-top:none;
    }
    .aside-header{
      border-right:none;
    }
    .aside-header {
      background: #4A5711;
      border-bottom:none
    }
    .aside-body {
      background: #4A5711;
    }

    .content-header{
      background: transparent;
      /* background: -moz-linear-gradient(90deg, rgba(235,86,150,1) 0%, rgba(148,49,147,1) 30%, rgba(80,34,133,1) 63%, rgba(60,22,135,1) 100%);
      background: -webkit-linear-gradient(90deg, rgba(235,86,150,1) 0%, rgba(148,49,147,1) 30%, rgba(80,34,133,1) 63%, rgba(60,22,135,1) 100%);
      background: linear-gradient(90deg, rgba(235,86,150,1) 0%, rgba(148,49,147,1) 30%, rgba(80,34,133,1) 63%, rgba(60,22,135,1) 100%); */
      border-bottom:none
    }

    .nav-aside .nav-item.show ul {
      border-left: 2px solid rgba(229, 233, 242, 0.7);
      margin-left: 8px;
      margin-top: 10px;
      margin-bottom: 10px;
      padding-left: 25px;
      padding-bottom: 0px;
      /* position: relative; */
      /* m-bottom: 3px; */
    }

    .nav-aside .with-sub.show:not(.active) .nav-link{
      color:#FEC600
    }

    .nav-aside .nav-link::before {
      border-left: 5px solid #FEC600;
    }

    .nav-aside .nav-link:hover,
    .nav-aside .nav-link:focus {
      color: rgb(255 255 255 / 52%);
    }

    .nav-aside .nav-item ul a {
      display: block;
      color: rgb(255 255 255 / 70%);
      padding: 2px 0;
    }

    .nav-aside .nav-item ul a:hover,
    .nav-aside .nav-item ul a:focus {
      color: #ffffff;
    }

    .aside-menu-link {
      color: #ffffff;
    }

    .nav-aside .nav-label{
      color: rgba(255, 255, 255, 0.6);
    }

    .nav-aside .nav-link {
      padding: 0;
      font-weight: 400;
      font-size: 15px;
      display: flex;
      align-items: center;
      color: rgb(255 255 255);
    }

    .nav-aside .nav-link svg {
      margin-right: 15px;
      width: 18px;
      height: 18px;
      stroke-width: 2.2px;
    }

    .nav-aside svg {
      color: rgb(255 255 255);
      fill: rgb(255 255 255 / 15%);
    }

    .nav-aside .nav-item + .nav-item {
      margin-top: 5px;
    }

    .nav-aside .nav-item.active .nav-link::before {
      border-left-color: #FEC600;
    }
    .nav-aside .nav-item.active .nav-link {
      color: #FEC600;
    }
    .nav-aside .nav-item.active svg {
      color: #FEC600;
      fill: rgb(248 197 0 / 11%);
    }
    .nav-aside .nav-item ul .active a {
      color: #b6c464
    }

    .nav-aside .nav-item.show ul li{
      position: relative;
    }

    .nav-aside ul li.active::before {
      content: '';
      position: absolute;
      top: 0;
      bottom: 0;
      left: -27px;
      border-left: 2px solid #b6c464;
    }

    .button.green {
      background-color: #d8b200;
      box-shadow: 0 3px 8px rgba(182, 149, 64, 0.15);
    }

    .text-truncated-1{
      overflow: hidden;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      text-overflow: ellipsis;
      white-space: normal;
      -webkit-line-clamp: 1;
    }

    .text-truncated-2{
      overflow: hidden;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      text-overflow: ellipsis;
      white-space: normal;
      -webkit-line-clamp: 2;
    }

    .text-truncated-3{
      overflow: hidden;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      text-overflow: ellipsis;
      white-space: normal;
      -webkit-line-clamp: 3;
    }

    .text-truncated-4{
      overflow: hidden;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      text-overflow: ellipsis;
      white-space: normal;
      -webkit-line-clamp: 4;
    }

    .nav-aside .nav-item .nav-link i.bx {
      font-size: 1.3rem;
      margin-right: 10px;
    }
    .aside-body{
      height:100%
    }
    .content-body{
      padding: 0px 20px 0px 20px;
    }
    .content-body .container{
      margin-bottom : 0px
    }
    </style>
    <?php echo $__env->yieldContent('css'); ?>
  </head>
  <body>
    <div class="content ht-100v pd-0 pd-t-20 pd-b-20">
      
      <div class="content-body pd-0">
        <?php echo $__env->yieldContent('content'); ?>
      </div>
    </div>

    <script src="<?php echo e(asset('assets/lib/jquery/jquery.min.js')); ?>"></script>
    <script src="<?php echo e(asset('assets/lib/bootstrap/js/bootstrap.bundle.min.js')); ?>"></script>
    
    <script src="<?php echo e(asset('assets/lib/feather-icons/feather.min.js')); ?>"></script>
    <script src="<?php echo e(asset('assets/lib/perfect-scrollbar/perfect-scrollbar.min.js')); ?>"></script>
    <script src="<?php echo e(asset('assets/lib/select2/js/select2.min.js')); ?>"></script>
    <script src="<?php echo e(asset('assets/js/dashforge.js')); ?>"></script>
    <script src="<?php echo e(asset('assets/lib/spectrum-colorpicker/spectrum.js')); ?>"></script>
    <script src="<?php echo e(asset('assets/lib/dropify/dist/js/dropify.min.js')); ?>"></script>
    <script src="<?php echo e(asset('assets/lib/clockpicker/js/bootstrap-clockpicker.min.js')); ?>"></script>
    <script src="<?php echo e(asset('assets/lib/bootstrap-datepicker/js/bootstrap-datepicker.js')); ?>"></script>
    <script src="<?php echo e(asset('assets/lib/sweetalert/sweetalert.min.js')); ?>"></script>
    <script src='<?php echo e(asset('assets/lib/jstree/jstree.js')); ?>' type='text/javascript' ></script>
    <script src="<?php echo e(asset('assets/lib/bootstrap-tagsinput/bootstrap-tagsinput.min.js')); ?>"></script>
    <script src="<?php echo e(asset('assets/lib/typeahead.js/typeahead.bundle.min.js')); ?>"></script>
    <script src="<?php echo e(asset('assets/lib/magnific-popup/jquery.magnific-popup.js')); ?>"></script>
    <script src="<?php echo e(asset('assets/lib/light-gallery-master/dist/js/lightgallery-all.js')); ?>"></script>
    <script src="<?php echo e(asset('assets/lib/bootstrap-maxlength/bootstrap-maxlength.min.js')); ?>"></script>
    <script src="<?php echo e(asset('assets/js/autoNumeric.js')); ?> " type="text/javascript"></script>
    <script src="<?php echo e(asset('assets/js/dashforge.js')); ?>"></script>
    <script src="<?php echo e(asset('assets/js/dashforge.aside.js')); ?>"></script>
    <script src="<?php echo e(asset('assets/js/dashforge.sampledata.js')); ?>"></script>

    <script>
    $(function(){
      'use strict'

      $('.select2').select2();

      $('.autonumeric').autoNumeric({mDec: '2',aPad:false,vMin:'-9999999999999999999999999',vMax:'9999999999999999999999999'});

      $('.dropify').dropify({
        messages: {
          'default': 'Drag and drop a file here or click',
          'replace': 'Drag and drop or click to replace',
          'remove':  'Remove',
          'error':   'Ooops, something wrong happended.'
        }
      });

      $('.maxlength').maxlength({
        alwaysShow: true,
        threshold: 20
      });

      $('.datepicker').datepicker({
        autoclose: true,
        showOtherMonths: true,
        selectOtherMonths: true,
        format: "dd-mm-yyyy",
      });

      $(".monthpicker").datepicker({
        autoclose: true,
        format: "mm-yyyy",
        startView: "months",
        minViewMode: "months"
      });

      $('.clockpicker').clockpicker({
        autoclose: true,
        placement:"bottom",
        align:"right"
      });

      <?php if(\Illuminate\Support\Facades\Session::has('message')): ?>
  	    swal({
  	      icon: '<?php echo e(\Illuminate\Support\Facades\Session::get('message_type')); ?>',
  	      text: '<?php echo e(\Illuminate\Support\Facades\Session::get('message')); ?>',
  	      button: false,
  	      timer: 1500
  	    });
      <?php endif; ?>
    });


    </script>
    <?php echo $__env->yieldContent('js'); ?>
  </body>
</html>
<?php /**PATH /Users/dailfalahi/Sites/rantai_pasok/code/resources/views/layouts/dashboard.blade.php ENDPATH**/ ?>