@extends('layouts.dashboard_admin')
@section('content')
<div class="row">
    <div class="col-md-12">
        <div class="panel-heading">
            <h2>Kegiatan PPID Kaltimprov.</h2>
        </div>
        <div class="panel panel-default">
            <div class="panel-head" style="margin-bottom:0.5rem;">
                <a href="{{route('admin.kegiatan.create')}}" class="btn btn-success">Tambah Kegiatan</a>
            </div>
            <div class="panel-body table-responsive">
                <table id="example0" class="table display">
                    <thead>
                        <tr>
                            <th>No.</th>
                            <th>Nama Kegiatan</th>
                            <th>Deskripsi</th>
                            <th>Tanggal Kegiatan</th>
                            <th>Aksi</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($tasks as $task)
                        <tr>
                            <td>{{ $loop->iteration }}</td>
                            <td>{{ $task->name }}</td>
                            <td>{!! \Illuminate\Support\Str::limit($task->description, 10) !!}</td>
                            <td>{{ $task->task_date }}</td>
                            <td>
                                <a href="{{route('admin.kegiatan.edit', $task->id)}}" class="btn btn-primary">ubah</a>
                                <a onclick="
                                confirm('Ingin menghapus kegiatan ?') ?document.getElementById('form-hapus-kegiatan').submit() : ''
                                " class="btn btn-danger" style="color:white;">hapus</a>
                                <form id="form-hapus-kegiatan" action="{{route('admin.kegiatan.destroy', $task->id)}}" method="post">
                                    @csrf
                                    {{method_field('DELETE')}}
                                </form>
                            </td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
@endsection