@extends("LaravelVueAdmin.layouts.app")
@section('attr-body','data-spy="scroll" data-target=".navbar-example"')
@section("contentheader_title", "Pengajuan Persetujuan")
@section("contentheader_description", $type->name)
@section("section", "Pengajuan Persetujuan")
@section("section_url", url(config('LaravelVueAdmin.adminRoute') . '/approvals'))
@section("sub_section", "List Pengajuan Persetujuan : ". $type->name)
@section("htmlheader_title", "List Pengajuan Persetujuan : ". $type->name)
@section("headerElems")
@section('styles')
<style>
	body {
		position: relative;
	}
	@media (min-width: 769px) {
		.sidebar-detached.affix {
			position: fixed;
			top: 65px;
			bottom: 20px;
		}
	}
  .menu-list li.active > a, .menu-list li.active > a:hover, .menu-list li.active > a:focus {
    background-color: #c7c7c7;
    color: #f5f5f5;
  }
	@media (min-width: 769px){
		.menu-list {
			overflow-y: hidden;
			max-height: 375px;
		}
	}
</style>
@endsection
@lv_access("Approvals", "create")
<ul class="fab-menu fab-menu-absolute fab-menu-top-right affix-top" data-fab-toggle="click" id="fab-menu-affixed-right">
	<li>
		<a class="fab-menu-btn btn bg-primary-300 btn-float btn-rounded btn-icon legitRipple">
			<i class="fab-icon-open icon-grid3"></i>
			<i class="fab-icon-close icon-cross2"></i>
		</a>

		<ul class="fab-menu-inner">
			<li>
				<div data-fab-label="Tambah Persetujuan">
					<button class="btn btn-default btn-rounded btn-icon btn-float legitRipple" data-toggle="modal" data-target="#AddModal">
						<i class="icon-compose"></i>
					</button>
				</div>
			</li>
		</ul>
	</li>
</ul>
@endlv_access
@endsection
@section('navbar_secound')
<!-- Second navbar -->
<div class="navbar navbar-default navbar-default-secondary navbar-xs" id="navbar-second" style="box-shadow:none;">
  <ul class="nav navbar-nav no-border visible-xs-block">
    <li><a class="text-center collapsed" data-toggle="collapse" data-target="#navbar-second-toggle"><i class="icon-menu7"></i></a></li>
  </ul>

  <div class="navbar-collapse collapse" id="navbar-second-toggle">
    <ul class="nav navbar-nav navbar-nav-material">
      <li class="dropdown mega-menu mega-menu-wide">
        <a href="#" class="dropdown-toggle  @if(!empty($kategori)) text-primary @endif" data-toggle="dropdown"><i class=" icon-filter3 position-left"></i> Filter <span class="caret"></span></a>

        <div class="dropdown-menu dropdown-content" style="width: 1206px; ">
          <div class="dropdown-content-body" style="width: 1206px; ">