@extends('layouts.app')

@section('content')
<style>
	.kv-avatar .krajee-default.file-preview-frame,.kv-avatar .krajee-default.file-preview-frame:hover {
		margin: 0;
		padding: 0;
		border: none;
		box-shadow: none;
		text-align: center;
	}
	.kv-avatar {
		display: inline-block;
	}
	.kv-avatar .file-input {
		display: table-cell;
		width: 213px;
	}
	.kv-reqd {
		color: red;
		font-family: monospace;
		font-weight: normal;
	}
	.kv-file-remove {
		display:none;
	}
	.ajax-loader{
		position:fixed;
		top:0px;
		right:0px;
		width:100%;
		height:auto;
		background-color:#A9A9A9;
		background-repeat:no-repeat;
		background-position:center;
		z-index:10000000;
		opacity: 0.4;
		filter: alpha(opacity=40); /* For IE8 and earlier */
	}

	#progress_upload{
		position:fixed;
		top:0px;
		right:0px;
		width:100%;
		height:auto;
		background-color:#757575;
		background-repeat:no-repeat;
		background-position:center;
		z-index:10000000;
		opacity: 0.4;
		filter: alpha(opacity=40); /* For IE8 and earlier */
	}
</style>
<div class="page-content">
	<div class="panel">
		<div id="progress_upload" class="text-center" style="display:none">
			<div class="progress progress-lg">
				<div class="progress-bar progress-bar-primary" style="width: 0%;" role="progressbar"><span id="percent">0%</span></div>
			</div>
			<div id="status" style="font-size:8pt;font-family: sans-serif;color: white"></div>
		</div>

		<div class="ajax-loader text-center" style="display:none">
			<div class="progress">
				<div class="progress-bar progress-bar-striped active" aria-valuenow="100" aria-valuemin="1000"
				aria-valuemax="100" style="width: 100%;" id="loader" role="progressbar">
			</div>
		</div>
		<div id="" style="font-size:8pt;font-family: sans-serif;color: white">Loading...Please Wait</div>
	</div>
		<div class="panel-body container-fluid">
			{{ Form::model(null,array('route' => 'config-id.store',
			'class'=>'','id'=>'form','method'=>'POST','files'=>true)) }} 
			  <input type="text" style="display: none" id="address" value="">
			  <input type="text" class="form-control" style="display: none" value="" name="mode" id="mode"> 
			<div class="row row-lg">
				<div class="col-lg-12">
					<!-- Example Tabs Left -->
					<div class="example-wrap">
						<div class="nav-tabs-vertical" data-plugin="tabs">
							<ul class="nav nav-tabs mr-25" style="font-weight: 500" role="tablist">
								@if(\Auth::user()->can('read-config-id'))
								<li class="nav-item" role="presentation">
									<a class="nav-link" data-toggle="tab" href="#config"
									aria-controls="config" role="tab">Config IDS</a>
								</li>
								@endif
								@if(\Auth::user()->can('read-setting-menu'))
								<li class="nav-item" role="presentation">
									<a class="nav-link" data-toggle="tab" href="#perusahaan"
									aria-controls="perusahaan" role="tab">Setting Aplikasi</a>
								</li>
								@endif
								@if(\Auth::user()->can('read-user-settings-menu'))
								<li class="nav-item" role="presentation">
									<a class="nav-link" data-toggle="tab" href="#user_settings"
									aria-controls="user_settings" role="tab">Pengaturan Pengguna</a>
								</li>
								@endif
						{{-- 		<li class="nav-item" role="presentation">
									<a class="nav-link" data-toggle="tab" href="#exampleTabsLeftThree"
									aria-controls="exampleTabsLeftThree" role="tab">Css</a>
								</li>
								<li class="nav-item" role="presentation">
									<a class="nav-link" data-toggle="tab" href="#exampleTabsLeftFour"
									aria-controls="exampleTabsLeftFour" role="tab">Javascript</a>
								</li> --}}
							</ul>
							<div class="tab-content py-15">
								<div class="tab-pane" id="config" role="tabpanel">
									@include('config_id.config')
								</div>
								<div class="tab-pane" id="perusahaan" role="tabpanel">
									@include('config_id.perusahaan')
								</div>
								<div class="tab-pane" id="user_settings" role="tabpanel">
									@include('config_id.user_settings')
								</div>
								{{-- <div class="tab-pane" id="exampleTabsLeftThree" role="tabpanel">
									Chrysippe rebus institutionem utrisque dixisset manus quippiam ignorare defatigatio
									doctiores, essent doctus ipsam tamquam complexiones corporisque,
									ars umbram sentiri venandi. Ipsam. Reprehenderit tantum
									debent sicine assumenda comprobavit, assumenda primos fuerit
									atomos amicorum inducitur quaedam miserum, potitur numquid
									effluere haeret ipsos consuetudine, munere putet fugiendis
									orationis quantumcumque. Perferendis attento saluti liberatione
									contra, constituam efficeret quaeso accusamus quieti petat
									rem nisi amicum.
								</div>
								<div class="tab-pane" id="exampleTabsLeftFour" role="tabpanel">
									Laudabilis. At artes audiebamus firmam discordiae potione albam ferantur, epicureum
									loquerer videretur formidinum utrisque simulent postremo,
									praesidia variari fecerit ferantur. Hominibus doctissimos
									multi, ferentur, certissimam medicorum bonum iucundius
									depravare facile. Degendae istius perfunctio quisquis ordinem
									ornatum, praeda atomi degendae animus. Mens eximiae placuit
									terrore, sollicitant efficeret audeam tantalo, vulgo laudantium
									evertitur spe meminerunt timentis populo, senserit inprobitas
									facilius referri consiliisque.
								</div> --}}
							</div>
						</div>
					</div>
					<!-- End Example Tabs Left -->
				</div>
			</div>