@extends('admin.layout')

@section('content')

<h4>Data Mata Kuliah</h4>

<a href="/admin/matakuliah/create" class="btn btn-custom btn-icon mb-3"> <i data-feather="plus"></i>Tambah Mata Kuliah
</a>

@if(session('success'))
<div class="alert alert-success">
    {{ session('success') }}
</div>
@endif

<div class="table-responsive">
    <table id="datatable" class="table table-modern">
        <thead>
            <tr>
                <th>No</th>
                <th>Blok</th>
                <th>Nama Mata Kuliah</th>
                <th width="150">Aksi</th>
            </tr>
        </thead>
        <tbody>
            @forelse($data as $d)
            <tr>
                <td>{{ $loop->iteration }}</td>
                <td>{{ $d->nama_blok }}</td>
                <td>{{ $d->nama_mk }}</td>
                <td>
                    <a href="/admin/matakuliah/edit/{{ $d->id }}" class="btn btn-sm btn-warning">Edit</a>
                    <a href="/admin/matakuliah/delete/{{ $d->id }}" class="btn btn-sm btn-danger"
                        onclick="return confirm('Yakin hapus data?')">
                        Hapus
                    </a>
                </td>
            </tr>
            @empty
            <tr>
                <td colspan="4" class="text-center">Tidak ada data</td>
            </tr>
            @endforelse
        </tbody>
    </table>
</div>

@endsection

@section('scripts')
<script>
    $(document).ready(function() {
        $('#datatable').DataTable({
            pageLength: 10,
            lengthMenu: [5, 10, 25, 50, 100],
            language: {
                search: "🔍 Cari:",
                lengthMenu: "Tampilkan _MENU_ data",
                zeroRecords: "Data tidak ditemukan",
                info: "Menampilkan _START_ - _END_ dari _TOTAL_ data",
                paginate: {
                    next: "›",
                    previous: "‹"
                }
            }
        });

        feather.replace()
    });
</script>
@endsection