@section('content')
{{-- <x-other.titleHeader judul="{{$title}}" /> --}}
<div class="d-flex flex-column-fluid">
    <div class="container-fluid">
        <div class="row mt-4">
            <div class="col-md-12">
                <x-card.content title="{{$title}}" subTitle="Table {{$title}}">
                    <x-slot name="toolbar">
                        <button type="button" onclick="refreshTable();" class="btn btn-transparent-warning mr-3">
                            <i class="la la-sync"></i>Sync <b></b> 
                        </button>
                        @if (Auth::user()->role != 3)
                        <button type="button" onclick="clearForm();znModal('mForm');" class="btn btn-primary">
                            <i class="la la-plus mr-2"></i>Tambah
                        </button>
                        @endif
                    </x-slot>

                    <x-slot name="content">
                         <table class="table table-separate table-head-custom table-checkable" id="indexTable">
                            <thead>
                                <tr>
                                    @foreach($tableHead as $item)
                                        <th class="{{$item[1]}}">{{$item[0]}}</th>
                                    @endforeach
                                </tr>
                            </thead>
                        </table>
                    </x-slot>
                </x-card.content>

            </div>
        </div>
        
    </div>
</div>
<x-master.refScript />
@include('content.user.form')
@include('content.user.action')
@endsection