@extends('layouts.dashboard')
@section('content')
<div class="m-grid__item m-grid__item--fluid m-wrapper">
    <div class="m-subheader ">
        <div class="d-flex align-items-center">
            <div class="mr-auto">
                <h3 class="m-subheader__title m-subheader__title--separator">Artikel (Belum berfungsi karna diinstall d CPANEL)</h3>
                <ul class="m-subheader__breadcrumbs m-nav m-nav--inline">
                    <li class="m-nav__item m-nav__item--home">
                        <a href="" class="m-nav__link m-nav__link--icon">
                            <i class="m-nav__link-icon la la-home"></i>
                        </a>
                    </li>
                    <li class="m-nav__separator">-</li>
                    <li class="m-nav__item">
                        <a href="" class="m-nav__link">
                            <span class="m-nav__link-text">Artikel</span>
                        </a>
                    </li>
                    {{-- <li class="m-nav__separator">-</li>
                    <li class="m-nav__item">
                        <a href="" class="m-nav__link">
                            <span class="m-nav__link-text">Manage Orders</span>
                        </a>
                    </li>
                    <li class="m-nav__separator">-</li>
                    <li class="m-nav__item">
                        <a href="" class="m-nav__link">
                            <span class="m-nav__link-text">Latest Orders</span>
                        </a>
                    </li> --}}
                </ul>
            </div>
        </div>
    </div>
    <!-- END: Subheader -->
    <div class="m-content">
        @if ($message = Session::get('success'))
        <div class="alert alert-success alert-dismissible fade show" role="alert">
            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
            </button>
            {{$message}}
        </div>
        @elseif($message = Session::get('failed'))
            <div class="alert alert-danger alert-dismissible fade show" role="alert">
                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                </button>
                {{$message}}
            </div>
        @endif
        <div class="m-portlet m-portlet--mobile ">
            <div class="m-portlet__head">
                <div class="m-portlet__head-caption">
                    <div class="m-portlet__head-title">
                        <h3 class="m-portlet__head-text">
                       <!--
                        <a href="{{route('artikel.add')}}" class="btn btn-primary">Tambah Artikel</a>
                        -->
                        </h3>
                    </div>
                </div>
            </div>
            <div class="m-portlet__body">

                <!--begin: Datatable -->
                <table class="table table-striped">
                    <tr>
                        <th>Judul</th>
                        <th>Gambar</th>
                        <th>Deskripsi</th>
                        <th>aksi</th>
                    </tr>
                    @foreach ($artikel as $item)
                    <tr>
                        <td>{{$item->judul}}</td>
                        <td>{{$item->gambar}}</td>
                        <td>{{substr($item->deskripsi,0,50)}}</td>
                        <td><a href="{{route('artikel.delete',['id'=>$item->id])}}" class="btn btn-sm btn-danger">Hapus</a>&nbsp;<a href="{{route('artikel.edit',['id'=>$item->id])}}" class="btn btn-sm btn-info">Edit</a></td>
                    </tr>
                    @endforeach
                </table>
                <!--end: Datatable -->
            </div>
        </div>
    </div>
 </div>
</div>
@endsection