@extends('admin.layouts.index')
@section('title', 'Halaman Admin SI PeSSUT')
@section('judul', 'Bidang Urusan SIPD')
@section('subjudul', 'Halaman Bidang Urusan SIPD')
@section('konten')
    <div class="container-widget animated fadeInRight">
        <div class="row">
            <div class="col-lg-12">
                <div class="panel panel-default">
                    <div class="panel-title"> BIDANG URUSAN SIPD</div>
                    <div class="panel-body table-responsive">
                        <table class="table table-hover">
                            <thead>
                                <tr>
                                    <td>ID</td>
                                    <td>Nama Bidang Urusan</td>
                                    <td>Urutan</td>
                                    <td>Dibuat tanggal</td>
                                    <td colspan="2">Kelola</td>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($urusans as $index => $urusan)
                                    <tr>
                                        <td>{{ $index + 1 + ( ($urusans->CurrentPage() - 1) * $urusans->PerPage() ) }}</td>
                                        <td>{{ $urusan->nama_bidang }}</td>
                                        <td>{{ $urusan->urutan }}</td>
                                        <td>{{ $urusan->dibuat }}</td>
                                        <td><a href="#" data-toggle="modal" data-target="#edit-urusan{{ $urusan->id }}">Edit</a></td>
                                        <td><a href="#" data-toggle="modal" data-target="#hapus-urusan{{ $urusan->id }}">Hapus</a></td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                    {{ $urusans->links() }}
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-lg-12">
                @include('admin.urusan-sipd.tambah')
            </div>
        </div>
    </div>
    
@include('admin.urusan-sipd.edit')
@include('admin.urusan-sipd.hapus')

@endsection