@include('master.header')
<div class="main-content">

    <div class="page-content">
        <div class="container-fluid">

            <!-- start page title -->
            <div class="row">
                <div class="col-12">
                    <div class="page-title-box d-flex align-items-center justify-content-between">
                        <h4 class="mb-0">{{$config['title']}}</h4>

                        <div class="page-title-right">
                            <ol class="breadcrumb m-0">
                                @foreach($config['breadcrumbs'] ?? array() as $item)
                                <li class="breadcrumb-item"><a
                                        href="{{ $item['url'] ?? '#' }}">{{ $item['title'] ?? '' }}</a></li>
                                @endforeach
                            </ol>
                        </div>

                    </div>
                </div>
            </div>

            
          
            <div class="row">
                <div class="col-sm-12 col-lg-12">
                    <div class="card">
                    <div class="card-header justify-content-between">
                        <div class="header-title">
                        <div class="row">
                            <div class="col-sm-6 col-lg-6">
                            <h4 class="card-title">{{$config['title']}} </h4>
                            </div>
                            <div class="col-sm-6 col-lg-6">
                                <a href="{{ route('ssh.export') }}" class="btn btn-secondary float-end">
                                    <i class="bx bx-download"></i> Download
                                </a>
                                <a href="{{ route('ssh.generate') }}" class="btn btn-primary float-end me-3">
                                    <i class="bx bx-plus"></i> Generate
                                </a>
                            </div>
                        </div>
                        </div>
                    </div>
                    <div class="card-body">
                        <div class="table-responsive">
                        <table id="dt" class="table table-bordered w-100">
                            <thead>
                            <tr>
                                <th>Kd. Akun</th>
                                <th>Kd. Kelompok</th>
                                <th>Kd. Jenis</th>
                                <th>Kd. Objek</th>
                                <th>Kd. Rincian Objek</th>
                                <th>Kd. Sub Rincian Objek</th>
                                <th>Kd. Sub Sub Rincian Objek</th>
                                <th>Kd. SSH</th>
                                <th>Nama Barang</th>
                                <th>Deskripsi</th>
                                <th>Spesifikasi</th>
                                <th>Satuan</th>
                                <th>Satuan 2</th>
                                <th>Satuan 3</th>
                                <th>Klasifikasi</th>
                                <th>Harga</th>
                                <th>Merek</th>
                                <th>Id Jenis Satuan</th>
                            </tr>
                            </thead>
                            <tbody></tbody>
                        </table>
                        </div>
                    </div>
                    </div>
                </div>
                </div>

            
        </div> 
    </div>
@include('master.footer')
    <script>
      $(document).ready(function () {
        $('#dt').dataTable({

          responsive: true,
          serverSide: true,
          processing: true,
          lengthMenu: [
                [ 10, 25, 50, -1 ],
                [ '10', '25', '50', 'All' ]
            ],
          ajax: {
            url: `{{ route('ssh.index') }}`
          },
          columns: [
            { data:'kd_akun', name :'kd_akun'},
            { data:'kd_kelompok', name :'kd_kelompok'},
            { data:'kd_jenis', name :'kd_jenis'},
            { data:'kd_objek', name :'kd_objek'},
            { data:'kd_rincian_objek', name :'kd_rincian_objek'},
            { data:'kd_sub_rincian_objek', name :'kd_sub_rincian_objek'},
            { data:'kd_sub_sub_rincian_objek', name :'kd_sub_sub_rincian_objek'},
            { data:'kd_ssh', name :'kd_ssh'},
            { data:'nama_barang', name :'nama_barang'},
            { data:'deskripsi', name :'deskripsi'},
            { data:'spesifikasi', name :'spesifikasi'},
            { data:'satuan', name :'satuan'},
            { data:'satuan2', name :'satuan2'},
            { data:'satuan3', name :'satuan3'},
            { data:'klasifikasi', name :'klasifikasi'},
            { data:'harga', name :'harga'},
            { data:'merek', name :'merek'},
            { data:'jenis_satuan_id', name :'jenis_satuan_id'},
          ],
          rowCallback : function(row, data) {
            let api = this.api();
          }
        });
      });
    </script>
   </body>
</html>