@extends('admin.layout')

@section('content')

<!-- HEADER -->
<div class="d-flex justify-content-between align-items-center mb-3">
    <h4 class="mb-0">
        <i data-feather="calendar"></i> Data Tahun Akademik
    </h4>

    <a href="/admin/tahun/create" class="btn btn-custom btn-icon">
        <i data-feather="plus"></i> Tambah
    </a>
</div>

@if(session('success'))
<div class="alert alert-success">
    <i data-feather="check-circle"></i> {{ session('success') }}
</div>
@endif

<!-- CARD -->
<div class="card-modern">

    <div class="table-responsive">
        <table id="datatable" class="table table-modern align-middle">
            <thead>
                <tr>
                    <th>No</th>
                    <th>Tahun</th>
                    <th>Semester</th>
                    <th>Status</th>
                    <th width="120">Aksi</th>
                </tr>
            </thead>

            <tbody>
                @forelse($data as $key => $d)
                <tr>
                    <td>{{ $key+1 }}</td>

                    <td>
                        <span class="fw-semibold">{{ $d->tahun }}</span>
                    </td>

                    <td>
                        <span class="badge bg-info text-dark">
                            {{ ucfirst($d->semester) }}
                        </span>
                    </td>

                    <td>
                        @if($d->status == 'aktif')
                        <span class="badge bg-success">
                            <i data-feather="check-circle"></i> Aktif
                        </span>
                        @else
                        <span class="badge bg-secondary">
                            <i data-feather="x-circle"></i> Nonaktif
                        </span>
                        @endif
                    </td>

                    <td>
                        <div class="d-flex gap-1">

                            <a href="/admin/tahun/edit/{{ $d->id }}" class="btn btn-sm btn-warning" title="Edit">
                                <i data-feather="edit"></i>
                            </a>

                            <a href="/admin/tahun/delete/{{ $d->id }}" class="btn btn-sm btn-danger" title="Hapus"
                                onclick="return confirm('Yakin hapus?')">
                                <i data-feather="trash-2"></i>
                            </a>

                        </div>
                    </td>
                </tr>
                @empty
                <tr>
                    <td colspan="5" class="text-center text-muted">
                        <i data-feather="inbox"></i><br>
                        Data belum ada
                    </td>
                </tr>
                @endforelse
            </tbody>
        </table>
    </div>

</div>

@endsection

{{-- SCRIPT --}}
@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