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

<!-- Start Page Header -->
<div class="page-header">
    <h1 class="title">Berita</h1>
</div>
<div class="row"> 
    <div style="margin-bottom:10px;">
        <a href="{{ route('posts.create') }}" class="btn btn-success pull-right">Tambah Data</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"> Data </div>
                <div class="panel-body table-responsive">

                    @if ( ! $data->isEmpty() )
                    <table id="example0" class="table display">
                        <thead>
                            <tr>
                                <th width="20">No</th>
                                <th>Gambar</th>
                                <th>Judul Berita</th>
                                <th>Kategori</th>
                                <th>Dibuat Pada</th>
                                <th>Aksi</th>               
                            </tr>
                        </thead>
                        <tbody>
                                                        @foreach ($data as $jenis)
                            <tr>
                                <td>{{$no++}}</td>
                                <td>
                                    <img src="{{ asset($jenis->featured) }}" alt="{{ $jenis->title }}" width="90px" height="50px">
                                </td>
                                <td>
                                    {{ $jenis->title }}
                                </td>
                                <td>
                                    {{ $jenis->category->name }}
                                </td>
                                <td>
                                    {{ substr($jenis->created_at, 0, 11) }}
                                </td>
                                <td>
                                    <a href="{{ route('posts.edit', $jenis->id ) }}" class="btn btn-xs btn-info">
                                        Edit
                                    </a>
                                    <form action="{{ route('posts.destroy', $jenis->id) }}" method="POST" onclick="confirm('Hapus Data ?') ? '' : 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 Berita.</strong></p>
                    @endif
                </div>
            </div>
        </div>                  
        <!-- End Panel --> 
    </div>
    <!-- End Row --> 
</div>
@endsection