@extends('layouts.app')
@section('title','Tabel Data')
@section('content')
    <section class="section">
            <div class="row">
                <div class="col-12">
                <div class="card">
                    <div class="card-header">
                    <h4>Tabel Data Pegawai</h4>
                    </div>
                    <div class="card-body">
                    <div class="table-responsive">
                        <table class="table table-striped" id="table-2">
                        <thead>
                            <tr class="text-center">
                            <th class="text-center">
                                <div class="custom-checkbox custom-control">
                                <input type="checkbox" data-checkboxes="mygroup" data-checkbox-role="dad" class="custom-control-input" id="checkbox-all">
                                <label for="checkbox-all" class="custom-control-label">&nbsp;</label>
                                </div>
                            </th>
                            <th>Nama</th>
                            <th>NIP</th>
                            <th>Unit Kerja</th>
                            <th>Jabatan</th>
                            <th>Status</th>
                            <th>Aksi</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr class="text-center">
                                <td>
                                    <div class="custom-checkbox custom-control">
                                    <input type="checkbox" data-checkboxes="mygroup" class="custom-control-input" id="checkbox-1">
                                    <label for="checkbox-1" class="custom-control-label">&nbsp;</label>
                                    </div>
                                </td>
                                <td>Triyah Fatmawati</td>
                                <td>199405072022032014</td>
                                <td>Direktorat TIKK</td>
                                <td>Pengembangan Sistem Informasi</td>
                                <td><div class="badge badge-success">Admin</div></td>
                                <td><a href="#" class="btn btn-secondary">Detail</a></td>
                            </tr>
                            <tr class="text-center">
                                <td>
                                    <div class="custom-checkbox custom-control">
                                    <input type="checkbox" data-checkboxes="mygroup" class="custom-control-input" id="checkbox-1">
                                    <label for="checkbox-1" class="custom-control-label">&nbsp;</label>
                                    </div>
                                </td>
                                <td>Dimas Yoan Rizaldi</td>
                                <td>202011006</td>
                                <td>Direktorat TIKK</td>
                                <td>Pengembangan Sistem Informasi</td>
                                <td><div class="badge badge-primary">Operator</div></td>
                                <td><a href="#" class="btn btn-secondary">Detail</a></td>
                            </tr>
                            <tr class="text-center">
                                <td>
                                    <div class="custom-checkbox custom-control">
                                    <input type="checkbox" data-checkboxes="mygroup" class="custom-control-input" id="checkbox-1">
                                    <label for="checkbox-1" class="custom-control-label">&nbsp;</label>
                                    </div>
                                </td>
                                <td>Alfiro Siowanta Pratama</td>
                                <td>202208127</td>
                                <td>Direktorat TIKK</td>
                                <td>Pengembangan Sistem Informasi</td>
                                <td>User</td>
                                <td><a href="#" class="btn btn-secondary">Detail</a></td>
                            </tr>
                        </tbody>
                        </table>
                    </div>
                    </div>
                </div>
                </div>
            </div>
        </div>
    </section>
@endsection
