@extends('layouts.app')

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

@section('breadcrumb')
    <li class="breadcrumb-item"><a href="{{ route('dashboard') }}">Dashboard</a></li>
    <li class="breadcrumb-item active">Arsip 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-archive mr-1"></i> Arsip 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('arsip-sk.index', ['jenis' => 'asisten_ahli']) }}" class="btn btn-sm {{ $jenis === 'asisten_ahli' ? 'btn-primary' : 'btn-outline-primary' }}">Asisten Ahli</a>
                    <a href="{{ route('arsip-sk.index', ['jenis' => 'lektor']) }}" class="btn btn-sm {{ $jenis === 'lektor' ? 'btn-success' : 'btn-outline-success' }}">Lektor</a>
                </div>
                <a href="{{ route('arsip-sk.create', ['jenis' => $jenis]) }}" class="btn btn-sm btn-primary"><i class="fas fa-upload mr-1"></i> Upload Masal</a>
            </div>
        </div>
        <div class="card-body">
            <table id="tabel-arsip" 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>Keterangan</th>
                        <th>File</th>
                        <th>Diunggah</th>
                        <th style="width: 110px">Aksi</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($arsips as $arsip)
                        <tr>
                            <td>{{ $loop->iteration }}</td>
                            <td>{{ $arsip->nomor_sk ?: '-' }}</td>
                            <td>{{ $arsip->nama_gelar ?: '-' }}</td>
                            <td>{{ $arsip->keterangan ?: '-' }}</td>
                            <td>
                                <span class="badge badge-{{ $arsip->ekstensi === 'PDF' ? 'danger' : 'info' }}">{{ $arsip->ekstensi }}</span>
                                {{ $arsip->file_name }}
                            </td>
                            <td>{{ $arsip->created_at->translatedFormat('d F Y H:i') }}</td>
                            <td class="text-nowrap">
                                <a href="{{ route('arsip-sk.file', $arsip) }}" target="_blank" class="btn btn-xs btn-info" title="Lihat"><i class="fas fa-eye"></i></a>
                                <a href="{{ route('arsip-sk.unduh', $arsip) }}" class="btn btn-xs btn-dark" title="Unduh"><i class="fas fa-download"></i></a>
                                <form action="{{ route('arsip-sk.destroy', $arsip) }}" method="POST" class="d-inline" onsubmit="return confirm('Yakin ingin menghapus arsip {{ addslashes($arsip->file_name) }}?')">
                                    @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-arsip').DataTable({
                language: { url: 'https://cdn.datatables.net/plug-ins/1.13.8/i18n/id.json' },
                order: [[0, 'desc']],
                columnDefs: [{ orderable: false, targets: 6 }],
            });
        });
    </script>
@endpush