@extends('admin.layouts.index')
@section('title', 'Halaman Admin SI PeSSUT')
@section('judul', 'Bidang Urusan')
@section('subjudul', 'Halaman Bidang Urusan')
@section('konten')
        <div class="row">
            <div class="col-lg-12">
                <div class="panel panel-default">
                    <div class="panel-title"> BIDANG URUSAN </div>
                    <div class="panel-body table-responsive">
                        <table id="example0" class="table display" >
                            <thead>
                                <tr>
                                    <th>ID</th>
                                    <th>Nama Bidang Urusan</th>
                                    <th>Urutan</th>
                                    <th>Dibuat tanggal</th>
                                    <th>Kelola</th>
                                </tr>
                            </thead>
                            <tbody>
                                @forelse ($urusans as $index => $urusan)
                                    <tr>
                                        <td>{{ $index + 1 }}</td>
                                        <td>{{ $urusan->nama_bidang }}</td>
                                        <td>{{ $urusan->urutan }}</td>
                                        <td>{{ $urusan->dibuat }}</td>
                                        <td><a href="{{ route('admin.urusan.edit', $urusan->id) }}" class="btn-white btn btn-xs">Ubah</a>&nbsp;
                                            <a href="#" class="btn-white btn btn-xs" data-toggle="modal" data-target="#hapus-urusan{{ $urusan->id }}">Hapus</a></td>
                                    </tr>
                                @empty
                                @endforelse
                            </tbody>
                            <tfoot>
                            </tfoot>
                        </table>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-lg-12">
                @include('admin.urusan.tambah')
            </div>
        </div>

@include('admin.urusan.hapus')

@endsection