@extends('layouts.app')

@section('title', $jenis === 'lektor' ? 'Data SK Lektor' : 'Data SK Asisten Ahli')

@section('breadcrumb')
    <li class="breadcrumb-item"><a href="{{ route('dashboard') }}">Dashboard</a></li>
    <li class="breadcrumb-item active">Data SK {{ $jenis === 'lektor' ? 'Lektor' : 'Asisten Ahli' }}</li>
@endsection

@push('styles')
    <link rel="stylesheet" href="https://cdn.datatables.net/1.13.8/css/dataTables.bootstrap4.min.css">
@endpush

@section('content')
    <div class="card card-primary card-outline">
        <div class="card-header">
            <h3 class="card-title"><i class="fas fa-list mr-1"></i> Daftar SK {{ $jenis === 'lektor' ? 'Lektor' : 'Asisten Ahli' }} <span class="badge badge-dark ml-1">Tahun {{ session('tahun', date('Y')) }}</span></h3>
            <div class="card-tools">
                <div class="btn-group mr-2">
                    <a href="{{ route('sk.index', ['jenis' => 'asisten_ahli']) }}" class="btn btn-sm {{ $jenis === 'asisten_ahli' ? 'btn-primary' : 'btn-outline-primary' }}">Asisten Ahli</a>
                    <a href="{{ route('sk.index', ['jenis' => 'lektor']) }}" class="btn btn-sm {{ $jenis === 'lektor' ? 'btn-success' : 'btn-outline-success' }}">Lektor</a>
                </div>
                <a href="{{ route('sk.create', ['jenis' => $jenis]) }}" class="btn btn-sm btn-primary"><i class="fas fa-plus mr-1"></i> Tambah SK</a>
            </div>
        </div>
        <div class="card-body">
            <table id="tabel-sk" class="table table-bordered table-striped table-hover">
                <thead>
                    <tr>
                        <th style="width: 40px">No</th>
                        <th>Nomor SK</th>
                        <th>Nama &amp; Gelar</th>
                        <th>NUPTK</th>
                        <th>Jabatan</th>
                        <th>Unit Kerja</th>
                        <th>TMT</th>
                        <th style="width: 130px">Aksi</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($sks as $sk)
                        <tr>
                            <td>{{ $loop->iteration }}</td>
                            <td>{{ $sk->nomor_sk ?: '-' }}</td>
                            <td>{{ $sk->nama_gelar }}</td>
                            <td>{{ $sk->nuptk ?: '-' }}</td>
                            <td><span class="badge badge-{{ $sk->jenis === 'lektor' ? 'success' : 'primary' }}">{{ $sk->jabatan_label }}</span></td>
                            <td>{{ $sk->unit_kerja }}</td>
                            <td>{{ $sk->tglIndo('tmt') }}</td>
                            <td class="text-nowrap">
                                <a href="{{ route('sk.cetak', $sk) }}" target="_blank" class="btn btn-xs btn-dark" title="Cetak SK"><i class="fas fa-print"></i></a>
                                <a href="{{ route('sk.show', $sk) }}" class="btn btn-xs btn-info" title="Detail"><i class="fas fa-eye"></i></a>
                                <a href="{{ route('sk.edit', $sk) }}" class="btn btn-xs btn-warning" title="Edit"><i class="fas fa-edit"></i></a>
                                <form action="{{ route('sk.destroy', $sk) }}" method="POST" class="d-inline" onsubmit="return confirm('Yakin ingin menghapus SK atas nama {{ addslashes($sk->nama_gelar) }}?')">
                                    @csrf
                                    @method('DELETE')
                                    <button type="submit" class="btn btn-xs btn-danger" title="Hapus"><i class="fas fa-trash"></i></button>
                                </form>
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
@endsection

@push('scripts')
    <script src="https://cdn.datatables.net/1.13.8/js/jquery.dataTables.min.js"></script>
    <script src="https://cdn.datatables.net/1.13.8/js/dataTables.bootstrap4.min.js"></script>
    <script>
        $(function () {
            $('#tabel-sk').DataTable({
                language: { url: 'https://cdn.datatables.net/plug-ins/1.13.8/i18n/id.json' },
                order: [[0, 'desc']],
                columnDefs: [{ orderable: false, targets: 7 }],
            });
        });
    </script>
@endpush