<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Si GIAT 1000</title>
    <link rel="shortcut icon" href="{!! url('dist/img/logo/logo-unair.png') !!}">
    <meta name="csrf-token" content="{{ csrf_token() }}">
    <!-- 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.5 -->
    <link rel="stylesheet" href="{!! url('bootstrap/css/bootstrap.min.css') !!}">
    <!-- Font Awesome -->
    <link rel="stylesheet" href="{!! url('https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css') !!}">
    <!-- Ionicons -->
    <link rel="stylesheet" href="{!! url('https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css') !!}">
    <!-- Theme style -->
    <link rel="stylesheet" href="{!! url('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="{!! url('dist/css/skins/_all-skins.min.css') !!}">
    <!-- iCheck -->
    <link rel="stylesheet" href="{!! url('plugins/iCheck/flat/blue.css') !!}">
    <!-- bootstrap wysihtml5 - text editor -->
    <link rel="stylesheet" href="{!! url('plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.min.css') !!}">
    <!-- Animate -->
    <link rel="stylesheet" href="{!! url('dist/css/animate.css') !!}">
     <!-- DateTimePicker -->
    <link href="{!! url('dist/css/bootstrap-datetimepicker.min.css') !!}" rel="stylesheet" type="text/css" />
    <!-- Chosen -->
    <link href="{!! url('dist/css/chosen/chosen.css') !!}" rel="stylesheet" type="text/css" />

    <!--  ..::: SWEET ALERT :::.. -->
    <link rel="stylesheet" href="{!! url('dist/css/sweetalert.css') !!}">
    <script src="{!! url('dist/js/sweetalert-dev.js') !!}"></script>
    <!--  ..::: END SWEET ALERT :::.. -->

    <!--  ..::: CUSTOM CSS :::.. -->
    <link rel="stylesheet" href="{!! url('dist/css/custom.css') !!}">

    <!--  ..::: EXTRA CSS :::.. -->
    @yield('extended_css')
    <!--  ..::: END EXTRA CSS :::.. -->

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
        <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
    <style type="text/css">
      /*.content-wrapper{
        background-color: #e9f7ee !important;
      }*/
      .slimScrollBar{
        width: 10px !important;
      }
      .sidebar-toggle:hover{background-color: rgba(0,0,0,0.15) !important; }
    </style>

  </head>
  <body class="hold-transition skin-green sidebar-mini userAdmin">
    <?php Session::put('url_server1', "http://sicantiksidoarjo.com"); ?>
    <div class="wrapper wrapperColor">

      <header class="main-header mainHeaderColor">
        <!-- Logo -->
        <a href="{!! route('home') !!}" class="logo" style='font-style:oblique'>
          <!-- mini logo for sidebar mini 50x50 pixels -->
          <span class="logo-mini">
            <img src="{!! url('dist/img/logo/logo-unair.png') !!}" height="35px">
          </span>
          <!-- logo for regular state and mobile devices -->
          <span class="logo-lg"><b>SI GIAT</b> 1000</span>
        </a>
        <!-- Header Navbar: style can be found in header.less -->
        <nav class="navbar navbar-static-top headerColor" role="navigation">
          <!-- Sidebar toggle button-->
          <a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button">
            <span class="sr-only">Toggle navigation</span>
          </a>
          @include('master.navbar')
        </nav>
      </header>
      <!-- Left side column. contains the logo and sidebar -->
      <aside class="main-sidebar sidebarColor">
        <!-- sidebar: style can be found in sidebar.less -->
        @include('master.sidebar')
        <!-- /.sidebar -->
      </aside>

      <!-- Content Wrapper. Contains page content -->
      <div class="content-wrapper contentWrapperColor">
        <!-- Content Header (Page header) -->
        @yield('content')
      </div><!-- /.content-wrapper -->
      <footer class="main-footer">
        <div class="pull-right hidden-xs">
          <b>Version</b> 1.2.0
        </div>
        <strong>Copyright &copy; 2017 FKM Universitas Airlangga. Development by <a href="http://natusi.co.id" target='_blank'> CV. Natusi</a></strong>. All rights reserved.
      </footer>
      <div class="control-sidebar-bg"></div>
    </div><!-- ./wrapper -->

    <!-- jQuery 2.1.4 -->
    <script src="{!! url('plugins/jQuery/jQuery-2.1.4.min.js') !!}"></script>
    <!-- jQuery UI 1.11.4 -->
    <script src="{!! url('https://code.jquery.com/ui/1.11.4/jquery-ui.min.js') !!}"></script>
    <!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip -->
    <script>
      $.widget.bridge('uibutton', $.ui.button);
    </script>
    <!-- Bootstrap 3.3.5 -->
    <script src="{!! url('bootstrap/js/bootstrap.min.js') !!}"></script>
    <!-- Bootstrap WYSIHTML5 -->
    <script src="{!! url('plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js') !!}"></script>
    <!-- Slimscroll -->
    <script src="{!! url('plugins/slimScroll/jquery.slimscroll.min.js') !!}"></script>
    <!-- FastClick -->
    <script src="{!! url('plugins/fastclick/fastclick.min.js') !!}"></script>
    <!-- AdminLTE App -->
    <script src="{!! url('dist/js/app.min.js') !!}"></script>
    <!-- Datagrid -->
    <script src="{!! url('dist/js/datagrid.js') !!}" type="text/javascript"></script>
    <!-- Animate -->
    <script src="{!! url('dist/js/animate.js') !!}"></script>
    <!-- Validate -->
    <script src="{!! url('dist/js/validate.js') !!}"></script>
    <!-- DateTimePicker -->
    <script src="{!! url('dist/js/bootstrap-datetimepicker.min.js') !!}"></script>
    <!-- Chosen -->
    <script src="{!! url('dist/js/chosen.jquery.min.js') !!}"></script>

    <script type="text/javascript">
      var lbrWdw = $(window).width();
      if(lbrWdw <= 1024){
        $('.sidebar-mini').addClass('sidebar-collapse');
      }
      function Kosong(){
        swal({
          title: "MAAF !",
          text: "Fitur Belum Bisa Digunakan !!",
          type: "warning",
          timer: 2000,
          showConfirmButton: false
        });
      };
      function noAccess(){
        swal({
          title: "MAAF !",
          text: "Anda Tidak Memiliki Akses Untuk Fitur Ini !!",
          type: "warning",
          timer: 2000,
          showConfirmButton: false
        });
      };
    </script>
    <script type="text/javascript">
      $.ajaxSetup({
        headers: {
          'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        }
      });
    </script>
    <script type="text/javascript">
      @if(!empty(Session::get('message')))
        swal({
          title : "{{ Session::get('title') }}",
          text : "{{ Session::get('message') }}",
          type : "{{ Session::get('type') }}",
          timer: 2000,
          showConfirmButton: false
        });
      @endif
    </script>

    <!--  ..::: EXTRA JAVASCRIPT :::.. -->
    @yield('script')
    <!--  ..::: END EXTRA JAVASCRIPT :::.. -->
  </body>
</html>
