@extends("LaravelVueAdmin.layouts.app")

@section("contentheader_title", "Tiket Pekerjaan")
@section("section", "Tiket Pekerjaan")
@section("sub_section", "List Pekerjaan")
@section("htmlheader_title", "List Pekerjaan")
@section('styles')
<style>
.menu-list li.active > a, .menu-list li.active > a:hover, .menu-list li.active > a:focus {
  background-color: #c7c7c7;
  color: #f5f5f5;
}
.panel .custom-panel {
    margin-bottom: 0px;
    border-width: 0;
    color: #333333;
    -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0), 0 0px 0px rgba(0, 0, 0, 0);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0), 0 0px 0px rgba(0, 0, 0, 0);
}

.panel .custom-panel {
    margin-bottom: 0px;
    background-color: #fff;
    border: 0px solid transparent;
    border-radius: 0px;
    -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
}
</style>
@endsection
@section("headerElems")
@lv_access("Tickets", "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 Tiket">
					<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>
			@php
				$dikerjakanOleh = [];
				if(!empty($pic)){
					$dikerjakanOleh = explode(',',$pic);
				}
			@endphp

			@if(!empty($dikerjakanOleh))
				@if(count($dikerjakanOleh) == 1)
					@if(Auth::user()->hasRole('SUPER_ADMIN') || Auth::user()->hasRole('OWNER'))
					<li>
						<div data-fab-label="Copy Ringkasan Tiket ke Clipboard">
							<button class="btn btn-default btn-rounded btn-copy btn-icon btn-float legitRipple" data-clipboard-text="{!!htmlentities($copy_ringkasan,ENT_QUOTES)!!}">
								<i class="icon-copy"></i>
							</button>
						</div>
					</li>
					@endif
				@endif
			@endif
		</ul>
	</li>
</ul>
@endlv_access
@endsection
@section("mini")
&nbsp;
@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($pic) || !empty($kategori_param)) 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">
          <div class="dropdown-content-body">
            <div class="row">
              <div class="col-md-3">
                <span class="menu-heading underlined">KATEGORI</span>
                <ul class="menu-list">
                  {!!$menu_category!!}

                </ul>
              </div>
              <div class="col-md-3">
                <span class="menu-heading underlined">DIKERJAKAN OLEH</span>
                <ul class="menu-list">
                  {!!$menu_dikerjakan!!}
                </ul>
              </div>
            </div>
          </div>
        </div>
      </li>
    </ul>
  </div>
</div>
<!-- /second navbar -->
@endsection

@section("main-content")
<div style="display:none">
	{!!$copy_ringkasan!!}
</div>


<div class="navbar navbar-default navbar-xs navbar-component">
	<ul class="nav navbar-nav no-border visible-xs-block">
		<li><a class="text-center collapsed legitRipple" data-toggle="collapse" data-target="#navbar-filter"><i class="icon-menu7"></i></a></li>
	</ul>

	<div class="navbar-collapse collapse" id="navbar-filter">
		<ul class="nav navbar-nav" id="content-nav">
	     {!!$menu_header!!}
		</ul>
	</div>
</div>
<!-- <div class="navbar navbar-default navbar-xs navbar-component">
	<ul class="nav navbar-nav no-border visible-xs-block">
		<li><a class="text-center collapsed legitRipple" data-toggle="collapse" data-target="#navbar-filter-kategori"><i class="icon-menu7"></i></a></li>
	</ul>

	<div class="navbar-collapse collapse" id="navbar-filter-kategori">
		<p class="navbar-text">Kategori:</p>

		<ul class="nav navbar-nav" id="content-nav-kategori">
			<li class="">
				<a class="legitRipple filter_status_kategori state_kategori"  kategori="" data-id="" data-status="" data-url="