@extends('layouts.dashboard_admin')
@section('content')

<div class="content">

    <!-- Start Page Header -->
    <div class="page-header">
        <h1 class="title">Kategori DIP</h1>
    </div>
    <div class="row"> 
        <div style="margin-bottom:10px;">
                <a href="{{ route('kategoridip.create') }}" class="btn btn-success pull-right">Tambah Kategori DIP</a>
        </div>
    </div>
    <!-- End Page Header --> 
    <!-- Start Container -->
    <div class="container-padding animated fadeInRight"> 
        <!-- Start Row -->
        <div class="row"> 
            <!-- Start Panel -->
            <div class="col-12">
                <div class="panel panel-default">
                    @if(Session::has('msg'))
                        <div class="foxlabel-alert foxlabel-alert-icon alert3"> <i class="fa fa-check"></i> <a href="#" class="closed">&times;</a> {{ \Illuminate\Support\Facades\Session::get('msg') }}</div>
                    @endif
                    <div class="panel-title"> Kategori DIP </div>
                    <div class="panel-body table-responsive">
                        
                        @if ( ! $data->isEmpty() )
                        <table id="example0" class="table display">
                            <thead>
                                <tr>
                                    <th>Nama Kategori</th>
                                    <th>Action</th>               
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                        @foreach ($data as $jenis)
                                        <tr>
                                            <td>
                                                {{ $jenis->kategori_dip }}
                                            </td>
                                            <td>
                                                <a href="{{ route('kategoridip.edit', $jenis->id ) }}" class="btn btn-xs btn-info">
                                                    Edit
                                                </a>
                                                <form action="{{ route('kategoridip.destroy', $jenis->id) }}" method="POST" onclick="confirm('Hapus Data ini ?') ? '' : event.preventDefault()" style="display:inline-block">
                                                    @csrf
                                                    @method('DELETE')
                                                    <input type="submit" value="Delete" class="btn btn-danger btn-xs">
                                                </form>
                                            </td>
                                </tr>
                                @endforeach
                            </tbody>
                            </table>
                        @else
                            <p class="text-center"><strong>Tidak ada data Kategori DIP yang tersimpan.</strong></p>
                        @endif
                    </div>
                </div>
            </div>                  
            <!-- End Panel --> 
        </div>
        <!-- End Row --> 
    </div>            
    
</div>
@endsection