<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="csrf-token" content="{{ csrf_token() }}">
	<title>{{ env("APP_NAME") }}</title>

	<link href="https://fonts.googleapis.com/css?family=Roboto:400,300,100,500,700,900" rel="stylesheet" type="text/css">
	<link href="{{ url("css/icons/icomoon/styles.css")}}" rel="stylesheet" type="text/css">
	<link href="{{ url("css/icons/fontawesome/styles.min.css")}}" rel="stylesheet" type="text/css">
	<link href="{{ url("css/bootstrap.min.css")}}" rel="stylesheet" type="text/css">
	<link href="{{ url("css/core.min.css")}}" rel="stylesheet" type="text/css">
	<link href="{{ url("css/components.min.css")}}" rel="stylesheet" type="text/css">
	<link href="{{ url("css/colors.min.css")}}" rel="stylesheet" type="text/css">
	<link href="{{ url("dist/sweetalert2/sweetalert2.css")}}" rel="stylesheet" type="text/css">
	<link href="{{ url("selectize/css/selectize.css")}}" rel="stylesheet" type="text/css">
	<link href="{{ url("selectize/css/selectize.bootstrap3.css")}}" rel="stylesheet" type="text/css">
	<link href="{{ url("treegrid/css/jquery.treegrid.css")}}" rel="stylesheet" type="text/css">
	<link href="{{ url("dist/jquery.loading/jquery.loading.css")}}" rel="stylesheet" type="text/css">
	<link href="{{ url("dist/datepicker/css/bootstrap-datepicker.css")}}" rel="stylesheet" type="text/css">
	<link href="{{ url("css/custom.css")}}" rel="stylesheet" type="text/css">

	
	<script src="{{ url("js/core/libraries/jquery.min.js")}}"></script>
	<script src="{{ url("js/plugins/tables/datatables/datatables.min.js")}}"></script>
	<script src="{{ url("js/plugins/tables/datatables/extensions/buttons.min.js")}}"></script>
	{{-- <script src="{{ url("js/plugins/tables/datatables/extensions/responsive.min.js")}}"></script> --}}
	<script src="{{ url("js/plugins/loaders/pace.min.js")}}"></script>
	<script src="{{ url("js/core/libraries/bootstrap.min.js")}}"></script>
	<script src="{{ url("js/plugins/loaders/blockui.min.js")}}"></script>
	<script src="{{ url("dist/sweetalert2/sweetalert2.js")}}"></script>
	<script src="{{ url("/js/core/libraries/jquery_ui/interactions.min.js")}}"></script>
	<script src="{{ url("js/plugins/forms/selects/select2.min.js")}}"></script>
	<script src="{{ url("js/plugins/forms/styling/uniform.min.js")}}"></script>
	<script src="{{ url("js/plugins/notifications/pnotify.min.js")}}"></script>
	<script src="{{ url("selectize/js/standalone/selectize.min.js")}}"></script>
	<script type="text/javascript" src="{{ url("treegrid/js/jquery.treegrid.js")}}"></script>
	<script src="{{ url("dist/jquery.loading/jquery.loading.js")}}"></script>
	<script src="{{ url("js/plugins/numeral/numeral.js")}}"></script>

	@section('token')
		
	@endsection

	<script src="{{ url("/js/plugins/accountingjs/accounting.min.js")}}"></script>
	<script type="text/javascript">
		$(document).ready(function(){

			accounting.settings = {
				currency: {
					symbol : "Rp",   // default currency symbol is '$'
					format: { pos : "%s%v", neg : "( %s%v )", zero : "%s%v"}, // controls output: %s = symbol, %v = value/number (can be object: see below)
					decimal : ",",  // decimal point separator
					thousand: ".",  // thousands separator
					precision : 2   // decimal places
				},
				number: {
					precision : 2,  // default precision on numbers is 0
					thousand: ".",
					decimal : ","
				}
			}

			    numeral.register('locale', 'id', {
		        delimiters: {
		            thousands: '.',
		            decimal: ','
		        },
		        abbreviations: {
		            thousand: 'k',
		            million: 'm',
		            billion: 'b',
		            trillion: 't'
		        },
		        ordinal : function (number) {
		            return number === 1 ? 'er' : 'ème';
		        },
		        currency: {
		            symbol: '€'
		        }
		    });

		    // switch between locales
		    numeral.locale('id');

		})
	</script>

</head>
<body class="navbar-top sidebar-xs">

	<!-- Main navbar -->
	

	<!-- Page container -->
	<div class="page-container">

		<!-- Page content -->
		<div class="page-content">

			<!-- Main content -->
			<div class="content-wrapper">

				<!-- Content area -->
				<div class="content">

					<!-- Error title -->
					<div class="text-center content-group">
						<h1 class="error-title">Opss</h1>
						<h5>Mohon Maaf, Aplikasi Ketjubung sedang dalam Proses Perbaikan</h5>
						<h5>Mohon Bersabar</h5>
					</div>
					<!-- /error title -->


					<!-- Error content -->
					<!-- <div class="row">
						<div class="col-lg-4 col-lg-offset-4 col-sm-6 col-sm-offset-3">
							<form action="#" class="main-search">
								<div class="input-group content-group">
									<input type="text" class="form-control input-lg" placeholder="Search">

									<div class="input-group-btn">
										<button type="submit" class="btn bg-slate-600 btn-icon btn-lg"><i class="icon-search4"></i></button>
									</div>
								</div>

								<div class="row">
									<div class="col-sm-6">
										<a href="#" class="btn btn-primary btn-block content-group"><i class="icon-circle-left2 position-left"></i> Go to dashboard</a>
									</div>

									<div class="col-sm-6">
										<a href="#" class="btn btn-default btn-block content-group"><i class="icon-menu7 position-left"></i> Advanced search</a>
									</div>
								</div>
							</form>
						</div>
					</div> -->
					<!-- /error wrapper -->


					

				</div>
				<!-- /content area -->

			</div>
			<!-- /main content -->

		</div>
		<!-- /page content -->

	</div>
	<!-- /page container -->
	<!-- /page container -->
	<!-- Core JS files -->
	<!-- /core JS files -->

	<!-- Theme JS files -->
	<script src="{{ url("/js/plugins/visualization/d3/d3.min.js")}}"></script>
	<script src="{{ url("/js/plugins/visualization/d3/d3_tooltip.js")}}"></script>
	<script src="{{ url("/js/plugins/forms/styling/switchery.min.js")}}"></script>
	<script src="{{ url("/js/plugins/forms/selects/bootstrap_multiselect.js")}}"></script>
	<script src="{{ url("/js/plugins/ui/moment/moment.min.js")}}"></script>
	<script src="{{ url("/js/plugins/pickers/datepicker.js")}}"></script>
	<script src="{{ url("/js/plugins/ui/nicescroll.min.js")}}"></script>
	{{-- <script src="{{ url("dist/datepicker/js/bootstrap-datepicker.js")}}"></script> --}}
	

	<script src="{{ url("/js/app.js")}}"></script>
	<script src="{{ url("/js/demo_pages/layout_fixed_custom.js")}}"></script>
	<script src="{{ url("/js/custom.js")}}"></script>
	
	
	
	<!-- /theme JS files -->
<style type="text/css">
	.right{
		text-align: right;
	}	

	.content {
	    padding: 0 20px 20px 20px;
	}
</style>
<script type="text/javascript">
	$(document).ready(function(){

		// CheckBox
		$(".styled").uniform();
		
		$('.selectize').selectize({
		    create: true,
		    sortField: 'text'
		});

		$(".set_datepicker").datepicker({
			format : 'dd/mm/yyyy',
			autoclose : true,
			zIndexOffset : 99999,
		});
		
		$('.datatable-basic').DataTable();

		var date = new Date();
		var today = new Date(date.getFullYear(), date.getMonth(), date.getDate());
		var year = new Date(date.getFullYear())

		$('.datepicker').datepicker({
			format : 'dd-mm-yyyy',
			setDate: new Date(),
			autoclose: true,
			clearBtn: true,
		});

		$('.date_awal').datepicker({
			format : 'dd-mm-yyyy',
			setDate: new Date(),
			autoclose: true,
			clearBtn: true,
		});

		$('.date_akhir').datepicker({
			format : 'dd-mm-yyyy',
			setDate: new Date(),
			autoclose: true,
			clearBtn: true,
		});

		$('.date_tahun').datepicker({
			format : 'yyyy',
			setDate: new Date(),
			viewMode: 'years',
			minViewMode: 'years',
			autoclose: true,
			clearBtn: true,
		});

		$(".date_awal").on("changeDate", function (e) {
	      $(".date_akhir").datepicker("setStartDate", e.date);
	    });

	    $(".date_akhir").on("dp.change", function (e) {
	      $(".date_awal").datepicker("setEndDate", e.date);
	    });
		
	})

	function showModal(selector) {
		$(selector).modal({
			keyboard : false,
			backdrop : false,
		});
	}

	function hideModal(selector) {
		$(selector).modal("hide");
	}

	// Read a page's GET URL variables and return them as an associative array.
	function getUrlParams()
	{
	 var vars = {};
	    var parts = window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi, function(m,key,value) {
	        vars[key] = value;
	    });
	    return vars;

	}
</script>

</body>
</html>
